Tue, 2004-09-14 17:11
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]
Tue, 2004-09-14 17:41
#1
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.
Tue, 2004-09-14 21:17
#2
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!
Tue, 2004-09-14 22:11
#3
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
Mon, 2004-09-20 14:55
#4
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!