Hur får man till detta? Kan funka, gjorde nått liknande förut. Nope, tyvärr det gjorde det inte.....Pelle har det utseendet på denna meny som jag är ute efter.... Ett tips är att använda sökfunktionen här på pellesoft. Svarade på en liknande fråga för ett tag sen. Utan att kolla koden hos pelle kan kag nästan svärapå att han kör CSS på menyn...Onmouseover
<td onmouseover="en ram + annan bakgrundsfärg"> MenyItem </td>Sv: Onmouseover
<td OnMouseOver="this.bgcolor='#XXXXXX'; this.Style.border='1px solid #XXXXXX'"></td>
Kan funka, är ej 100% säker.Sv: Onmouseover
Sv: Onmouseover
Hursomhelst, detta bör fungera för dig:
<code>
<html>
<head>
<style>
.navOver {background-color:#ffffff; border: solid #000000 1px; }
.navOut {background-color:#cccccc; border: solid #cccccc 1px; }
</style>
</head>
<body bgcolor="#cccccc">
<table>
<tr>
<td onMouseOver="this.className='navOver'" onMouseOut="this.className='navOut'">cell 1</td>
</tr>
<tr>
<td onMouseOver="this.className='navOver'" onMouseOut="this.className='navOut'">cell 2</td>
</tr>
<tr>
<td onMouseOver="this.className='navOver'" onMouseOut="this.className='navOut'">cell 3</td>
</tr>
<tr>
<td onMouseOver="this.className='navOver'" onMouseOut="this.className='navOut'">cell 4</td>
</tr>
</table>
</body>
</html>
</code>Sv: Onmouseover
Testa:
<script type="text/css">
#top {
left: 0;
position: relative;
top: 120px;
height: 2em;
white-space: nowrap;
}
#top a {
font-size: 1em;
background: #6995b8;
margin: 0;
color: #ffffff;
font-family: Verdana, Arial, Geneva, Helvetica, Sans Serif;
height: 15px;
text-align: center;
text-decoration: none;
padding: 2px 4px 2px 4px;
}
#top a:hover {
background: #4b7da0;
color: white
}
#top a:active {
background: #366a93;
color: #efefef
}
</script>
//Tobbe\\ www.aljapaco.com
edit 040612
Kom på att om du inte kört CSS förr så kan det vara bra att veta hur det funkar ;)
Koden ovan lägger du i <head> taggen, alternativt i en egen fil
I själva html koden kör du en <div> fil som ser ut som <div id="top">
Alla länkar du lägger till kommer automatiskt att formateras med bredd, ram, hover etc så det enda du behöver skriva är vanliga länkar typ Svara