Punto informatico Network
Login Esegui login | Non sei registrato? Iscriviti ora (è gratuito!)
Username: Password:
  • Annuncio Pubblicitario

Liste

Cerchi consigli per migliorare il tuo sito? Vuoi aprire un sito in poco tempo?
Discuti con altri webmaster, chiedi chiarimenti ed opinioni in tutta libertà.
Lo spam verrà cancellato.

Liste

Messaggioda domenico127 » mar apr 11, 2006 6:24 pm

Ciao. Con le liste (html-css) volevo realizzare una sorta di photo gallery per il mio sito. Guardate:

Immagine

Vedete? Le immagini non sono centrate. Le ho provate tutte. Aiutatemi voi. Se vi serve vi posto il codice. Ditemi.
Avatar utente
domenico127
Bronze Member
Bronze Member
 
Messaggi: 611
Iscritto il: sab lug 23, 2005 3:10 pm

Messaggioda Boo » mar apr 11, 2006 7:11 pm

Postare il codice è sempre la cosa migliore.
Avatar utente
Boo
Silver Member
Silver Member
 
Messaggi: 1276
Iscritto il: sab dic 04, 2004 3:41 pm

Messaggioda domenico127 » mar apr 11, 2006 8:13 pm

Ok. Eccolo:

HTML:
Codice: Seleziona tutto
<div id="gallery">
<ul>
<li><img src="http://www.miosito.it/images/3.JPG"></li>
<li><img src="http://www.miosito.it/images/5.JPG"></li>
<li><img src="http://www.miosito.it/images/6.JPG"></li>
</ul>
</div>



CSS:
Codice: Seleziona tutto
ul {
text-align: center;
width: 90%;
list-style-type: none;
}

li {
float: left;
margin: 8px 0 15px 30px;
background-color: #FFFFFF;
border: 1px solid #176BF5;
list-style-type: none;
padding: 5px;
}


#gallery img {
border: 0px;
width: 120px;
height: 90px;
}
Avatar utente
domenico127
Bronze Member
Bronze Member
 
Messaggi: 611
Iscritto il: sab lug 23, 2005 3:10 pm


Messaggioda Boo » mar apr 11, 2006 8:24 pm

Codice: Seleziona tutto
ul {
list-style-type: none;
text-align: center;
width: 90%;
}

li {
display: inline;
margin: 8px 0 15px 30px;
border: 1px solid #176BF5;
padding: 5px;
}

#gallery img {
border: 0;
height: 90px;
width: 120px;
}
Avatar utente
Boo
Silver Member
Silver Member
 
Messaggi: 1276
Iscritto il: sab dic 04, 2004 3:41 pm

Messaggioda domenico127 » mar apr 11, 2006 8:43 pm

All'inizio avevo messo diplay: inline; anzicchè float: left;, ma è peggio...

IE

Immagine

Firefox

Immagine
Ultima modifica di domenico127 il mar apr 11, 2006 8:48 pm, modificato 2 volte in totale.
Avatar utente
domenico127
Bronze Member
Bronze Member
 
Messaggi: 611
Iscritto il: sab lug 23, 2005 3:10 pm

Messaggioda Boo » mar apr 11, 2006 8:45 pm

Posso avere un link?
Con display: inline; mi sembra tutto ok.
Avatar utente
Boo
Silver Member
Silver Member
 
Messaggi: 1276
Iscritto il: sab dic 04, 2004 3:41 pm

Messaggioda domenico127 » mar apr 11, 2006 8:51 pm

Scusami, non credevo postassi subito, così nel frattempo stavo editando il mio post inserendo due screens.
Avatar utente
domenico127
Bronze Member
Bronze Member
 
Messaggi: 611
Iscritto il: sab lug 23, 2005 3:10 pm

Messaggioda Boo » mar apr 11, 2006 10:01 pm

prova a mettere un margine sinistro negativo in ul
Avatar utente
Boo
Silver Member
Silver Member
 
Messaggi: 1276
Iscritto il: sab dic 04, 2004 3:41 pm


Torna a Sviluppo Web

Chi c’è in linea

Visitano il forum: Nessuno e 4 ospiti

Powered by phpBB © 2002, 2005, 2007, 2008 phpBB Group
Traduzione Italiana phpBB.it

megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2008 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising