PDA

Visualizza Versione Completa : Css e Html



teppic
20-11-2009, 13:13
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?

slaine
20-11-2009, 13:14
io pagherei un bravo programmatore...

teppic
20-11-2009, 13:18
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!

aed1248
20-11-2009, 13:23
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

teppic
20-11-2009, 13:24
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:

aggo85
20-11-2009, 13:25
col righello? :asd:

scherzi a parte, prova dare un occhio qui
http://forum.html.it/forum/showthread.php?threadid=1013463

teppic
20-11-2009, 13:33
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?

Dampyr
20-11-2009, 13:34
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

aed1248
20-11-2009, 13:35
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

Dampyr
20-11-2009, 13:48
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:

teppic
20-11-2009, 14:16
A fanculo xmhtl e css, ho fatto un immagine di 1900 pixel e l'ho messa come background centrato.

aed1248
20-11-2009, 14:21
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?

teppic
20-11-2009, 14:34
che intendi con barra orizzontale?
se è sotto gli 800 pixel semplicemente non vede barre laterali

Ferlons
20-11-2009, 14:54
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:

teppic
20-11-2009, 15:07
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:

aed1248
20-11-2009, 15:14
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

Dampyr
20-11-2009, 23:40
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

teppic
21-11-2009, 12:04
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