Template css gratuito - primo esempio
- LARGHEZZA FISSA 900PX
- 3 COLORE DISPONIBILE
- VALIDITA W3C XHTML STRICT
- COMPATIBILITA IE6, IE7, FIREFOX, OPERA, SAFARI
css-template-esempio-1-arancione.zip (19 KiB, 598 hits)
css-template-esempio-1-verde.zip (20.2 KiB, 302 hits)
css-template-esempio-1-blu.zip (18.8 KiB, 338 hits)
Registrati al nostro Rss Feed e rimani sempre aggiornati con i nuovi articoli...
[...] larghezza fissa, disponibile in 3 colori, compatibilita con maggiori browsers e validazione w3c. Template css gratuito - primo esempio - CSS3 | CSS Tutorials e Risorse css gratuite Anche il primo post sul nuovo sito di Flepstudio __________________ Risorse CSS - Menu CSS [...]
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!