Salve, ho un problema molto strano, è la prima volta che mi si presenta...
Non riesco ad impostare un'immagine per la mia lista UL.
Il percorso dell'immagine per ul.errors è corretto
Ho provato anche con gli z-index ma nulla... TEMO che dipenda dalle proprietà specificate in css/style.css, anche se per la mia UL ho specificato la classe errors, quindi non ci dovrebbero essere conflitti di questo genere![]()
Sto usando l'ultima versione di FireFox per linux.
Riporto un po' di CSS e markup.
file css/style.css
file css/form.cssul, li {
border: 0;
margin: 0;
padding: 0;
}
ul {
margin-bottom: 20px;
}
li {
list-style: none;
display: block;
}
e per finire parte dell'html del form, è inutile pastare in resto dell'html visto che funziona perfettamente.form {
width: 100%;
padding: 5px 0;
margin: 10px;
}
form fieldset {
float: left;
width: 100%;
margin: 1em 0;
padding: 0;
border: none;
border-top: 1px solid #99A0FA;
background: #BDC1FA url('../images/form/gradient.png') repeat-x top;
}
form fieldset legend {
font-weight: bold;
color: #333;
background:#FFF;
}
form b {
color: #F00;
}
form p {
margin: 0.5em 10px;
}
form fieldset div {
float: left;
width: 100%;
padding: 10px 0 12px;
background: url('../images/form/line.png') repeat-x bottom;
}
form fieldset div input.button {
margin-left: 130px;
}
form fieldset div.list label {
margin-left: 130px;
}
form fieldset label {
float: left;
width: 120px;
display: inline;
margin-left: 10px;
line-height: 23px;
}
form ul.errors {
margin-top: 3px;
margin-bottom: 3px;
margin-left: 130px;
color: #FF0000;
list-style-image: url('../images/icons/bullet_error.png');
}
form fieldset label.error {
float: left;
width: auto;
color: #FF0000;
margin-left: 130px;
display: inline;
}
se cambio il colore in ul.errors, le modifiche hanno effetto, non funziona solo la proprietà list-style-image.
div><label for="email">E-Mail *</label><input id="email" name="email" value="" type="input"><ul class="errors">[*]Required.[*]Invalid email.[/list]</div>