Benvenuto Ospite Cerca | Topic Attivi | Utenti | | Log In | Registra

[RISOLTO] centrare un'immagine sullo sfondo Opzioni
wubullo
Inviato: Thursday, November 18, 2010 11:18:12 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
Ciao pollonia!

Ho guardato la tua pagina. Da un semplice confronto, ho l'impressione che non ci siamo intesi... Think Think Think

Mio codice (aggiornato con le nuove caratteristiche del file che ho guardato):

Code:
<!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 {
background-image: url('sfondo_papiro.jpg');
background-repeat: repeat;
}

#apDiv1 {
width:1024px;
height:768px;
padding:5px;
margin: 20px auto 20px auto;
text-align:left;
background: transparent url('finita.jpg') no-repeat scroll center 5px;
}

.clearfix {
display:block;
}

-->
</style>

</head>

<body>
    <div id="apDiv1" class="clearfix"></div>
</body>
</html>


Tuo codice:

Code:
<!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 {
    background-image: url(sfondo_papiro.jpg);
    background-repeat: repeat;
}
#apDiv1 {
    width:1024px;
height:768px;
margin: 20px auto;
}
-->
</style></head>

<body>
<div id="apDiv1"><img src="finita.jpg" width="1024" height="768" /></div>
</body>
</html>


Prova a dare un'occhiata: non c'è alcuna traccia di ciò che ti avevo consigliato...

Indipendentemente da questo, ecco un ulteriore consiglio che credo - questa volta - ti farà risolvere definitivamente il tuo problema: nelle dichiarazioni preliminari di stile assegnate ad "#apDiv1" cancella questa stringa --> width:1024px;.

A presto.
pollonia
Inviato: Friday, November 19, 2010 6:22:44 PM
Rank: AiutAmico

Iscritto dal : 10/15/2010
Posts: 68
hemm...scusami,il mio scopo era proprio di mostrarti la pagina con la barra di scorrimento in modo che vedessi come si visualizzava
alla risoluzione di 1024,percui nel codice non ho cambiato nulla,ho centrato solo l'immagine Whistle
la tua ultima soluzione non l'avevo ancora provata se andasse o meno! Whistle
mi stavo perdendo un pò a leggere questi argomenti per cercare di capirci qualcosa anch'io.
http://bytes.com/topic/javascript/answers/503034-resizing-background-using-css-javascript-according-screen-resolution
http://www.icircle.it/backstretch-sfondi-stretch-con-jquery/
http://www.lucamascaro.info/blog/interaction-design/quale-risoluzione-progettare-interfaccia-sito-web.html
http://css-tricks.com/how-to-resizeable-background-image

adesso proverò e inserisco anche l'ultima modifica che hai segnalato
poi ti faccio sapere ;) speriamo in bene!

grazie
ciao
pollonia
Inviato: Saturday, November 20, 2010 9:52:45 AM
Rank: AiutAmico

Iscritto dal : 10/15/2010
Posts: 68



direi più che grande...MITICO!!...

alla fine è andata anche alla risoluzione 1024,centrata e si vede a tutte le impostazioni dello schermo Dancing

grazieeeee!!!

ciao e... buon fine settimana a tutti ;)




wubullo
Inviato: Saturday, November 20, 2010 2:43:43 PM

Rank: AiutAmico

Iscritto dal : 12/9/2009
Posts: 345
pollonia ha scritto:
alla fine è andata anche alla risoluzione 1024,centrata e si vede a tutte le impostazioni dello schermo Dancing

grazieeeee!!!


Hurrà!!!!!!!!!!!!!!!!!!!!! Dancing Applause Dancing Applause Dancing Applause

Mettiamo la parola "FINE" su questo topic. Per qualsiasi altro problema, ci sentiamo in una nuova discussione.

A presto.
Utenti presenti in questo topic
Guest


Salta al Forum
Aggiunta nuovi Topic disabilitata in questo forum.
Risposte disabilitate in questo forum.
Eliminazione tuoi Post disabilitata in questo forum.
Modifica dei tuoi post disabilitata in questo forum.
Creazione Sondaggi disabilitata in questo forum.
Voto ai sondaggi disabilitato in questo forum.

Main Forum RSS : RSS

Aiutamici Theme
Powered by Yet Another Forum.net versione 1.9.1.8 (NET v2.0) - 3/29/2008
Copyright © 2003-2008 Yet Another Forum.net. All rights reserved.