Newsgroup: it.comp.www.html
Titolo: tag <div>

Ciao a tutti.
Ho bisogno di aiuto.
In una pagina del mio sito vorrei inserire un'immagine complessa con
del testo HTML sopra di essa, inoltre una parola del testo ha un link
ad un'altra pagina.
Per farla ho provato realizzando una tabella avente l'immagine come
background ed il testo (con relativo link) scritto in HTML nella cella
(anche perchè lo devo modificare ogni tanto).
Questa soluzione funziona correttamente con tutti i browser, ma
settando la visione del font molto grande ovviamente l'immagine di
sfondo comincia a ripetersi, mentre a me serve che rimanga unica.
Ho pensato allora di utilizzare due <div>...</div> che si
sovrappongano, uno per l'immagine e l'altro per il testo, ma non
riesco a far funzionare il tutto correttamente su tutti i browser!
Il quesito è:
come faccio ad ottenere, in una singola pagina HTML,  un codice che
visualizzi quanto sopra descritto, correttamente sia con IE che con NN
4.xx che con Opera?
Spero riusciate a darmi se non la soluzione, almeno qualche dritta
perchè ho già provato di tutto e l'unica cosa che mi è venuta è il mal
di testa. :)
Grazie in anticipo!

sfondo comincia a ripetersi, mentre a me serve che rimanga unica.
Scrivi, prima del tag </head> le righe:
..pippo {background: white("immagine.jpg"); background-position: center}
"white" č il colore che circonda l'immagine
nel caso il carattere ingrandito allarghi la cella,
se non metti niente dovrebbe rimanere trasparente.
"immagine.jpg" č il tuo sfondo
"background-position: center" ti mette lo sfondo al centro della cella.
Quando crei la tabella scrivi:
<table><tr><td class="pippo">testo da inserire
ecc...
Ti ricordo che puoi anche mettere le informazioni riguardo al font
nella stessa riga del css (che perň ogni browser legge a modo suo)
Per saperne di piů:
http://www.w3.org/TR/REC-CSS2/colors.html
Ah, Netscape 4 e Opera NON leggono la trasparenza nello sfondo.
MaRoK

..pippo {background: white("immagine.jpg"); background-position: center}
E ridaglie! :o)
Non so perché, ma quando posto qua
a inizio riga le parentesi graffe saltano
e i puntini raddoppiano...
vabbe', cmq c'è un solo punto a inizio riga, non due!
MaRoK


Ho letto anche la tua errata corrige ma non mi funziona. :(
Ti posto il codice che ho scritto secondo le tue indicazioni, con
l'unica variazione di aver inserito ".pippo" DOPO </head> (sebbene
abbia provato anche all'interno di <head>) :
[...]
</head>
<style>
..pippo {background: white("imgs/album.gif"); background-position:
center}
</style>
<body ...>
<table border="0" cellspacing="0" cellpadding="0" width="100">
<tr>
<td class="pippo" valign="bottom" background="imgs/album.gif">
<div align="right">TESTO CHE DEVE APPARIRE SULL'IMMAGINE<br>
<a href="link.html">LINK</a></div>
</td>
</tr>
</table>
</body>
[...]
Con questo codice ottengo questi risultati:
con Internet Explorer appare solo il testo ma non l'immagine;
con Netscape 4.xx appare l'immagine e il testo correttamente
formattati tranne per il fatto che se il font viene ingrandito
l'immagine di sfondo si moltiplica.
Dove ho sbagliato?

 </style>
Non "white", "url".
<style type="text/css">
 .pippo {
 background: White url("imgs/album.gif") center;
 color: Black;
}
</style>
oppure
<style type="text/css">
..pippo {
 background-image: url("imgs/album.gif");
 background-position: center;
 background-color: White;
 color: Black;
}
</style>
Ma non mi pare vada su NS 4, cmq.
--
Laz ______________________________
We'll see it through,
it's what we're always here to do.

Ma non mi pare vada su NS 4, cmq.
Eh, ho provato ora,
funzionare funziona, solo che... ripete lo sfondo.
In compenso scrivendo cosě:
background: white url("imgs/album.gif");
background-position: center;
background-repeat: no-repeat;
netscape4 NON ripete lo sfondo, ma non centra l'immagine.
Se riesci in qualche modo a cavartela
con un'immagine allineata a sinistra
puoi usare quel codice con no-repeat,
altrimenti con Netscape4
non saprei proprio che altri pesci pigliare, sorry!
MaRoK

Per ora ringrazio di cuore, almeno ho delle nuove idee su come
risolvere il mio problema. Se riuscirň ad ottenere esattamente ciň che
desidero lo posterň sul NG per renderlo disponibile a tutti.
Grazie ancora.