Two styles in one href
- Started
- Last post
- 8 Responses
- ********
How do I do this...
eg. if i wanted a two line link, with the top line a bigger size than the bottom line?
- YAYPaul0
Put the first line in a H tag or a Span would work too and they style that differently from your usual A tag.
- rafalski0
a {color:red}
a .secondLine {color:blue}..
<a>blah<br /> <span class="secondLine">blaaah</span></a>
- YAYPaul0
But you can also just style the span, which is what i usualy do, meaning the general span inside an A tag can be one style, then you can override it with a class.
a{color: #000}
a span{color: #999}
a span.moo{color: #e5e5e5;}<a>cheese<br/><span>monkey</span><br/><span class="moo">pirate</span></a>
- ********0
Hmm the span was causing the rollover colour change to now work for both lines...
<a href='profile.html'><font class='name'>James Stone</font><br>Mimeartist</a><br><br>
This works, but don't know if it is legit... only for a mock-up any
- jamble0
or adding another way to skin a cat....
- rafalski0
Would you like both lines to react to rollovers separately?..
- YAYPaul0
Yeah spans wont work like that. My bad.
H tags will though.
- ********0
I'm only supplying type sizes to an agency, so just want it to work... more than be complient