•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 456,509 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,664 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 1118 | Replies: 4
 |
•
•
Join Date: Jul 2007
Location: Raleigh, NC
Posts: 2
Reputation: 
Rep Power: 0
Solved Threads: 0
Newbie Poster
wrapping bulletted text Hi everyone,
How do you make the text in bullets wrap so that the words on the following line dont begin under the bullet, but rather under the first word of the bulletted text? Should I do this in my html text doc (in the <li></li> tags) or in a css doc? I've never been able to figure this out. Please help. Thanks!
laila
How do you make the text in bullets wrap so that the words on the following line dont begin under the bullet, but rather under the first word of the bulletted text? Should I do this in my html text doc (in the <li></li> tags) or in a css doc? I've never been able to figure this out. Please help. Thanks!
laila
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
Hmm - dam good question.
I tought that they would automatically be "seperate"...
If you can, think of it as two seperate table cells... I always thought the bullet was in the left one, the text in the right...
Where as you are saying you see the bullet, you have a space, then the text... which wraps round and causes the text to continue on the line below, satarting from the bullet ?
Well - I cannot say I've ever encountered this... but try...
The only thing I can think of is that you hae somehow applied different formatting else where and it is overiding.
If that doesn't help, come back and paste some of the code (or link to the page).
I tought that they would automatically be "seperate"...
If you can, think of it as two seperate table cells... I always thought the bullet was in the left one, the text in the right...
Where as you are saying you see the bullet, you have a space, then the text... which wraps round and causes the text to continue on the line below, satarting from the bullet ?
Well - I cannot say I've ever encountered this... but try...
UL
{list-style-position: inside;}The only thing I can think of is that you hae somehow applied different formatting else where and it is overiding.
If that doesn't help, come back and paste some of the code (or link to the page).
Sometimes life holds wonderful suprises - shame I sleep through them all.
http://www.choose-easyweb.com - Not my design, nor my idea :)
http://www.choose-easyweb.com - Not my design, nor my idea :)
•
•
Join Date: Jan 2007
Posts: 2,604
Reputation:
Rep Power: 7
Solved Threads: 119
It should automatically happen that way.
BUT
If you apply any overall or left margin, border, or padding style to the text in the UL list, or to a containing item, it will cause the automatic indenting to fall apart in most browsers.
Use of
forces the bullets to be in the paragraph, instead of separate. Use this instead:
BUT
If you apply any overall or left margin, border, or padding style to the text in the UL list, or to a containing item, it will cause the automatic indenting to fall apart in most browsers.
Use of
list-style-position: inside;
list-style-position: outside;
Last edited by MidiMagic : Sep 29th, 2007 at 4:18 pm.
Daylight-saving time uses more gasoline
•
•
Join Date: Jul 2007
Location: Raleigh, NC
Posts: 2
Reputation:
Rep Power: 0
Solved Threads: 0
Newbie Poster
thanks to you both...still working at it, but i'm not quite sure what i'm missing. 
•
•
Join Date: Jan 2007
Posts: 2,604
Reputation:
Rep Power: 7
Solved Threads: 119
You have to remove all margin, border, and padding style to get the bulleted list to display properly. This includes containing objects with styles.
Or put the following style in:
Or put the following style in:
li {padding: 0;
border: none;
margin: 0;
list-style-position: inside;} Last edited by MidiMagic : Oct 7th, 2007 at 4:34 am.
Daylight-saving time uses more gasoline
|
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
- Dreamweaver wrapping text around Pics (Site Layout and Usability)
- Wrapping text in the IDE (Python)
- JEditorPane and word-wrapping (Java)
- Word-wrapping in CSS (HTML and CSS)
- hover over text tips (JavaScript / DHTML / AJAX)
- Using string variables in a label or text box? (VB.NET)
- connect to text file database (Visual Basic 4 / 5 / 6)
Other Threads in the HTML and CSS Forum
- Previous Thread: Do you validate?
- Next Thread: Trouble with page centering
