- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- adattare foto-sfondo a largh.e ripetete in verticale
-
adattare foto-sfondo a largh.e ripetete in verticale
salve, scusate ma online ho trovato tanti esempi,ma non riesco a farne andare bene nessuno!
si, sono neofita in css, ma vengo al dunque.
ho una foto da mettere come sfondo, vorrei che fosse allineata a sinistra, che si ridimensionasse alla larghezza del browser, che si ripeta in verticale.
Ho provato vari esempi (ve li copio dopo) ma o non si allinea la foto, oppure se si allinea è compresa in un tag IMG e non riesco a scriverci sopra .
COME FACCIO?!?ecco quello che ho provato:
<style type="text/css">
<!--
html,body{
margin:0 auto;
background-width:100%;
background-height:100%;
padding: 0;
overflow: hidden;
background-image:url('SDC14528.JPG');
background-position:absolute;
background-repeat
y;
background-attachment:fixed;
}
-->
</style>
</head>
<body>
</body>altro:
<style type="text/css">
<!--
html,body{
margin:0 auto;
text-align:center;
}
#contenitore{
width:100%;
height:100%;
background-image:url('SDC14528.JPG');
background-position:absolute;
background-repeaty;
position:absolute;
margin: 0;
padding: 0;
z-index: 1;
}
-->
</style>
</head>
<body>
<div id="contenitore"> </div>altro:
<style type="text/css">
html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
#sfondo{
position:absolute;
height:100%;
width: 100%;
margin: 0;
padding: 0;
z-index: 1;
} </style>
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); direction: ltr;"
alink="#000088" link="#0000ff" vlink="#ff0000">
<div
style="font-family: Arial,Helvetica,sans-serif; color: rgb(255, 0, 0); font-weight: normal; font-style: normal; text-transform: none;">
<img id="sfondo" src="SDC14528.JPG" alt=""></div>
<div>
<p>PROVA
</p>
</div>
<br>
</body>CHE FACCIO?!? MI SERVE !!!
scusate se magari non va bene il messaggio, fatemi sapere, perchè sono disperata e vado pure di fretta.... purtroppo!
