Hello,
I'm trying to see if there is a way of specifying a line-height for a br tag in a vertical menu that I'm working on. I don't want to use a list and a full break seems like too much space in between words.
This is my navigation:
<a href="/about/">GRD OVERVIEW</a><br>
<a href="/about/news.cfm">GRD NEWS</a><br>
<a href="/about/highlights.cfm">GRD HIGHLIGHTS</a><br>
Thank you so much!
[/b]
specifying line-spacing for breaks
.list br { margin: 22px 0 0 0; } <div class="list"> <a href="/about/">GRD OVERVIEW</a><br> <a href="/about/news.cfm">GRD NEWS</a><br> <a href="/about/highlights.cfm">GRD HIGHLIGHTS</a><br> </div>
This list of links should be in a UL/LI though...
And you don't need the br anyway, right? I think u could set ".list a" to "display: block" and call it a day. Maybe... I haven't looked at it like this yet.
code
Hi,
Thank you so much for the suggestions. I ended up with this code which works perfectly on Safari and IE on the MAC but it doesn't work for IE on the PC (sob).
#list a {
display:compact;
line-height: 10px;
}
I'm wondering if there's anything else I can try. Anyway, I really appreciate the help!
specifying line-spacing for breaks
Hi Lucina,
Another option would be to float the links and set them to clear:both.
Something like:
.list{float:left; clear:both;} <div class="list"> <a href="/about/">GRD OVERVIEW</a> <a href="/about/news.cfm">GRD NEWS</a> <a href="/about/highlights.cfm">GRD HIGHLIGHTS</a> </div>
Hope that helps
thanks
HI, sorry so late in replying (out of town). I wanted to thank you so very much for your help. For the most part it worked. I just needed to adjust the other styles I had to make this work out.
Thanks!