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

[Matrixbob]

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.

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

[Matrixbob]

Originariamente inviato da Sgurbat

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"!

Originariamente inviato da Matrixbob

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]

Originariamente inviato da Sgurbat

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]

Originariamente inviato da Sgurbat

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 ...


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

Originariamente inviato da Matrixbob

Ho questa banda ...


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

Grazie

[Matrixbob]

Coi CSS è possibile anche ottenere questi sfondi della pagina:


Oppure questo: