Salve, sto portando il layout di un sito da layout tabellare a layout table-less + css.
Non riesco a centrare il menù che sta nel footer... e altre piccole delucidazioni sui css... vado per punti che è più chiaro!
HTML della pagina:
codice:<body> <div id="wrapper-page"> <!-- id vari tutti chiusi che non c'entrano col footer come header ecc... <div id="head"> </div> <div id="menu-alto"> ... </div> <div id="parte-centrale"> <div id="menu-sezione"> ... </div> <div id="contenuto"> .... </div> </div> <div id="foot"> <span class="menu_basso"> home | sport | residenziale | industria | tecnologia | contatti | news | mappa sito </span> Firma </div> </div>
CSS interessato:
codice:* { margin: 0px; border: 0px; padding: 0px; } body { background: url(sfondo_centrale.jpg) repeat; font-family: Arial, Helvetica, sans-serif; font-size:13px; font-style:normal; color: #31383f; line-height: 18px; } #wrapper-page { width: 950px; margin: 0px auto; font-family: Arial, Helvetica, sans-serif; border: 1px #000 solid; } #foot { margin: 5px auto; border: 1px #99FF33 solid; font-size: 9px; line-height: 18px; text-transform: uppercase; color: #3e5369; } .menubassolink { color: #3e5369; text-decoration: underline; } .menubassolink:hover { color: #3e5369; text-decoration: none; }
Non capisco perchè il #foot non si centri con il margin: 0px auto ma o a vedere il bordo che stampa a schermo occupa tutta la larghezza possibile, mentre io lo vorrei centrare... come posso fare?
Volevo poi sapere come si affinacano due immagini... io ne vorrei nel mio contenuto della pagina una a destra e la seconda alla sua sinistra ma con uno spazio di XX (es 50) pixel tra una e l'altra... c'è modo senza fare ogni volta una tabella? Ho usato i float ma me ne mette una tutta a destra e una tutta a sinistra...
codice:<div> [img]grafica/residenziale_interni.jpg[/img] [img]grafica/residenziale_interni.jpg[/img] </div> CSS: img.fotoprod { margin: 2px; }
Spero qualcuno mi dia queste delucidazioni... grazie mille a tutti!
Rispondi quotando
