✔ mouseovernavi mit bildern?

Status
Nicht offen für weitere Antworten.
bluex

bluex

Erfahrenes Mitglied
hi also ich wollt mit css und javas eine mouseovervnavigation machen . dort wirt eben ein button angezeigt und bei mouseover soll dann ein anderer button zu sehen sein.

mit ner normalen hintergrundfarbe klappts nur wie mach ich des bei ner grafik

mein code mit hintergrundfarbe schaut so aus :

HTML: 
  <style type="text/css">
 td.button
 {
    color:#bbccdd;
    font-family:verdana;
    font-size:10px;
    text-align:center;
    width:150px;
    height:16px;
    background-color:#203B54;
    border-width:1px;
    border-style:solid;
    border-color:#000000;
    cursor:hand;
 }
 </style>
 
 </head>
 <body bgcolor="#112233">
 
 <table>
  <tr>
   <td class="button"
          onmouseover="this.style.backgroundColor='#1E5982'"
          onmouseout="this.style.backgroundColor='#203B54'"
          onclick="window.open('page1.htm','Fenster')"> item 1
   </td>
 </tr>
  </table>

nun will ich aber stat der hintergrund farbe , dass dort ein bild ist. als hintergrund oder als normale grafik is mir wurscht haptsache es wechselt.... =)

weis einer wie ich des machen kann

mfg
blue
 
Wieso mit einer Scriptsprache arbeiten:
HTML: 
[…]
<style type="text/css">
	body {
		background-color:	#123;
	}
	#nav {
		list-style-type:	none;
	}
	#nav,
	#nav li {
		margin:			0;
		padding:		0;
	}
	#nav a:link,
	#nav a:visited {
		display:		block;
		width:			150px;
		height:			16px;
		color:			#bcd;
		font:			10px Verdana, sans-serif;
		text-align:		center;
		background-color:	#203B54;
		border:			1px solid #000;
	}
	#nav a:hover {
		background-color:	#1E5982;
	}
</style>

[…]

<ul id="nav">
	<li><a href="page1.htm" onclick="window.open(this.href, 'Fenster')">it</a></li>
</ul>

[…]
Zudem ist es noch zugänglicher als deine Variante.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück