Ciao ragazzi,
Sapete come distanziare da un punto elenco (*) il testo (Item ..) ?:
Agendo sul valore di "text-indent" di ".txt_dx" che si trova all'interno, riesco a farlo con FF 1.0.4, non invece con IE6.0
Ecco come si vede con
--> IE6.0 (i puntini simulano lo spazio)
*..Item one
*..Item two
*..Item three
... bla bla bla
*..Item four
*..Item five
--> FF 1.0.4 (i puntini simulano lo spazio)
*.Item one
*. Item two
* Item three
... bla bla bla
*. Item four
*.Item five
Inoltre, vorrei che il proseguimento dell'item (bla bla bla) del punto elenco che si trova in una colonna di appena 120px finisse sotto il punto elenco
* Item three
bla bla bla
Le altre 2 cose strane sono
- con "list-style-type: disc", il punto elenco "disc" si vede con FF ma in IE viene tradotto in "square"
- mentre in IE l'hover del link disposto all'interno del punto elenco appare sottolineato al passaggio del mouse, con FF no :master:
CSS
.menubar_dx {
width: 120px;
\width:122px;
w\idth:120px;
border: 0px solid #AB6400;
margin-top: 64px;
margin-left: -23px;
padding:0px;
text-align: left;
}
.txt_dx {
color: #7E4317;
line-height: 15px;
text-indent: -4px;
text-align: left;
font-size: 11px;
}
#navlist li {
padding: 0px;
list-style-type: disc;
}
li {
list-style-position : outside
}
a.top:link {
color: #7E4317;
font-weight:bold;
text-decoration: none;
}
a.top:visited {
color: #7E4317;
font-weight:bold;
text-decoration: none;
}
a.top:hover {
color: #7E4317;
font-weight:bold;
text-decoration: underline;
}
a.top:active {
font: normal;
color: #7E4317;
}
/* hack per 3 Pixel Jog di IE */
* html .menubar_dx {
margin-left: -16px;
}
L' HTML
<div class="menubar_dx">
<ul id="navlist">
[*]<div class="txt_dx">Item one</div>
[*]<div class="txt_dx">Item two</div>
[*]<div class="txt_dx">Item three bla bla bla</div>
[*]<div class="txt_dx">Item four</div>
[*]<div class="txt_dx">Item five</div>
[/list]
</div>