I am using css and have a question. On my navagation frame some of the choices are longer than the frame so they go down to the next line. The problem is the spacing is too much. How do I handle this. You can see this problem at <br />
<!-- m --><a class="postlink" href="http://www.gofastleft.com/">http://www.gofastleft.com/</a><!-- m --> and click on Drivers. Her is what the CSS has for the drivers list <br />
FONT.FIFTH { LINE-HEIGHT:20PT; FONT-WEIGHT:BOLD; MARGIN-LEFT:.07IN; FONT-SIZE:8PT}<br />
<br />
and here is how the links look on the html page<br />
<A HREF=http://www.htmlforums.com/archive/index.php/"caseya2002.htm" TARGET="B"><br />
<FONT CLASS="FIFTH">ATWOOD CASEY </FONT></A><br />
<BR> <br />
<br />
<A HREF=http://www.htmlforums.com/archive/index.php/"johnnyb2002.htm" TARGET="B"><br />
<FONT CLASS="FIFTH"> BENSON JOHNNY</FONT></A><br />
<P><br />
<br />
<br />
Thanks for any help or advice you can give. I am knew to CSS but I love what I have been able to do with it so far. If you need any info just yell<br />
Jeff<!--content-->ahhhhh, the linkls looked fine to me, If you mean theres too many spaces between each link, thats becouse of those "<p>" tags your using, try switching those all to "<br>" tabgs and you will be good as gold.<!--content-->well actually I designed it to list three drivers with a small space between them and then a bigger space inbetween groups. I figured this would make it easier to look down the list. the problem I am talking about only happens once on my screen, check out earnhardt Jr. Dale notice the Dale is on it's own line wich is fine, but what I dont like is the space between the lines. I first noticed this when I looked at my site at work on a small screen and half of the links were like that.<!--content-->you have the space between the lines set at:<br />
<br />
LINE-HEIGHT:20PT<br />
<br />
lower the value of 20 to get less space between lines.<!--content-->Thanks Keven,<br />
I think I tried that already but I will try it again,<br />
Here is an example of what I am looking for <br />
<br />
COMPTON STACY <br />
<br />
CRAVEN RICKY <br />
<br />
EARNHARDT Jr. <br />
DALE <br />
<br />
but what I am getting is <br />
<br />
COMPTON STACY <br />
<br />
CRAVEN RICKY <br />
<br />
EARNHARDT Jr. <br />
<br />
DALE <br />
<br />
<br />
see the difference, if I change the 20 it will change all of the lines but I only need to change the overflow line.<!--content-->either define a separate class for that links that drop down to a newline, or use a span tag to override the setting for a specific link, like so:<br />
<br />
<br />
<br />
<A HREF=http://www.htmlforums.com/archive/index.php/"whatever.htm" TARGET="B"> <br />
<FONT CLASS="FIFTH"><span style="line-height:10pt"> EARNHARDT Jr. DALE </span></FONT></A> <br />
<P> <br />
<br />
<br />
give that a try<!--content-->
<!-- m --><a class="postlink" href="http://www.gofastleft.com/">http://www.gofastleft.com/</a><!-- m --> and click on Drivers. Her is what the CSS has for the drivers list <br />
FONT.FIFTH { LINE-HEIGHT:20PT; FONT-WEIGHT:BOLD; MARGIN-LEFT:.07IN; FONT-SIZE:8PT}<br />
<br />
and here is how the links look on the html page<br />
<A HREF=http://www.htmlforums.com/archive/index.php/"caseya2002.htm" TARGET="B"><br />
<FONT CLASS="FIFTH">ATWOOD CASEY </FONT></A><br />
<BR> <br />
<br />
<A HREF=http://www.htmlforums.com/archive/index.php/"johnnyb2002.htm" TARGET="B"><br />
<FONT CLASS="FIFTH"> BENSON JOHNNY</FONT></A><br />
<P><br />
<br />
<br />
Thanks for any help or advice you can give. I am knew to CSS but I love what I have been able to do with it so far. If you need any info just yell<br />
Jeff<!--content-->ahhhhh, the linkls looked fine to me, If you mean theres too many spaces between each link, thats becouse of those "<p>" tags your using, try switching those all to "<br>" tabgs and you will be good as gold.<!--content-->well actually I designed it to list three drivers with a small space between them and then a bigger space inbetween groups. I figured this would make it easier to look down the list. the problem I am talking about only happens once on my screen, check out earnhardt Jr. Dale notice the Dale is on it's own line wich is fine, but what I dont like is the space between the lines. I first noticed this when I looked at my site at work on a small screen and half of the links were like that.<!--content-->you have the space between the lines set at:<br />
<br />
LINE-HEIGHT:20PT<br />
<br />
lower the value of 20 to get less space between lines.<!--content-->Thanks Keven,<br />
I think I tried that already but I will try it again,<br />
Here is an example of what I am looking for <br />
<br />
COMPTON STACY <br />
<br />
CRAVEN RICKY <br />
<br />
EARNHARDT Jr. <br />
DALE <br />
<br />
but what I am getting is <br />
<br />
COMPTON STACY <br />
<br />
CRAVEN RICKY <br />
<br />
EARNHARDT Jr. <br />
<br />
DALE <br />
<br />
<br />
see the difference, if I change the 20 it will change all of the lines but I only need to change the overflow line.<!--content-->either define a separate class for that links that drop down to a newline, or use a span tag to override the setting for a specific link, like so:<br />
<br />
<br />
<br />
<A HREF=http://www.htmlforums.com/archive/index.php/"whatever.htm" TARGET="B"> <br />
<FONT CLASS="FIFTH"><span style="line-height:10pt"> EARNHARDT Jr. DALE </span></FONT></A> <br />
<P> <br />
<br />
<br />
give that a try<!--content-->