Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
Immagine di sfondo in html
#1
Salve a tutti,

sto creando una pagina html e devo inserirci lo sfondo il problema e he mi prende solo una parte dell'immagine il resto non me la fa vedere, eccovi il codice + i css

Codice:
<body background="wowww.jpg" width="10px" height="10px" alt="">
<style type="text/css">

div.c1 {text-align: center}
body {
background-color:#000000;
color:#FFFFFF;
margin-top:40px;
}

</style>
</head>

ora come posso risolvere come vedete ho provato con width e height ma non fa nulla?
Cita messaggio
#2
Immagino che essendo 10px devi metterla in ripetizione...

Codice:
body
{
background-image:url('img.jpg');
background-repeat:repeat-y;
}

o repeat-x


Che programma stai usando?
[Immagine: 1xtz7.png]
Cita messaggio
#3
no l'mmaggine ha la dimensione 1200x1080 percio non credo che debba essere ripetuta
Cita messaggio
#4
Allora usa solo l'html:

Codice:
<body style="background:url(img.jpg) fixed #000000 top; font-family: Verdana, Geneva, sans-serif;">

Questo lo uso per gli sfondi grandi.

imposti il nome dell'immagine e il codice del colore di fondo e lascia invariato il resto, fixed top.
[Immagine: 1xtz7.png]
Cita messaggio
#5
non va mi si sposta da centrale a sinista
Cita messaggio
#6
In teoria dovrebbe restare fissa.

Prova:

Codice:
<body>  
<img src="img.jpg" id="sfondo" alt="" />  
</body>

con questo CSS:

Codice:
html, body{  
width: 100%;  
height: 100%;  
margin: 0;  
    padding: 0;  
   overflow: hidden;  
}  

#sfondo{  
  position:absolute;  
  height:100%;  
  width: 100%;  
    margin: 0;  
   padding: 0;  
}



Al limite spiega meglio il risultato che vuoi ottenere o posta un file zippato con la pagina e l'immagine che ci provo io.
[Immagine: 1xtz7.png]
Cita messaggio
#7
si ora funziona mille grazie, ma non mi ese la scritta cioe il testo che io ho messo
Cita messaggio
#8
io dovrei inserire l'mmagine come background percio credo che dovrei usare questi tag
Codice:
<body background="wowww.jpg" id="sfondo" alt="" />
e non cosi
Codice:
<img src="img.jpg" id="sfondo" alt="" />
Cita messaggio
#9
Si infatti:

Codice:
<body background=
[Immagine: 1xtz7.png]
Cita messaggio
#10
il problema è che se faccio cosi <body background="" /> non funziona piu
Cita messaggio
#11
Ultimo tentativo o realmente non ho capito il problema:


Codice:
body {
  background-image: url("http://yoursite.com/images/image_name.gif");
  background-position: 50% 50%;
  background-repeat: no-repeat;
}


Hai provato con Dreamweaver?
[Immagine: 1xtz7.png]
Cita messaggio
#12
si finalmente va ora fa tutto, ma un lato rest sempre fuori, cmq ti voglio chiedere una altra cosa per caso conosci un metodo usando sempre html per far apparire lo scrollbar sempre?

ti ringrazio tante
Cita messaggio
#13
In che senso sempre?
[Immagine: 1xtz7.png]
Cita messaggio
#14
bei il lato sinistro resta fuori cioe non viene inquadrato del tutto viene presa solo una parte
Cita messaggio
#15
Credo dipenda dalla risoluzione dello schermo e dalla dimensione della finestra, non ricordo di un codice per dedicere la posizione della scroolbar...
[Immagine: 1xtz7.png]
Cita messaggio
#16
problema risolto per quanto riguarda l'immagine per lo scrollbar non ancora ma ci sto lavorando su credo si possa chiudere la discussione
Cita messaggio


Vai al forum:


Utenti che stanno guardando questa discussione: 3 Ospite(i)