Pazzo di un css.

Pazzo di un css. postato il 21/04/2011 16:46:48 nel forum programmazione, gdrcd, open source, hosting e modificato da narakul2 il 21/04/2011 17:02:46

Stavo creando la home del mio gdr quando ho individuato due problemi.

il layout ( ancora manca header ) dovrebbe venire così
http://www.tonaruto.altervista.org/sfondola.jpg

( sulla pagina il menù è già inserito )

http://www.tonaruto.altervista.org/

notate la differenza?

come mai l'ultimo pulsante del menù non si allinea con gli altri ? dove sbaglio ?

novità: questo problema lo ho risolto grazie, ma ora ne è sorto un altro : come faccio a far si che l'header non abbia spaziatura dal bordo superiore del browser ? ( sono alle prime prove con i css )

Si cercano Porgrammatori e Aiuto Grafico per Gdr su Naruto .

quota

Pagine → 1

leoblacksoul

SCRIVI

21/04/2011 18:09:44

Per togliere la spaziatura superiore di qualcunque oggetto basta impostare il margine e il padding superiori a 0. In molti browser 0 è il valore di default per il margine, ma questo non è vero per Internet Explorer che mette un margine di default di 1px.
per annullare la spaziatura superiore:
margin-top: 0px;/*questo toglie il margine esterno*/
padding-top: 0px;/*questo toglie il margine interno*/

Queste due caratteristiche vanno applicate all'header e potrebbe essere necessario applicarle anche al suoi contenitori padri.

---
Non chiedetemi aiuto in privato per questioni di programmazione; chiedete sul forum e eventualmente vi risponderò lì.
http://gdrportal.eu ↗ - Hosting per GDR

quota

curtberth

SCRIVI

22/04/2011 10:35:45

la regoletta che io uso e funziona è:

body {
margin:0 auto;
}

div.header {
margin:0 auto;
}

elimina gli spazi di default dei browser.
Altrimenti cercati il Reset CSS
che resetta tutte le impostazioni di default dei browser.

Hero Wars ↗
Costruisci la tua squadra di eroi leggendari e domina il campo di battaglia! Strategia, tattica e potenza si scontrano in questo RPG ricco di azione!

quota

blancks

SCRIVI

22/04/2011 10:43:31 e modificato da blancks il 22/04/2011 10:43:48

Per centrare il layout del sito devi prendere il selettore #contenitore da css ed aggiungergli l'attributo width:686px.

Per centrare il background poi devi metterlo con la proprietà center dello sfondo.