Ho provato con il float.... la parte gestita in precedenza dalla tabella funziona bene ,ma ora le foto che seguono fanno quel che vogliono.
questa pagina sembra una coperta corta! Aggiusto di qui e va a pallino di la... aiuto!
Ora... il mio codice è questo:
<div id="Foto">
<h1>Tecnologia</h1>
<div id=sottocart>
<div style=float:left;>
<a href=FotoPage.aspx?aspalang=ita&fotopath=images%5cFoto%5cTecnologia%5cFuochi+d'artificio#albero>FUOCHI D'ARTIFICIO</a>
</div>
</div>
<hr/>
<div id=listafoto>
<img src="..\images\Foto\Tecnologia\PICT0742.png"/>
<img src="..\images\Foto\Tecnologia\PICT1287.png"/>
<img src="..\images\Foto\Tecnologia\PICT1310.png"/>
<img src="..\images\Foto\Tecnologia\PICT2642.png"/>
</div>
</div>
ed il css dice questo:
#Foto {
position:relative;
margin-left:300px;
width:700px;
left: 0px;
top: 0px;
} img {
border-style:outset;
border-width:thick;
border-color:white ;
margin:15px;
} h1 {
color:White;
font: tahoma;
font-size:34px;
text-align:center;
text-decoration:underline;
text-transform:uppercase;
} p {
color:White;
font: Arial;
font-size:20px;
text-align:center;
text-decoration:none;
color:#FF9900;
text-transform:uppercase;
} a {
color: rgb(255,255,255);
font-family: tahoma;
font-size:24px;
text-align:center;
vertical-align:middle;
}
#sottocart div {
width:300px;
height:50px;
text-align:center;
vertical-align:middle;
background-image: url(images/SfondoSottocart.png);
background-repeat:repeat;
margin:15px;
border-style:solid;
border-color:White;
border-width:1px;
}
#listafoto {
position:relative;
margin-left:300px;
width:700px;
clear:both;
}
in tutta onesta mi aspettavo questa disposizione...
A1 A2
A3 A4
A5
----------
IMG1 IMG2
IMG3 IMG4
invece mi ritrovo questo...
A1 A2
A3 A4
A5 -----
IMG1 IMG2
IMG3 IMG4
oppure se i link sono numero pari...
A1 A2
A3 -- A4
IMG1 IMG2
IMG3 IMG4
Proprio non capisco... (sono sicuro che mi manca l'ennesima nozione basilare!)
Atro problema ,gli <A> non sono centrati verticalmente nei div con l'immagine di sfondo... ma questo è il meno.
Perdonate la mia noiosa ignoranza.
PS:La pagina è sempre creata dinamicamente...
Grazie
