Foglio di stile e DIV

**ragnetta** · 11-05-2004, 16:56

Salve a tutti, provate il menu che vi riporto qui sotto. Mi aiutate a risolvere un problema? Io vorrei che il sottomenu che compare quando clicco su una voce si vada a sovrapporre sulle tabella rossa anzichè spostarla verso il basso.
Penso sia questione di foglio di stile..ma non riesco a trovare la soluzione

copia e incolla...

codice:

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<STYLE>
td.VocePrincipale { 
    cursor: Hand;
    font-family: Verdana;
    font-size: 12px;
    font-weight: Bold;
}
div.NascondiMenu {
    display: None;
}
div.MostraMenu {
    font-family: Verdana;
    font-size: 11px;
    display: Inline;
}
a.SottoVoci {
    color: #0000FF;
    text-decoration: None;
}
a:hover.SottoVoci {
    color: #FF0000;
    text-decoration: Underline;
}
</STYLE>
<BODY BGCOLOR="#FFFFFF">
<script language="VBScript">
   Sub VBMenu(Identificatore)
      Oggetto = "VariLink" & Identificatore
      If document.all.item(Oggetto).className = "MostraMenu" Then
       document.all.item(Oggetto).className = "NascondiMenu"
      Else
       document.all.item(Oggetto).className = "MostraMenu"
      End If
   End Sub
</script>
<table width="90%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FBFDE3" align="center">
  <tr> 
    <td class="VocePrincipale" onClick="VBMenu(0)">Voce principale # 1</td>
    <td class="VocePrincipale" onClick="VBMenu(1)">Voce principale # 2</td>
  </tr>
  <tr> 
    <td style="padding-left: 5px;"> 
      <div id="VariLink0" class="NascondiMenu"> <a href="#" class="SottoVoci">Sotto-voce 
        # 1</a>

        Sotto-voce # 2

        Sotto-voce # 3

      </div>
    </td>
    <td style="padding-left: 5px;" align="left" valign="top">
<div id="VariLink1" class="NascondiMenu"><a href="#" class="SottoVoci">Sotto-voce 
      # 1</a>

      Sotto-voce # 2

      Sotto-voce # 3

	</div></td>
  </tr>
</table>
<table width="780" border="1" align="center" bgcolor="#CC3300">
  <tr>
    <td></td>
  </tr>
</table>
</BODY>
</HTML>

**lukeonweb** · 11-05-2004, 17:02

Somiglia al menu dell'articolo che ho scritto per PRO.HTML.it

Utilizza position: Relative

Ciao

**ragnetta** · 11-05-2004, 17:04

esatto, è proprio quello, lo sto personalizzando

**lukeonweb** · 11-05-2004, 17:04

Ora funge?

**ragnetta** · 11-05-2004, 17:08

no...dove devo metterlo di preciso?

**flanza** · 11-05-2004, 17:14

prova ad aggiungere le due righe:

div.MostraMenu {

position:absolute;
background:#fbfde3;

font-family: Verdana;
font-size: 11px;
display: Inline;
}

ma non garantisco!

**lukeonweb** · 11-05-2004, 17:14

Ho provato ma non mi pare adatto al tuo scopo, e non va...

Prova con quest'altro menu

http://www.lukeonweb.net/leggi.asp?id=7

Ciao

**ragnetta** · 11-05-2004, 17:19

Perfetto...funziona con position absolute...GRAZIE...guardo l'altro

**ragnetta** · 11-05-2004, 17:24

Un'altra domandina...visto che l'hai fatto tu...
Io sto lavorando in asp, vorrei togliere dalla pagina le righe:

codice:

<script language="VBScript">
   Sub VBMenu(Identificatore)
      Oggetto = "VariLink" & Identificatore
      If document.all.item(Oggetto).className = "MostraMenu" Then
       document.all.item(Oggetto).className = "NascondiMenu"
      Else
       document.all.item(Oggetto).className = "MostraMenu"
      End If
   End Sub
</script>

Poichè utilizzo un file di inclusione funzioni.asp in cui ho tutte le function, è possibile farlo? o devo lasciare la sub nel tag <script language="VBScript">?

**lukeonweb** · 12-05-2004, 11:02

Questo codice è lato client, non vedo il problema...

Discussione: Foglio di stile e DIV

Strumenti discussione

Ricerca discussione

Visualizza

Foglio di stile e DIV

Permessi di invio