Visualizza Versione Completa : Css e Html
Brutti cialtroni, risolvetemi questo problema.
Devo creare una pagina con un div di 800px centrato. Ora, sui due spazi laterali devo applicare immagini di sfondo differenti, quindi presumo debba creare 3 div, uno di sinistra, uno centrale (di 800px) e uno di destra. Ma come li dimensiono i due laterali?
io pagherei un bravo programmatore...
io pagherei un bravo programmatore...
vuoi mettere la soddisfazione a farlo da solo?
E poi, la soluzione ancora più semplice è quella di prendere il grafico e chiedergli per quale minchia di ragione vuole due sfondi diversi!
quando ci giocavo io mettevo delle classi diverse, poi nel CSS gli davo lo sfondo, con un colore o una immagine... mi sa che una cosa del genere la puoi fare anche con quel vomito di frontpage, mi pare si chiami così...
comunque chi più spende, meno spende... :p
quando ci giocavo io mettevo delle classi diverse, poi nel CSS gli davo lo sfondo, con un colore o una immagine... mi sa che una cosa del genere la puoi fare anche con quel vomito di frontpage, mi pare si chiami così...
comunque chi più spende, meno spende... :p
E' meglio che rispondi solo ai thread di calcio... :esd::esd:
col righello? :asd:
scherzi a parte, prova dare un occhio qui
http://forum.html.it/forum/showthread.php?threadid=1013463
col righello? :asd:
scherzi a parte, prova dare un occhio qui
http://forum.html.it/forum/showthread.php?threadid=1013463
Non mi pare che ci sia niente di interessante, e poi non ho tempo di cercare, è per questo che posto qui.
Stiamo parlando di questo:
<div id="corpo">
<div id="colonna-sx"></div>
<div id="colonna-cn"></div>
<div id="colonna-dx"></div>
</div>
body {
margin:0;
padding:0;
background:#EEE;
}
#corpo {
color:#000000;
}
#colonna-sx {
background-image:url(sinistra.jpg);
}
#colonna-cn {
width:800px;
}
#colonna-dx {
background-image:url(sinistra.jpg);
}
come riesco a centrare il div colonna-cn e rendere uguali colonna-dx e colonna-sn?
io farei così: fai il div centrale con margin: 0 auto, gli altri due li fai sovrapposti, larghi come l'intera pagina e con 2 immagini gif o png di sfondo a sfumare.
Un po' macchioso ma dovrebbe funzionare con tutte le risoluzioni
e che differenza ci sarebbe con quello che avevo detto io? :suspi:
e poi se una volta la chiami colonna-cn e una volta la chiami colonna-ce non ti funzionerà mai... :p
e che differenza ci sarebbe con quello che avevo detto io? :suspi:
e poi se una volta la chiami colonna-cn e una volta la chiami colonna-ce non ti funzionerà mai... :p
Che non l'avevo letto :esd:
A fanculo xmhtl e css, ho fatto un immagine di 1900 pixel e l'ho messa come background centrato.
A fanculo xmhtl e css, ho fatto un immagine di 1900 pixel e l'ho messa come background centrato.
se si connette uno con bassa risoluzione non vede la barra orizzontale?
che intendi con barra orizzontale?
se è sotto gli 800 pixel semplicemente non vede barre laterali
Ma se facessi una tabella a 3 colonne a tutta pagina, del tipo:
<table width="100%">
<tr>
<td></td>
<td width="800"></td>
<td></td>
</tr>
</table>
:confused:
Ma se facessi una tabella a 3 colonne a tutta pagina, del tipo:
<table width="100%">
<tr>
<td></td>
<td width="800"></td>
<td></td>
</tr>
</table>
:confused:
Quanto sei arcaico. :dead::dead:
che intendi con barra orizzontale?
se è sotto gli 800 pixel semplicemente non vede barre laterali
non so se il browser ignori i pixel in eccesso del tuo megasfondo... fai una prova con i diversi programmi... giusto per essere sicuro... :D
non so se il browser ignori i pixel in eccesso del tuo megasfondo... fai una prova con i diversi programmi... giusto per essere sicuro... :D
Se è la background image di body, impostata come top center, non vede barre, ha ragione teppic ;)
ingegnerlillo
21-11-2009, 10:53
Tiè, schiappa! :D
http://www.cssplay.co.uk/layouts/flexible-3column-flex-fix-flex.html
Oooo finalmente qualcuno che ha capito il problema :D
papclems
21-11-2009, 22:03
chi ingegnerlillo?
stamo messi bene...:esd:
ingegnerlillo
22-11-2009, 12:06
Oooo finalmente qualcuno che ha capito il problema :D
Via, non sarà proprio quello che cercavi, ma si avvicina molto dai :D
Powered by vBulletin® Version 4.2.5 Copyright © 2024 vBulletin Solutions Inc. All rights reserved.