Salve ragazzi, ho un problema con firefox: ci sta una barra dove con firefox le immagini si vedono rialzate
CON FIREFOX:
http://silverseraph.altervista.org/t...re_firefox.gif
CON IE:
http://silverseraph.altervista.org/t...s/bar_down.bmp
IL CSS:
Codice:
<!-- COPYRIGHT SILVERSERAPH.COM ALL RIGHT RESERVED -->
#bottombar {
BORDER-TOP: #999 1px solid; FONT: 65% Verdana; BACKGROUND-COLOR: #c6d9ff; HEIGHT: 23px;
}
#bottombar A {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 2px; MARGIN: 1px; CURSOR: hand; COLOR: #000; PADDING-TOP: 2px; HEIGHT: 20px; TEXT-DECORATION: none
}
#bottombar A:hover {
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 1px; MARGIN: 1px; BORDER-LEFT: #999 1px solid; CURSOR: hand; COLOR: #000; PADDING-TOP: 1px; BORDER-BOTTOM: #999 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #ccc; TEXT-DECORATION: none
}
il codice html:
Codice:
<!-- COPYRIGHT SILVERSERAPH.COM ALL RIGHT RESERVED -->
<table height="37px" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td>
<table height="37px" width="100%" border="0" cellpadding="0" cellspacing="0"><tr valign=bottom>
<td class="bottombar"></td>
<td width="154px">
<div id="bottombar">
<a class="select_board" href="javascript:window.print()"><img align="absmiddle" border="0" src="./templates/print.gif" alt="Stampa questa pagina"></img> Stampa questa pagina</a>
</div>
</td>
<td width="136px"><div id="bottombar">
<a class="select_board" href="mailto:?subject=Mappa del sito&body=http://silverseraph.altervista.org/mappadelsito.htm"><img align="absmiddle" src="./templates/send.gif" alt="invia questa pagina"></img> Invia questa pagina</a>
</div>
</td>
<td><div id="bottombar">
<a href="javascript:addbookmark()" class="select_board"><img align="absmiddle" border="0" src="./templates/preferiti.gif" alt="Aggiungi a preferiti"></img> Aggiungi a preferiti</a>
</div>
</td></tr></table>
</td></tr></table>
GRAZIE