Discussione: css Lista
Visualizza un messaggio singolo
  #1 (permalink)  
Vecchio 10-10-2007, 10.55.56
L'avatar di Paola
Paola Paola non è in linea
Junior Member
 
Registrato al forum dal: 09-10-2007
ubicazione: Cinisello Balsamo
Messaggi: 205
Invia un messaggio tremite Skype a Paola
predefinito css Lista

Ciao.

Non sapevo dove postare spero di non aver sbagliato e, soprattutto, spero che si possa postare un messaggio del genere.
Perché io, più che un consiglio, ho bisogno di un aiuto.

Premetto che è la prima volta che mi succede (e ne ho fatti abbastanza di siti).

Ho un problema che non riesco a risolvere e riguarda una lista impostata, ovviamente, tramite css.

Il pezzo di CSS è questo:

Quote:
#categorie {
float: left;
background: #fff;
width:200px;
}

h1 {
font: 80% Verdana, Arial, Helvetica, sans-serif;
color: #414141;
text-align: left;
margin: 5px 0 0 15px;
}

#categorie ul {
float: left;
list-style-type: none;
margin-left: 0;
padding-left: 0;
padding-right: 5px;
border: solid 1px red;
}

#categorie li {
float: left;
background-image: url(immagini/freccia.png);
background-repeat: no-repeat;
padding-left: 1.0em;
margin: 5px 0 0 15px;
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: #414141;
text-align: left;
}

#categorie a {
font: 80% Verdana, Arial, Helvetica, sans-serif;
color: #414141;
text-decoration: none;
}
#categorie a:link#evidenziato,
#categorie a:visited#evidenziato, #categorie a:hover{
font: bold 80% Verdana, Arial, Helvetica, sans-serif;
color: #414141;
text-decoration: none;
}
Questo, invece, è l'XHTML:

Quote:
<div id="categorie">
<h1><img src="immagini/spunta_cat.png" alt="Categorie" /> CATEGORIE</h1>
<ul>
<li><a href="#" title="My Shop">My Shop</a></li>
<li><a href="#" title="Speciale Vacanze">Speciale Vacanze</a></li>
<li><a href="#" title="Biglietti Esclusivi">Biglietti Esclusivi</a></li>
<li><a href="#" title="Beauty &amp; Wellness">Beauty &amp; Wellness</a></li>
<li><a href="#" title="Moda &amp; Accessori">Moda &amp; Accessori</a></li>
<li><a href="#" title="Mangiare &amp; Bere">Mangiare &amp; Bere</a></li>
<li><a href="#" title="Veicoli &amp; Accessori">Veicoli &amp; Accessori</a></li>
<li><a href="#" title="Articoli da viaggio">Articoli da viaggio</a></li>
<li><a href="#" title="Divertimento">Divertimento</a></li>
<li><a href="#" title="Sport &amp; Tempo Libero">Sport &amp; Tempo Libero</a></li>
<li><a href="#" title="Bambini &amp; Famiglia">Bambini &amp; Famiglia</a></li>
<li><a href="#" title="Giardino &amp; Do It Yourself">Giardino &amp; Do It Yourself</a></li>
<li><a href="#" title="Casa">Casa</a></li>
<li><a href="#" title="Lifestyle">Lifestyle</a></li>
<li><a href="#" title="Tecnologia">Tecnologia</a></li>
<li><a href="#" title="Gioielli ed Orologi">Gioielli ed Orologi</a></li>
</ul>
</div>
E adesso vi mostro cosa succede alla voce "Lifestyle":



Ci sono su da ieri sera, ma proprio non riesco a capire cosa succede.
Ho anche provato a mettere un bordino rosso per capire se era una questione di spazio... ma niente.
Voi ci capite qualcosa?
Rispondi quotando