Ho la necessità di inserire un menu (fatto in css) all'interno di una tabella.
Tutto funziona regolarmente......L'unico problema è che si perde la dimensione del font. La cosa non succede se il div lo riporto fuori dalla tabella o con browser diversi da IE6 come ad esempio il nuovo IE7 o firefox. Vi posto il codice incriminato:
Grazie
....non lo hai postato...Originariamente inviato da amokve
Vi posto il codice incriminato:
Grazie
Questo è il codice di tutta la pagina css compreso....
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>jjj</title>
<style type="text/css">
<!--
.classecentrata {
margin-left: auto;
margin-right: auto;
}
-->
</style>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
/*- Menu Tabs J--------------------------- */
#tabsJ {
float:left;
width:100%;
background:#F4F4F4;
font-size:93%;
line-height:normal;
border-bottom:1px solid #24618E;
}
#tabsJ ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabsJ li {
display:inline;
margin:0;
padding:0;
}
#tabsJ a {
float:left;
background:url('tableftJ.gif') no-repeat left top;
margin:0;
text-decoration:none; padding-left:5px; padding-right:0; padding-top:0; padding-bottom:0
}
#tabsJ a span {
float:left;
display:block;
background:url('tabrightJ.gif') no-repeat right top;
color:#24618E; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsJ a span {float:none;}
/* End IE5-Mac hack */
#tabsJ a:hover span {
color:#FFF;
}
#tabsJ a:hover {
background-position:0% -42px;
}
#tabsJ a:hover span {
background-position:100% -42px;
}
#tabsJ #current a {
background-position:0% -42px;
}
#tabsJ #current a span {
background-position:100% -42px;
color:#FFF;
}
-->
</style>
</head>
<body
style="background-color: #88b8ca; background-image: url('body_bg.jpg'); background-repeat: repeat-y; background-position: center 50%;">
<center>
<table border="0" cellspacing="0" cellpadding="0" height="412">
<tbody>
<tr>
<td height="71" valign="bottom">[img]images/logo.gif[/img]</td>
</tr>
<tr>
<td height="235">[img]images/flower.jpg[/img]</td>
</tr>
<tr>
<td height="106"><div id="tabsJ" style="width: 730; height: 129">
<ul>
<li id="current">
<p align="center"><span>Home</span>
<center>[*]<span>Formazione</span>
<center>
<li ><span>Siti web</span>
<center>[*]<span>Software</span>
<center>[*]<span>lavori</span>
<center>[*]<span>Promozioni</span>
<center>[*]<span>Contatti</span>[/list]
</div>
</td>
</tr>
</tbody>
</table>
</center>
</body>
</html>
Non so quanto ti sarò utile...Originariamente inviato da amokve
Questo è il codice di tutta la pagina css compreso....
Con questo codice (incasinato) ti posso dare un paio di cosigli: studiarti qualche guida html/css e provare a forzare la dimensione del font anche sul TD nel css.
Forse qualcuno con più esperienza riesce a darti altre info...
Ciao
Ti ringrazio......ma credo che sia anche un problema di IE6 che non riesce evidentemente a gestire alcune istruzioni del css. Ho trovato già discussioni del genere in rete ma purtroppo non sono riuscito a mirare il mio problema.........
Ad esempio per gestire menu a tendina cioè css su più livelli ho dovuto caricare degli script esterni per renderlo compatibe con IE6 e precedenti. La cosa non mi è stata necessaria con Firefox e IE7.
Permessi di invio
Rispondi quotando