Forum Per Webmaster - Tutti Per Uno  
forum per webmaster Directory TPU foto galleria TPU Registrazione Regolamento TPU FAQ cerca nel forum contatta lo staff Lo staff di TPU

 vai indietro   Forum Per Webmaster - Tutti Per Uno > Tecnica > WebDesign e Scripting

WebDesign e Scripting Discussioni inerenti la realizzazione di pagine web e script .

Rispondi
 
LinkBack Strumenti della discussione Modalità di visualizzazione
  #1 (permalink)  
Vecchio 10-10-2007, 10.55.56
L'avatar di Paola
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
  #2 (permalink)  
Vecchio 10-10-2007, 11.09.56
L'avatar di Ludus
Moderatore Sentinella
 
Registrato al forum dal: 20-01-2007
ubicazione: Roma
Messaggi: 4,068
predefinito

Quote:
Originariamente inviata da Paola Visualizza il messaggio
Il pezzo di CSS è questo:

Questo, invece, è l'XHTML:

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?
Paola, ti ho spostato in Web design.

Io ho tolto float: left; dalla classe #categorie li e la lista si vede bene.

Forse era quello il problema, in fondo avevi già stabilito il float nella ul.
__________________
"Il campo dei motori di ricerca con annesso il principio dei risultati di ordinamento è di gran lunga la scoperta più importante di tutti i tempi, le immediate generazioni future trarranno i massimi benefici evolutivi multisettoriali dall'imponente condivisione di conoscenza ordinata che tali giganti hanno prodotto e producono." - Micky docet.

Article marketing | Recensioni siti | Realizzazione siti internet a Roma
Rispondi quotando
  #3 (permalink)  
Vecchio 10-10-2007, 11.13.18
L'avatar di Paola
Junior Member
 
Registrato al forum dal: 09-10-2007
ubicazione: Cinisello Balsamo
Messaggi: 205
Invia un messaggio tremite Skype a Paola
predefinito

Tanto lo sapevo che avrei sbagliato sezione...
Chiedo scusa

Ludus!!! ma grazie...

Vorrei capire perché ogni tanto mi perdo in queste cose... sarà l'età...
Rispondi quotando
  #4 (permalink)  
Vecchio 10-10-2007, 22.22.30
L'avatar di massy
Moderatore Lunatico
 
Registrato al forum dal: 30-01-2007
ubicazione: Pico
Messaggi: 490
Invia un messaggio tremite ICQ a massy Invia un messaggio tremite MSN a massy
predefinito

Ti succede perché non avendo impostato la larghezza di li, esso si prende la dimensione del contenuto. Se due li insieme sono minori di 200px restano su una sola riga.
Il punto è: perché flottarli se li vuoi messi uno sotto l'altro?
__________________
Warning: utente lunatico, permaloso, testardo, polemico e perennemente nervoso:non mi rinfacciate di non avervi avvertito prima, eh!.
Su su, corri a pubblicare un Comunicato Stampa oppure compila un Quiz Patente
Rispondi quotando
  #5 (permalink)  
Vecchio 10-10-2007, 23.31.19
L'avatar di Paola
Junior Member
 
Registrato al forum dal: 09-10-2007
ubicazione: Cinisello Balsamo
Messaggi: 205
Invia un messaggio tremite Skype a Paola
predefinito

Quote:
Originariamente inviata da massy Visualizza il messaggio
Ti succede perché non avendo impostato la larghezza di li, esso si prende la dimensione del contenuto. Se due li insieme sono minori di 200px restano su una sola riga.
Il punto è: perché flottarli se li vuoi messi uno sotto l'altro?
Ciao, Massy.

Ho messo i float perché alla fine sono 3 "colonne" (3 div). La colonna di sx, che era quella incriminata, non era composta solo da quelle classi, ma da altre ancora (una sopra e una sotto).
Ecco perché ho usato i float
Rispondi quotando
Rispondi

Segnalibri

Strumenti della discussione
Modalità di visualizzazione

Regole d'invio
Non puoi inserire discussioni
Non puoi inserire repliche
Non puoi inserire allegati
Non puoi modificare i tuoi messaggi

BB code is attivo
Le smilies sono attive
Il codice IMG è attivo
il codice HTML è disattivato
Trackbacks are attivo
Pingbacks are attivo
Refbacks are attivo


Tutti gli orari sono GMT +2. Attualmente sono le 07.41.34.


Powered by vBulletin versione 3.7.2
Copyright ©: 2000 - 2008, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.2.0 RC7
Traduzione italiana Team: vBulletin-italia.it
Grafica by Ludus