I’m running into a (hopefully) small problem. You can see it here: 欧洲杯开户_欧洲杯官网
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.
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?
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!
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!
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?