sfondo pagina particolare

**retaccia** · 14-03-2009, 10:27

salve, vorrei creare attraverso i css uno sfondo pagina un pò particolare.

Dovrei nella parte superiore mettere un'immagine che si ripete in orizzontale che rimanga fissa nella pagina, ecco un esempio: http://www.html.it/guide/esempi/css/...chmentfix.html

e poi dove si vede il resto dello sfondo della pagina bianco farlo di un altro colore o con un'altra immagine che si ripete.

In pratica uno sfondo pagina su 2 livelli.

Il codice dell'esempio è:

body {
background-image: url(back_400.gif);
background-repeat: repeat-x;
background-attachment: fixed;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}

Qualcuno mi può aiutare?

**Gufo** · 14-03-2009, 14:16

codice:

<style type="text/css">
<!--
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
body, html {
	background: #009900 url(back_400.gif) repeat-x fixed;
	margin: 0px;
	padding: 0;
}
-->
</style>

**retaccia** · 15-03-2009, 12:28

grazie per la risposta - e per far scorrere lo sfondo con la pagina?

**Gufo** · 15-03-2009, 13:09

Originariamente inviato da retaccia
grazie per la risposta - e per far scorrere lo sfondo con la pagina?

La parte colorata scorre già

**retaccia** · 15-03-2009, 13:15

scusami ma con tutte le prove che sto facendo mi sono impacchettato.

allora ho preso come riferimento da mettere nei css solo questo:

background: #009900 url(back_400.gif) repeat-x fixed;

adesso vorrei farlo diventare tipo questa pagina:

http://www.html.it/guide/esempi/css/...entscroll.html

solo che devo dare al posto del colore bianco un altro colore

**Gufo** · 15-03-2009, 16:12

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>

<style type="text/css">
<!--
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
body, html {
	background: #009900 url(back_400.gif) repeat-x;
	background-attachment: scroll;
	margin: 0px;
	padding: 0;
}
-->
</style>

</head>

<body>
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo
Testo

</body>
</html>

Al posto di #009900 metti il colore che vuoi

**retaccia** · 15-03-2009, 19:37

scusami ma per farne uno centrale?

ad esempio di 750 px che si veda bene con tutti i browser è possibile?

**Gufo** · 15-03-2009, 20:45

Originariamente inviato da retaccia
scusami ma per farne uno centrale?

ad esempio di 750 px che si veda bene con tutti i browser è possibile?

Uno centrale di cosa?

**retaccia** · 15-03-2009, 21:00

sfondo di 750px che rimanga centrale in verticale alla pagina nonostante le varie dimensioni dei browser ma credo che con netscape non funzioni almeno questo non funziona - vedi link:
http://www.giorgiotave.it/forum/css/...fondo-css.html

**Gufo** · 15-03-2009, 22:42

Originariamente inviato da retaccia
sfondo di 750px che rimanga centrale in verticale alla pagina nonostante le varie dimensioni dei browser ma credo che con netscape non funzioni almeno questo non funziona - vedi link:
http://www.giorgiotave.it/forum/css/...fondo-css.html

Margin auto non funziona con netscape? Mmmh! Mi sembra strano

Discussione: sfondo pagina particolare

Strumenti discussione

Ricerca discussione

Visualizza

sfondo pagina particolare

Permessi di invio