homepage fullscreen in proporzione

**stupid** · 24-07-2009, 18:03

ciao a tutti, mi servirebbe un consiglio
sto realizzando una pag che si apre a tutto schermo con un'immagine all'interno, fin qui nessun problema...l'imamgine si adatta in altezza..il problema è che vorrei che la pagine si adattasse ad una dimensione precisa, quella dell'immagine, è possibile utilizzando anche il fullscreen???che poi nn sarà più ful screen ma sara ful solo in altezaz...vabbè
poi è possibile anche far ridimensionare la pagina in proporzione inm odo da nn far comparire spazi vuoti senza immagine???
fatemi sapere e grazie mila a tutti...

**ispuk** · 25-07-2009, 22:16

con i CSS puoi fare tutto ,cerca una guida,ce ne è una anche su questo sito che ha aiutato molti compreso me

se si tratta di una solo immagine inserita nel body prova inserendo questo codice fra i tag <head></head> della pagina in questione:
<style type="text/css">

</style>

**stupid** · 28-07-2009, 10:01

mmm...più om eno è quello che mi serve...grazie...
io però stavo usando questo...
mi funziona tutto tranne che nn riesco a far adattare la grandezza della finestra all'immagine interna...l'imma si ridimenziona pure...ma rimane sempre uno spazio bianco sulla dx...ovvio a seconda della grandezza dello schermo...è possibile dare alla finestra delle dimensioni precise e la possibilità di ridimensionamento in proporzioni???
questo è il codice...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title></title>
<script language="Javascript">

</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><style type="text/css">
html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
#sfondo-css{
position:absolute;
height: 100%;
margin: 0;
padding: 0;
z-index: 1;
}
#css{
position: absolute;
z-index: 0;
color: white;
overflow: auto;
visibility: visible;
}
#css a{
color: white;
}

#no_box {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
</style>
</head>
<body onload="riempi()">
<div>
[img]imma/home.jpg[/img]</div>
<div align_center id="css">
</div>

</body>
</html>

**stupid** · 28-07-2009, 11:01

ehi...vi do anche il link della pag...così magari si capisce meglio...
devo riuscire a levare quel bianco che compare quandola finestra nn è precisa...

http://www.genuineromanart.com/1prova/link/index.html

grazie dell'aiuto...

**ispuk** · 28-07-2009, 11:28

se si tratta di un'immagine sola crea un div e metti l'immagine come background del div,dai queste regole al div {margin:0 auto;texta.align:center;width100%;height:100%;}

sempre usando il body come lo hai impostato

**ispuk** · 28-07-2009, 11:30

o meglio togli il background dal body e inseriscilo nel div anche il no-repeat

però mi sembra strano ,sei sicuro che l'immagine non sia tagliata ??

**stupid** · 28-07-2009, 11:48

ehehehe...l'immagine è tagliata di suo...le parole escono dallo schermo..per questo ho assoluto bisogno di fare in modo che la pag si apra esattamente come la grandezza dell'immagine e adattato allo schermo...
e nn ci riesco...neanche con il div che mi hai detto...
ma rispettoa quello che ho fatto io???c'è qualche possibilità di dover semplicemente sistemare un paio di righe???l'adattamento della pag in altezza...come l'imma..boh..nn lo so...aaaahhhhh

**Tux7000** · 28-07-2009, 11:52

Ciao, prova a vedere qui:
http://css.flepstudio.org/css-tips/i...sionabile.html

**stupid** · 28-07-2009, 12:07

esattamente da quello sono partito...stesso link da cui ho preso info...però l'immagine li si stretcha...
cmq...ho un po barato mettendo l'immagine di dimensioniquasi quadrate...

http://www.genuineromanart.com/1prova/link/index1.html

questo è il link...quando si apre si apre bene...però poi se ridimensione la finestra mi ricompare la banda bianca laterale...posso fare inmodo di nn far ridimensionare la finestra o farla ridimensionare in proporzione???

**ispuk** · 28-07-2009, 12:34

no troppo strana sta cosa

VVoVe:

ma mi dici le dimensioni dell'immagine scusa?

Discussione: homepage fullscreen in proporzione

Strumenti discussione

Ricerca discussione

Visualizza

homepage fullscreen in proporzione

Permessi di invio