[XHTML-CSS] Posso ottenere 1 sfondo pagina così ...

[Matrixbob]

http://img7.imageshack.us/img7/1527/cssfondo9at.gif

Il mio CSS attuale è quello che segue.

body {
background-color: #cccccc; color: #000000; font-size: 100%;
font-family: Times New Roman, Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left: 6%; margin-right: 6%;
}

Il cui risultato è il seguente.
http://img101.imageshack.us/img101/2301/cssfondoattuale7ht.gif

[anonimizzato]

ti ho risposto nell'altro 3D incompleto ma ancora non ho ben compreso.

[Matrixbob]

ti ho risposto nell'altro 3D incompleto ma ancora non ho ben compreso.
Cavolo, tra l'altro mi dispiace di aver fatto doppio POST, non me ne sono nemmeno accorto, scusa ancora a tutti.

Invece di avere 1 fondo omogeneamente grigio mi era venuta in mente l'idea di farlo "bandato" ovvero con 1 banda verticale di altro colore su un fianco.

[Mixmar]

Che strano colore, fa un effetto curiosissimo sul mio LCD! Non riesco a vederlo come un colore compatto, ma come una serie di puntini, e se scrollo la pagina, lo vedo "vibrare"! :eek:

[anonimizzato]

Cavolo, tra l'altro mi dispiace di aver fatto doppio POST, non me ne sono nemmeno accorto, scusa ancora a tutti.

Invece di avere 1 fondo omogeneamente grigio mi era venuta in mente l'idea di farlo "bandato" ovvero con 1 banda verticale di altro colore su un fianco.

allora fai così:

mettiamo che voglia una banda rossa di 200px di larghezza come sfondo del body che per il resto è di colore grigio.

Crea con un programma di grafica una striscia di 200x1 px di colore rosso e salvala da qualche parte nella tua directory.

poi nel codice CSS che richiama la pagina metti:


body {
padding:0px;
margin:0px;
background-color:#CCCCCC;
background-image:url("..path/immagine.jpg");
background-position:left top;
background-repeat:repeat-y;
}


in questo modo dovresti ottenere quello che vuoi.

bye.

[Matrixbob]

allora fai così:

mettiamo che voglia una banda rossa di 200px di larghezza come sfondo del body che per il resto è di colore grigio.

Crea con un programma di grafica una striscia di 200x1 px di colore rosso e salvala da qualche parte nella tua directory.

poi nel codice CSS che richiama la pagina metti:


body {
padding:0px;
margin:0px;
background-color:#CCCCCC;
background-image:url("..path/immagine.jpg");
background-position:left top;
background-repeat:repeat-y;
}


in questo modo dovresti ottenere quello che vuoi.

bye.
OK stasera provo, chiedo anche sul NG "it.comp.www.html" vediamo anche loro cosa dicono (se rispondono) :) .

[Matrixbob]

Crea con un programma di grafica una striscia di 200x1 px di colore rosso.
200x1 = 200 pxl orrizzontali ed 1 pxl verticale?!
Uso Photoshop, va bene?!
Non ho mai provato a creare immagini precise, adesso provo.

[Matrixbob]

Ho questa banda ...
http://img27.imageshack.us/img27/6827/prova6mu.jpg

... e tutto funziona, sei stato un mito!!! :D

[anonimizzato]

Ho questa banda ...
http://img27.imageshack.us/img27/6827/prova6mu.jpg

... e tutto funziona, sei stato un mito!!! :D

Grazie :D

[Matrixbob]

:confused: :mbe:

Coi CSS è possibile anche ottenere questi sfondi della pagina:
http://img220.imageshack.us/img220/4879/cssfondo9atzw0.gif

Oppure questo:
http://img208.imageshack.us/img208/3270/cssfondo9atxo3.gif

:mbe: :confused: