Printable View
Salve,
sto lavorando sul mio sito per creare delle gallerie di immagini. Non sono molto pratico di programmazione ma ho cercato di utilizzare i DIV per creare la struttura della pagina.
Il problema è che quando guardo il risultato su IE7 va tutto bene mentre quando lo guardo con FF mi viene una riga vuota in corrispondenza del cambio di DIV.
Il link è http://aandreuccetti.altervista.org/main.html
E nelle altre pagine va ancora peggio!
Potete darmi una mano?
Grazie
Quello spazio si crea perché il div "menu" che quello "content" hanno dei margini superiori/inferiori.
Nel div "menu" dovresti eliminare il paragrafo, che mi sembra anche inutile. Se ti serve della spaziatura interna conviene impostare un padding, per esempio, al div menu.
Nel div "content" il problema è il margine del paragrafo "title".
Mi spiace ma non ci riesco. Puoi provare a spiegarmi?
Ho provato a togliere il paragrafo nel div "menu" ma in effetti la riga sparisce solo se elimino lo stile al titolo:
<p class="title">Gallerie</p>
Grazie per aiutarmi.
Qui sotto incollo il codice body:
<body>
<center>
<div id="container">
<div id="menu">
<div align="center">
<p><img src="immagini/2009.gif" alt="Index" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="310,339,411,369" href="drawings.htm" />
<area shape="rect" coords="16,339,86,369" href="index.htm" />
<area shape="rect" coords="407,339,502,369" href="contacts.htm" />
<area shape="rect" coords="571,339,684,369" href="info.htm" />
<area shape="rect" coords="216,339,312,369" href="acr2008.html" />
<area shape="rect" coords="84,339,218,369" href="w2009.html" />
<area shape="rect" coords="501,339,570,369" href="links.htm" />
</map></p>
</div>
</div>
<div id="content">
<p class="title">Gallerie</p>
<table width="700" border="0">
<tr>
<th scope="col"><a href="w2008.html"><img src="data/thumbnails/colline_toscane_n17_by_ytresu.jpg" width="100" height="100" border="0" /></a></th>
<th scope="col"><a href="w2008.html"><img src="data/thumbnails/colline_toscane_n15.jpg" width="100" height="100" border="0" /></a></th>
<th scope="col"><a href="w2007.html"><img src="data/thumbnails/Granoepapaveri.jpg" width="100" height="100" border="0" /></a></th>
<th scope="col"><a href="w2006.html"><img src="data/thumbnails/sullaviadicastelfalfi2.jpg" width="100" height="100" border="0" /></a></th>
<th scope="col"><a href="w2005.html"><img src="data/thumbnails/into_the_forest.jpg" width="100" height="100" border="0" /></a></th>
</tr>
<tr>
<th scope="col"><span class="style2">News</span></th>
<th scope="col">2008</th>
<th scope="col">2007</th>
<th scope="col">2006</th>
<th scope="col">2005</th>
</tr>
</table>
<p><a href="guest.htm"><img src="guest.gif" alt="guestbook" width="100" height="100" border="0" /></a></p>
</div>
</div>
<div id="footer">
<div align="center"> <a href="index.htm">home</a> | <a href="w2009.html">watercolours</a> | <a href="acr2008.html">acrylics</a> | <a href="drawings.htm">drawings</a> | <a href="contacts.htm">contacts</a> | <a href="links.htm">links</a> | <a href="info.htm">info</a></div>