Sfondo menù

**herrel** · 04-05-2003, 01:10

grazie a tutti....mi avete commosso!!!

**marcorai** · 05-05-2003, 10:19

C'ho provato ma...
i risultati non sono stati quelli attesi

(colpa mia s'intende).

Ecco il codice:

<style>
table.menu {
border: 1px solid black;
backgorund:#ff0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333366;
}
td.menu {
height: 25px; border:1px solid white; font-family:verdana; font-size:12px; background:white;
}
td.menu a:link {
position:relative; display:block; font-size:12px; color:#061998; text-decoration:none;
}
td.menu a:hover {
position:relative; font-size:12px; color:#4ebafa; text-decoration:none;
}
td.menu a:visited {
font-size:12px; color:#04ebafa; text-decoration:none;
}
.menublu {
border:1px solid black; background:#333366;
}
.menuverde {
border:1px solid black; background:green;
}
.menugiallo {
border:1px solid black; background:yellow;
}
.menurosso {
border:1px solid black; background:red;
}
</style>
</head>

<body>
<table width="166" border="0" cellpadding="0" cellspacing="0" class="menu">
<tr>
<td>[img]/test/maxmile/www/img/ombra.gif[/img]</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menublu'" onmouseout="this.classname=''">CHI SIAMO</td>
</tr>
<tr>
<td>[img]/test/maxmile/www/img/lineacont.gif[/img]</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menuverde'" onmouseout="this.classname=''">MISSION</td>
</tr>
<tr>
<td>[img]/test/maxmile/www/img/lineacont.gif[/img]</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menugiallo'" onmouseout="this.classname=''">SERVIZI</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menugiallo'" onmouseout="this.classname=''"><a href="#">realizzazione siti
web</a></td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menugiallo'" onmouseout="this.classname=''">content management</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menugiallo'" onmouseout="this.classname=''">e-commerce</td>
</tr>
<tr>
<td>[img]/test/maxmile/www/img/lineacont.gif[/img]</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menurosso'" onmouseout="this.classname=''">PORTFOLIO</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menurosso'" onmouseout="this.classname=''"><a href="#">realizzazione siti
web</a></td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menurosso'" onmouseout="this.classname=''">content management</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menurosso'" onmouseout="this.classname=''">e-commerce</td>
</tr>
<tr>
<td>[img]/test/maxmile/www/img/lineacont.gif[/img]</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table></body>
</html>

Non mi sparisce lo sfondo del link...

Marco

**herrel** · 05-05-2003, 10:59

aspetta che do un'occhiata!!

**herrel** · 05-05-2003, 11:05

è colpa mia....ho sbagliato a scrivere...in javascript è molto importante come si scrivono le cose...bisogna rispettare anche le maiuscole!!

cmq ora dovrebbe funzionare --->

<html>
<head>
<title>Untitled</title>
<style>
table.menu {
border: 1px solid black;
backgorund:#ff0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333366;
}
td.menu {
height: 25px; border:1px solid white; font-family:verdana; font-size:12px; background:white;
}
td.menu a:link {
position:relative; display:block; font-size:12px; color:#061998; text-decoration:none;
}
td.menu a:hover {
position:relative; font-size:12px; color:#4ebafa; text-decoration:none;
}
td.menu a:visited {
font-size:12px; color:#04ebafa; text-decoration:none;
}
.menublu {
border:1px solid black; background:#333366;
}
.menuverde {
border:1px solid black; background:green;
}
.menugiallo {
border:1px solid black; background:yellow;
}
.menurosso {
border:1px solid black; background:red;
}
</style>
</head>

<body>
<table width="166" border="0" cellpadding="0" cellspacing="0" class="menu">
<tr>
<td>[img]/test/maxmile/www/img/ombra.gif[/img]</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menublu'" onMouseOut="this.className=''">CHI SIAMO</td>
</tr>
<tr>
<td>[img]/test/maxmile/www/img/lineacont.gif[/img]</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menuverde'" onmouseout="this.className=''">MISSION</td>
</tr>
<tr>
<td>[img]/test/maxmile/www/img/lineacont.gif[/img]</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menugiallo'" onmouseout="this.className=''">SERVIZI</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menugiallo'" onmouseout="this.className=''"><a href="#">realizzazione siti
web</a></td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menugiallo'" onmouseout="this.className=''">content management</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menugiallo'" onmouseout="this.className=''">e-commerce</td>
</tr>
<tr>
<td>[img]/test/maxmile/www/img/lineacont.gif[/img]</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menurosso'" onmouseout="this.className=''">PORTFOLIO</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menurosso'" onmouseout="this.className=''"><a href="#">realizzazione siti
web</a></td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menurosso'" onmouseout="this.className=''">content management</td>
</tr>
<tr>
<td class="menu" onMouseOver="this.className='menurosso'" onmouseout="this.className=''">e-commerce</td>
</tr>
<tr>
<td>[img]/test/maxmile/www/img/lineacont.gif[/img]</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table></body>
</html>

ma il fatto che si restringe tutto l'hai voluto tu?

fammi sapere se funge...ciao

Discussione: Sfondo menù

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio