Webstatt.org - Community seit 2006 - 2012 (2024?)

navi optimieren

Avatar user-165
28.07.2006 01:32

Link

und zwar möchte ich einen mouseover mit css machen (mit den Bildern)
wie kann ich die navi in css machen? Hab schon mehrere sachen versucht hat aber irgendwie nix gefunzt, und so wie ich jetzt die navi hab ist ja auch nicht gerade das optimalste (code) !

Avatar user-255
28.07.2006 09:13

Voila:

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
Avatar user-165
28.07.2006 09:54

Fettes Grinsen gibts das auf deutsch auch... traurig

Avatar user-165
28.07.2006 10:52

ok habs jetzt so einigermaßen hinbekommmen (link) nur is im IE der header etwas verschoben und der rollover in der navi funzt a net screen

Avatar user-255
28.07.2006 11:24

Endlich gefunden, was ich suchte: Hovereffekt ohne Nachladen

Hast wohl das CSS vergessen bei Version 2.. :-\

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
Avatar user-165
28.07.2006 11:58

ok das hab ich jetzt alles hinbekommen DANKE!!

Nur der rollover funzt bei mir im IE net?? Link

Avatar user-255
28.07.2006 12:52

Immer dieser dumme Internet Exploder.. -.-

So ungefähr sollte es gehen:
a{display:block;background:url(bg.png)}
a:hover{background-positionwütendy}
--
<ul>
<li><a href="#">Bongo</a></li>
</ul>

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
Avatar user-165
28.07.2006 16:54

Immer dieser dumme Internet Exploder.. -.-

So ungefähr sollte es gehen:
code:
a{display:block;background:url(bg.png)}
a:hover{background-positionwütendy}
--
<ul>
<li><a href="#">Bongo</a></li>
</ul>


hmm.. nee funzt auch nicht

warum werden die navi backgrounds nicht als Link angezeigt? Hab zwar die Schrift als link aber links die 3 buttons funzen net


#nav-contact2{
background-image: url(Bilder/contact2.gif);
background-repeat: no-repeat;
width: 62px;
height: 64px;
list-style: none;
float: left;
text-indent:-99em;
display: block;
}

#nav-contact2:hover{
background-position: -62px 0;
}


Hier nochmal der Link

Avatar user-255
28.07.2006 17:07

Der IE kennt nur a:hover, du verwendest aber li:hover..

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
Avatar user-165
28.07.2006 19:35

dank dir, jetzt funzt alles
vielleicht kannst ja auch mal hier reinschaun