[CSS] Div e Immagine di sfondo

[newtel]

Ciao a tutti...

Ho un piccolo probleminoinoino...

ho la necessita di visualizzare a video un modulo (l'originale è un foglio A4)
cosa ho fatto...

1 ho scansito il doc e creato il relativo file.jpg o bmp o png...
2 scritto il codice HTML...

---------------------------------------------------------------code
<DIV class='a4'>
<DIV class="b1"><SPAN class="normal">campo1</SPAN></DIV>
<DIV class="b1"><SPAN class="normal">campo2</SPAN></DIV>
...
</DIV>

nel CSS
.a4{
background-image: url(modulo.jpg);
height: 297mm;
width: 210mm;
}
---------------------------------------------------------------code

bene mi aspettavo di visualizzare il modulo a video a grandezza naturale!!!
e con i diversi
<DIV class="b1"><SPAN class="normal">
pensavo di riuscire a posizionare il campo all' interno del modulo...

...risultato??

NON RIESCO ASSOLUTAMENTE IN NESSUNA MANIERA A VEDERE A VIDEO IL MODULO A GRANDEZZA NATURALEEEEEE!!!

...Ragazzi...dove sbaglio????...dove...come posso ottenere un risultato accettabile...

[fcaldera]

forse perchè stai usando un unità di misura per la stampa (mm) applicata al video
prova a convertirla in px o pt

[Mich_]

Ci sono due problemi. Uno di CSS, l'altro di marcatura.

Per l'immagine di sfondo, potrebbe esserci un problema di path. Sei sicuro che il file "modulo.jpg" sia nella stessa dir del CSS? Sei sicuro che sia scritto corretamente (compreso maiuscole/minuscole)?

Per la marcatura siamo fuori tema in questo forum. E comunque il problema e` molto complesso (non si puo` fare un modulo con i tag usati da te). Una volta risolto il problema dello sfondo, ti spostiamo nel forum (X)HTML.

[newtel]

...ok
1) l' immagine è nella stessa dir
2) controllato minuscole maiuscole...ok!!
3) nel frattempo leggevo all' interno del forum i vari post...
...(e scusate se non l' ho fatto prima...)

molti dicono di usare

margin: auto;

a me non cambia niente...
lasciamo perdere per un' attimo il modulo...

Domanda più semplice...

Come posso fare a centrare un' immagine all' interno di un div con l' aiuto del CSS???
...
...
....

[Mich_]

Ma e` una domanda diversa o la continuazione della stessa?

Perche` una cosa e` centrare un'immagine (si intende inserita con un tag <img> o <object>), una cosa molto diversa e` posizionare un'immagine di sfondo, che si fa con gli attributi degli sfondi (vedi ad esempio http://www.w3schools.com/css/css_ref...asp#background ).


Sei riuscito a vedere l'immagine? Perche` non capisco il senso di centrare lo sfondo finche` non vedi lo sfondo.

Che poi sono convinto che non potrai presentare un modulo con l'immagine catturata di cui parlavi nel primo post.

[newtel]

...ok ok ho fatto un pochino di confusione...

centrare un' immagine con il tag <img...> o <object> è fattibile...provato e funziona...

ma come ti dicevo il mio obbiettivo è quello di presentare a video il modulo scansito come sfondo con 'sopra' i dati...


--------------------------------------------------code
<DIV class="a4">
pippo
</DIV>

e la classe a4 nel css....

a4{
background-image: url(Dogana3.bmp);
margin-left: auto;
margin-right: auto;
height: 1122px;
width: 794px;
display: block;
background-position: center;
}

[newtel]

...ma il div mi rimane tutto a sinistra!!!...

...mi sembra strano che nessuno abbia mai avuto questa esigenza...
...veramente non si può fare???

...comunque grazie mille per il link...

[Mich_]

Occhio alla sintassi.
background-position: center;
funziona in qualche browser, ma la sintassi corretta e`:
background-position: center center;

[newtel]

...ho seguito passo passo...

background-position: center center;

ma il div mi rimane tutto a sinistra!!!...

...incredibile ma...non pensavo fosse così complicato lavorare con i CSS!!!...

...sicuramente sbaglio qualcosa...mmmmm...abbi pazienza ma non so da che parte girarmi...

[Mich_]

Hai un link alla pagina (anche provvisorio) in modo che possiamo renderci conto del problema globale?

PS: tra un po' devo andare, quindi lascio la patata rovente ad altri ...