Problmea rollover su tabella

**piero06** · 17-10-2003, 14:35

ciao !

dovrei fare un rollover su delle celle ma mi viene sballato... ovvero tutto scala di un pò in giù quando quando ci passo sopra con il muose .. come mai ?:

codice:

...
<style>
body {
	font-family : Arial;
	font-size: 2;
	font-style: normal;
	font-weight: normal;
}
a {
text-decoration:none;
}


.menu {
   position:relative; 
   display:block; 
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #cccccc;
	cursor: hand;
	font-size: 2;
}


</style>
</head>

<body>

<table border="0" width="100%">
  <tr>
    <td width="19%"></td>
    <td width="47%"></td>
    <td width="34%"></td>
  </tr>
  <tr>
    <td width="19%">
      <table border="0" width="100%">
        <tr>
          <td width="100%">
            <table border="0" width="100%" cellspacing="0" style="border-left: 1 solid #000000; border-right: 1 solid #000000" cellpadding="0">
              <tr>
                <td width="100%" align="center" style="border-top: 1 solid #000000; border-bottom: 1 solid #000000">
                  <p align="center"><font size="2">Menu</font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Direttivo</font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Dove siamo </font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Corsi</font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Regate</font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Conatti</font></td>
              </tr>
              <tr>
                <td width="100%" align="center" onMouseOver="this.className='menu'" onMouseOut="this.className=''"><font size="2">Soci</font></td>
              </tr>
            </table>
          </td>
        </tr>

...

grazie

AtomSurfer · 17-10-2003, 14:51

bo', prova a definire l'altezza sia alle celle che alla classa

**iguane** · 17-10-2003, 14:51

1°- non lasciare le celle vuote inserisci & n b sp; (senza spazi) oppure una gif di 1px trasparente.

2°-secondo ti scala perchè quando applichi il class menu gli setti anche le dimensioni del bordo, che inizialemnte sono settate a 0.

Per risolvere puoi fare così di default dai alla tabella il bordo di 1px del colore dello sfondo e dovrebbe andare tutto Ok

AtomSurfer · 17-10-2003, 14:54

sei un genio

**piero06** · 17-10-2003, 14:55

ora va... però non c'è un modo per cui siano attaccate le celle ed avere lo stesso effetto ?

**iguane** · 17-10-2003, 14:56

Originariamente inviato da piero06
ora va... però non c'è un modo per cui siano attaccate le celle ed avere lo stesso effetto ?

cosa intendi per attaccate :master:

**piero06** · 17-10-2003, 14:57

Originariamente inviato da AtomSurfer
sei un genio

non esageriamo ! :tongue:

**piero06** · 17-10-2003, 14:57

Originariamente inviato da iguane
cosa intendi per attaccate :master:

cioè con bordo 0 per effetto come bottoni

**iguane** · 17-10-2003, 14:59

Originariamente inviato da piero06
cioè con bordo 0 per effetto come bottoni

Prova a giocare magari con il margin o il padding ma non sono sicuro

**piero06** · 17-10-2003, 16:54

Originariamente inviato da iguane
Prova a giocare magari con il margin o il padding ma non sono sicuro

no... va bene così... grazie

Discussione: Problmea rollover su tabella

Strumenti discussione

Ricerca discussione

Visualizza

Problmea rollover su tabella

Permessi di invio