[Pro] Styled text causes link to "break"

Hi Everyone,

I’m running into a (hopefully) small problem. You can see it here: http://yourhappymind.com/news.html

The links that have a soft return and a smaller font do not highlight as one single link. It looks like it is two links. How do I fix this? I’ve run into this problem before, but I can’t for the life of me remember how I fixed it.

I tried “removing styling” and reapplying the link and styles, but so far no joy.

Thanks in advance for your assistance!
Doty


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This looks like your 2 items on the page are layered items.

Layered items cannot interact with each other ie the blue box will not be pushed down by the text if it is displayed larger in the browser.

2 possible solutions (there are several)

1 Insert the blue box as an inline item after the text.

2 Change both items to non-layered.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Ignore that Doty it should have gone to another thread.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Remove link and styling from the text then reapply link and then style the text.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hey Dave,

I tried that, no luck. I also removed the “text flow” action to see if that would help. The only change that occurred was that my hover color of teal stopped working. There was no hover effect at all. Any other thoughts?

Doty


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Okay, I just started with a completely new layered html box. I retyped all the text from scratch. Applied the links; applied the link styles. All that went fine. As soon as I try to style the text it breaks the hover effect. I can’t for the life of me figure out what is going on!

Doty


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If you are trying to change the style of part of the text within the
link text, you will necessarily end up with this structure:

<a href="foo">some text <span class="whatever">here</span></a>

That span breaks up the text. You may also end up with this horror:

<a href="foo"><span class="bar">some text </span><span  

class=“baz”>here

or worse:

<a href="foo"><span class="bar">some text <span class="baz">here</ 

span>

Your link styles are attached to the A tag, and because the SPAN tags
are inside that tag, they can mask what the link style is trying to do.

The best thing to do when styling links is to leave the link text
completely alone. Go ahead and style the paragraph, but don’t apply
any local styles to the individual characters of text inside the link.
If you want to have a style to the links, then create that style by
modifying the Link Style attributes in the Page Inspector or the Item
Inspector. If you leave the link text alone, then these styles set in
CSS can “shine through”.

Walter

On Dec 28, 2010, at 11:05 AM, Doty wrote:

Okay, I just started with a completely new layered html box. I
retyped all the text from scratch. Applied the links; applied the
link styles. All that went fine. As soon as I try to style the text
it breaks the hover effect. I can’t for the life of me figure out
what is going on!

Doty


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

So, it sounds like what I am trying to do might not be possible — have one line with two styles applied?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

If those two styles are within the bounds of a single link, then you
would have to be very careful about precisely which attributes they
were changing. The span tag, being inside the a tag, would override
any attribute that it had in common with the a tag.

Think about it in terms of proximity. If you have the word ‘foo’
wrapped in a span, and then that span is wrapped in an a (link) tag,
the span is closer to the letters it contains than the a is, and so
the span has more priority.

If both the span and the a tag had a background-color attribute, then
the span would “win”.

Walter

On Dec 28, 2010, at 11:43 AM, Doty wrote:

So, it sounds like what I am trying to do might not be possible —
have one line with two styles applied?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

oops, that was supposed to read

So, it sounds like what I am trying to do might not be possible — have one LINK with two styles applied?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Makes sense. Thanks for your help Walter!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options