html tags in wrong place

  • Unknown's avatar
    blaxter · Member ·

    I asked before about this and put it right manually. Since then I have changed template and still the colour html tag is being put in the wrong place in the sequence and so the colour (change to red) doesn’t happen. This is so frustrating I feel like giving up. If I change from wysiwyg to html I can put the colour tags in the correct place and behold the word changes to red. But this has now happened in two different templates, so I’d like to know what is happening. Can anyone help please? Thanks.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    airodyssey · Member ·

    Hi. If you are referring to the color of links, like on your previous thread…
    https://en.forums.wordpress.com/topic/why-will-red-not-work-today?replies=4

    …then this might help (inserting the “style” code inside your “a” tag:
    http://wpbtips.wordpress.com/2009/07/11/formatting-text-pt-5/

    Otherwise, it would be nice to get a specific example of a post or page where you tried to make a color change but you couldn’t.

  • Unknown's avatar
    blaxter · Member ·

    Thank you. That’s what I have been doing recentlyas a result of tess’s advice as you saw – but for 2.5 years I never had to! It just *was* right.

    Anyway – in that link you mentioned, I see this: “If you use the visual editor, you must write the link text first, highlight it, change its color via the Color button, then turn it into a link via the Link button.”

    Well, I will do this as it seems to be how to do it, but I would love to know why things have changed! I have always copy/pasted the draft post from Macjournal, links already set up, and then go through in WordPress and change the links to red. It clearly doesn’t work now. But at least I now know to change my work order, and change the colour first and add the link second.

    Many thanks for your reply, though I’m puzzled!

  • Unknown's avatar
    thesacredpath · Member ·

    There was an update done to the TinyMCE editor (moxiecode) here that broke applying colors to text links and it places the standard color code outside the href code, which is incorrect HTML nesting, and it has not been fixed by moxiecode. Not sure when that will be fixed. It has been doing the same thing with any text formatting actually.

  • Unknown's avatar
    thesacredpath · Member ·

    I did some more testing on this and have contacted support about it with the steps to reproduce it.

  • Unknown's avatar
    designsimply · Member ·

    Right now, it’s possible to get colored links to work in some browsers using the visual editor. I tested these: Firefox 3.6.12, Chrome 9, Safari 5.0.2, and Internet Explorer 8. I wasn’t able to get colored links to work in Safari or Internet Explorer 8 using the visual editor, but I was able to get them working in Firefox and Chrome with the following steps:

    Select text, apply color, make sure the span with the colored text is selected, then apply the link. Here is an example:
    http://screencast.com/t/yIuIKWvwJF7Q

    Note that creating colored links in this way does not appear to be supported by the TinyMCE editor so it may not be something that is supported in the future.

    Normally, link color is determined by the theme stylesheet which you can modify site wide using the optional paid upgrade for Custom CSS. It is also possible to change link color for one link at a time by using the HTML editor and placing a color span inside a link tag like this:

    <a href="http://wordpress.com/"><span style="color: #ff0000;">Link text</span></a>

    Or you can even shorten it further by doing this:

    <a href="http://wordpress.com/" style="color: #ff0000;">Link text</a>

    For now, you’ll need to use the HTML editor method if you can’t get colored links to work using the visual editor in your browser.

  • Unknown's avatar
    thesacredpath · Member ·

    @designsimply, thanks for looking into this.

    Interesting that it isn’t (apparently) supported by the TinyMCE editor anymore. Seems strange.

  • Unknown's avatar
    blaxter · Member ·

    Well at least if it’s system-wide I won’t feel so persecuted! I do reckon, though, that someone should put it right, as WordPress is so good in other respects. Pity to let it down with something lots of us do regularly.

    Thanks all.

  • Unknown's avatar
    thesacredpath · Member ·

    The issue is with the Tiny MCE editor which is written by a group outside of WordPress, moxiecode so WP will have to get them to fix the issue.

    The TinyMCE editor has a lot of strangeness lately.

  • Unknown's avatar
    blaxter · Member ·

    Thanks again. Yes I understand that. Hope they do something! Much appreciated.

    I’ll close this now!

  • Unknown's avatar
    designsimply · Member ·

    We have updated the editor and changing link colors should be working now. If you are having any trouble with applying a link color, please try these steps:

    1. Highlight the link.
    2. Click the “Remove formatting” visual editor icon (row 2)
    3. Select a link color using the “Select text color” visual editor icon (row 2)

    See this help page for visual editor icon details: http://en.support.wordpress.com/visual-editor/#row-2

  • The topic ‘html tags in wrong place’ is closed to new replies.