navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

List Items and Bullets

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> List Items and Bullets
Page: [1]
 
Stuey

 

Posts: 203
From: Dudley West Midlands, United Kingdom
Status: offline

 
List Items and Bullets - 5/28/2003 9:57:22   
Hi all,

I want to do a bulletted list on a page, I want the text to be normal line spacing and normal font but the gap between the bulletted lists to be bigger

know what I mean?



  • 1list list list
  • 2llllllllllllllllllllllllllll llllllllllllllll lllllllllllllllll llllllllll llllllllllllllllllllllll lllllllll llllllllllllllllll llllllllllllllll llllllllllll llllllllllll lllllllllll lllllllllllllllllllll llllllll llllllll llllllllllllll llllllllllllll lllllllllll llllllllll lllllllll lllllllllllllllll llllllllllllllll lllllllllllll llllllllllllllllll llllllllllll lllllllllllll llllllllllllllll lllllllllllll llllllllllllll lllllllll llllllllllllll llllllllllllllllllllllllllllll lllllllllllllllllll
  • 3list



I' m trying to get more space between 123 but keep the line 2 text sensiblely close

Stuart

<edit>I just updated the title to reflect the topic a little more specifically.</edit>

< Message edited by pageoneresults -- 5/28/2003 10:26 PM >


_____________________________

Stuart Steele - www.stuweb.co.uk
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

 
RE: Lists & bullet points - 5/28/2003 13:21:45   
Have you tried playing with padding or margin settings in your style?

Or create a custom GIF image for your bullets with a little extra transparency on top...

_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to Stuey)
pageoneresults

 

Posts: 1001
From: Orange, CA USA
Status: offline

 
RE: Lists & bullet points - 5/28/2003 22:17:53   
In your external css file...

li {
margin-bottom: 5px;
}

Adjust the margin to satisfy your requirements.

The line 2 text that you refer to (multiple lines for the one list item) can be controlled through the use of line-height:

li {
margin-bottom: 5px;
line-height: 16px;
}

Default line-height is usually sufficient. If you want to insure compatibility and similar appearance across browsers, the line-height feature is useful. Remember that line-height is equivalent to leading if you design for print. It is the space between lines.

There is also letter-spacing: Let' s say you wanted to add a special effect to your bold headlines, you might do something like this...

p.head {
font-weight: bold;
letter-spacing: 3px;
}

The above code will add 3px of l e t t e r s p a c i n g or what is referred to as tracking if you design for print. It is the space between letters.

All sorts of neat things you can do!

< Message edited by pageoneresults -- 5/28/2003 10:34 PM >


_____________________________

SEO Consultants Directory
Find Search Engine Marketing Companies

(in reply to Stuey)
Stuey

 

Posts: 203
From: Dudley West Midlands, United Kingdom
Status: offline

 
RE: List Items and Bullets - 5/29/2003 9:54:16   
yeah I' d worked that out.... well sort of but I actually convicnced myself there was a proper setting

Thanks all

stuart

_____________________________

Stuart Steele - www.stuweb.co.uk

(in reply to Stuey)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> List Items and Bullets
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts