- LARGHEZZA FISSA 900PX
- 3 COLORE DISPONIBILE
- VALIDITA W3C XHTML STRICT
- COMPATIBILITA IE6, IE7, FIREFOX, OPERA, SAFARI
Visualizza versione arancione >>
Visualizza versione verde >>
Visualizza versione blu >>
css-template-esempio-1-arancione.zip (19 KiB, 2,004 hits)
css-template-esempio-1-verde.zip (20.2 KiB, 1,237 hits)
css-template-esempio-1-blu.zip (18.8 KiB, 1,453 hits)
{ 1 trackback }
{ 6 comments… read them below or add one }
Solo un piccolo appunto:
per la barra di navigazione, non conveniva (e a mio parere è anche più logico / corretto) utilizzare un …? poi assegni a
header {position:absolute}
li {display:inline}
a {display:block}
(ovviamente con i relativi aggiustamente per il posizionamento)
per i vari pulsanti occorre dargli un position:absolute e un left.. ma questo è già presente anche nella tua struttura coi
Ciao,
usando una lista di tipo non ordinata avrai voluto scrivere (è uscito quello …? sul commento).
Si è un altra soluzione, anche piu che giusta. Il prossimo articolo sara sul creare menu di base orizzontale con entrambi soluzione. Credo che sia una scelta personale alla fine!
Pero non ho capito la parte ‘i vari pulsanti occorre dargli un position:absolute e un left’.
Basta applicare direttamente il display:inline; ai link della lista (li a:link)
già, vero. Applicavo quanto sopra in un layout dove avevo la necessità di sovrapporre i all’immagine dei bottoni (che poi era il background dell’header). In questo modo con l’absolute ancoro al all’header, e poi mi sposto gli oggetti a piacere
Ciao,
stavo studiandomi il tuo template, scusami se intervengo nuovamente.
Non mi è molto chiaro perchè hai utilizzato il contenitore #wrapper e perchè gli hai dato
–> width: 900px;
position: absolute;
–> left: 50%;
–> margin-left: -450px;
background-color: #F7F7F7;
E’ per la centratura, giusto? Perchè non hai utilizzato:
margin: auto
Una tecnica analoga alla tua l’ho utilizzata con un buon risultato per la centratura verticale, ma la centratura orizzontale mi risulta più semplice semplicemente con i margini automatici .. è come prima una questione di gusto o ci sono altri motivi a me ignoti?
Grazie ancora comunque, il tuo codice è sempre estremamente bello da leggere
Hai ragione te…il margin: auto; va benissimo!
E una mia vecchia abitudine da perdere. Il perche di usare quel metodo è dovuto che margin: auto; non è supportato da versione inferiore a IE6. Anche se non faccio più le prove per IE5.5, mi è rimasto!
ciao,
scusate non so se questa è la sezione giusta
comunque, sto lavorando con dremweaver e il layout del mio sito è strutturato tutto con un unico css
fin qui tutto bene.
con dremweaver c’è la possibilità di verificare la compatibilità tra i browser del css e sorprendentemente mi dice che non trova nessun problema, solo che in realtà quando vedo il sito con IE 5.2 per mac il layout è completamente diverso.
percaso avete un’idea del perché succede questo?
cioè dice che va tutto bene e invece poi con IE 5.2 cambia tutto
Grazie mille