menù tendina, sono incapace!

[edilcostruction]

mi aiutate a creare un menù a tendina come in questo sito?
http://www.bianchi.it/it/home/home.aspx

se volete, incollatemi la porzione di codice che modificherò a mio piacimento.

ps. il menù devo inserirlo in una tabella che è larga 22 pixel quindi nn dovrebbe incidere con la tabella, la tabella deve restare 22 pixel, no so se mi sono spiegato bene, ma devo fare in modo che da un titolo mi spunti fuori un menù a cascata di nr. 3 testi da mettere come collegamenti ad altre pagine.

grazie!:crying:

 

[lukeonweb]

è frutto delle mie viscere
è molto semplice non dovresti avere problemi

https://www.mrw.it/tutorial/dhtml/tutorial274.htm

:byebye:

 

[PoLe]

...il menù devo inserirlo in una tabella che è larga 22 pixel...

Ma.. non è un pò strettina per farci stare delle paroledentro..???

:byebye:

 

[lukeonweb]

S.C.S.
Acronomio di Saranno "Affari" Suoi

 

[edilcostruction]

lukeeeeeeee, quel tutorial lo conosco ma il fatto è che nei 22 pixel non mi ci sta, nn c'è un modo che eviti di far parte dei 22 pix?


tipo un menù che sta in II piano?
sto sarando cavolate, ma nn so come fare...

beh mo ci provo nel modo in cui avevo pensato di fare ancor prima di postarti ciò..

ti ringrazio

 

[lukeonweb]

Dimensionalo come ti serve, la tecnica è quella...

 

[edilcostruction]

luke, ho sistemato a modo mio ma adesso vorrei poter fare un'altra cosa.

in html il tag (a capo) dovrebbe essere:

<p>

ma il problema è che lo spazio diventa eccessivo, come posso ridurre lo spazio?

intanto ti posto il mio codice (ovvero modificato come serve a me:

codice senza andare a capo:

<!--Inizio Linguaggio JS Head to Head //-->
<script language="javascript">
<!--
// APRO IL MENU ...
function apri(m)
{
    document.getElementById(m).style.visibility = "Visible";
}
// CHIUDO IL MENU ...
function chiudi(m)
{
    document.getElementById(m).style.visibility = "Hidden";
}
//-->
</script>
<!--Fine Linguaggio JS Head to Head //-->

<!--Inizio Stile CSS Body to Body //-->
<style type="text/css">
.menu
{
    visibility: Hidden;
    font: Normal 12px Verdana;
    color: #000000;
}
</style>
<!--Fine Stile CSS Body to Body //-->


<!--Inizio Codice Html //-->
<table cellpadding="0" cellspacing="0">
<tr>
<td onmouseover="apri('a')" onmouseout="chiudi('a')">
    <a title="desc 1">
	<font face="Verdana" size="1"><b>start</b></font><div class="menu" id="a">
        <a title="desc 2!" href="#">
		<font size="1">file<br>
        </font><font size="1">
        <a title="desc 3" href="#">apri<br>
        </font>
        <a title="desc 4" href="#">
		<font size="1">nuovo</font><br>
    </div>
</td>
</tr>
</table>
<!--Fine Codice Html //-->

mentri il codice con lo spazio a capo:

<!--Inizio Codice Html //-->
<table cellpadding="0" cellspacing="0">
<tr>
<td onmouseover="apri('a')" onmouseout="chiudi('a')">
    <a title="desc 1">
	<font face="Verdana" size="1"><b>start</b></font><div class="menu" id="a">
        <a title="desc 2!" href="#">
		[COLOR="Red"]<p>[/COLOR]<font size="1">file<br>
        </font><font size="1">
        <a title="desc 3" href="#">apri<br>
        </font>
        <a title="desc 4" href="#">
		<font size="1">nuovo</font><br>
    </div>
</td>
</tr>
</table>
<!--Fine Codice Html //-->

fammi sapere grazie

 

[lukeonweb]

Scusami ma non sono certo di aver afferrato il problema... comunque, per andare a capo, usa <br> non <p>

 

[edilcostruction]

we luke, grazie d tutto, ho sistemato in qualche modo

alla prossima, cmq se può essere utile per gli altri posso incollare lo script.

Oppure se ne avranno bisogno lo incollerò al momento giusto

 

[lukeonweb]

ciao, di nulla :byebye: