|
| PORTAIL | ANNUAIRE | ARTICLES | COMPARATEUR HÉBERGEURS | DEVIS | FORUMS | RÉDUCTEUR D'URL |
|
01/07/2008, 19h56
|
#1 |
Messages: n/a
Hébergeur: |
auto-indent with a bulleted list
Hi,
IE auto-indents a bulleted list. Safari and FireFox do not. Why is this? How do you troubleshoot something like that to correct it? Should I add left-padding to my li class...or would that only affect the space between the bullet and the text? Thank you! |
|
|
01/07/2008, 20h19
|
#2 |
|
Messages: n/a
Hébergeur: |
Re: auto-indent with a bulleted list
> IE auto-indents a bulleted list. Safari and FireFox do not. Why is this?
> How > do you troubleshoot something like that to correct it? Use CSS to manage both the margin and the padding on the <ul> tag. -- Murray --- ICQ 71997575 Adobe Community Expert (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "r_tist" <webforumsuser@macromedia.com> wrote in message news:g4duk6$9fg$1@forums.macromedia.com... > Hi, > > IE auto-indents a bulleted list. Safari and FireFox do not. Why is this? > How > do you troubleshoot something like that to correct it? > Should I add left-padding to my li class...or would that only affect the > space > between the bullet and the text? > > Thank you! > |
|
|
|
01/07/2008, 21h05
|
#3 |
|
Messages: n/a
Hébergeur: |
Re: auto-indent with a bulleted list
On Tue, 1 Jul 2008 18:56:06 +0000 (UTC), "r_tist"
<webforumsuser@macromedia.com> wrote: >Hi, > > IE auto-indents a bulleted list. Safari and FireFox do not. Why is this? How >do you troubleshoot something like that to correct it? > Should I add left-padding to my li class...or would that only affect the space >between the bullet and the text? > > Thank you! try this: <style type="text/css"> ul.list { margin: 0; /*removes indent IE and Opera*/ padding: 0; /*removes indent Mozilla and NN7*/ list-style-type: none; }/*turns off display of bullet*/ ..list li { margin:0; font-family: "Times New Roman", Times, serif; font-size: 1em; font-style: normal; } </style> </head> <body> <ul class="list"> <li>list item 1</li> <li>list item 1</li> <li>list item 1</li> </ul> <p> </p> </body> -- ~Malcolm~*... ~* |
|
|
 |
| Outils de la discussion | |
|
|
