Old 07-11-2005, 09:21   #1 (permalink)
stealthcow
knocking heads
 
stealthcow's Avatar
 
Join Date: Jul 2003
Location: London, UK
Posts: 1,945
CSS Line-height

if you go to http://www.housingpeopleltd.com/new/

and look at the scrolling marquee doodaa the line height is set to 22px for each new list item - however, if one list item goes onto a new line i want to make the line height 15px instead of 22px

any ideas how to do this?

Code:
.scrolling_links { line-height: 22px; } .scrolling_links li { font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 10px; } .scrolling_links a, a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:underline; font-size: 10px; line-height:15px; } .scrolling_links a:hover { text-decoration:none; line-height:15px; }
  Reply With Quote
Old 07-11-2005, 09:24   #2 (permalink)
smallbeer
I Ain't Losing Any Sleep™
 
Join Date: Apr 2003
Posts: 5,205
you probably want to change the line-height to 15px and use a margin to space out the items instead.
  Reply With Quote
Old 07-11-2005, 09:26   #3 (permalink)
stealthcow
knocking heads
 
stealthcow's Avatar
 
Join Date: Jul 2003
Location: London, UK
Posts: 1,945
cool, cheers!
  Reply With Quote
Old 07-11-2005, 09:27   #4 (permalink)
Stickman
Dr. Lucien Sanchez
 
Stickman's Avatar
 
Join Date: Mar 2003
Location: UK
Posts: 5,563
You're using line-height to create a margin. Scrap the .scrolling_links line-height and stick a margin on them instead.
  Reply With Quote
Old 07-11-2005, 09:28   #5 (permalink)
Stickman
Dr. Lucien Sanchez
 
Stickman's Avatar
 
Join Date: Mar 2003
Location: UK
Posts: 5,563
Jesus, my typing is getting slow. The cold weather is seizing up my fingers.
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8