Frage stellen
Ich eine Navigation mit einem onmouseover. Jetzt sollte aber noch links von der navigation dieses Bild hier http://www.hcd-uri.ch/neu/images/link.jpg ohne onmouseover hin. Wie mache ich das? und wie mache ich dass die navigation bündig ist mit dem banner und schön in der mitte ausgerichtet ist.
habe die seite mal hochgeladen. Hier der link:
http://www.hcd-uri.ch/neu/index.htm
Hier der css code:
- Code: Alles auswählen
body {
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-right:0px;
margin-top:0px;
background-image:url(images/hintergrund.jpg);
background-repeat:repeat-x;
background-color:#3399FF;
}
#banner_oben {
background:url(images/banner_oben.jpg) no-repeat top;
margin: 0 auto;
height:25px;
width:900px;
}
#banner {
background:url(images/banner.jpg) no-repeat top;
margin: 0 auto;
height:150px;
width:900px;
}
#navcontainer ul li {
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
}
#navcontainer a {
text-decoration: none;
display: block;
height: 25px;
}
#navcontainer li a.home { background: url(images/home1.jpg); width: 59px; }
#navcontainer li.active a.home,
#navcontainer li a.home:hover { background: url(images/home2.jpg); width: 59px; }
#navcontainer li a.archiv{ background: url(images/archiv1.jpg); width: 68px; }
#navcontainer li.active a.archiv,
#navcontainer li a.archiv:hover { background: url(images/archiv2.jpg); width: 68px; }
#navcontainer li a.clubdaten{ background: url(images/clubdaten1.jpg); width: 95px; }
#navcontainer li.active a.clubdaten,
#navcontainer li a.clubdaten:hover { background: url(images/clubdaten2.jpg); width: 95px; }
#navcontainer li a.fanartikel{ background: url(images/fanartikel1.jpg); width: 93px; }
#navcontainer li.active a.fanartikel,
#navcontainer li a.fanartikel:hover { background: url(images/fanartikel2.jpg); width: 93px; }
#navcontainer li a.vorstand{ background: url(images/vorstand1.jpg); width: 86px; }
#navcontainer li.active a.vorstand,
#navcontainer li a.vorstand:hover { background: url(images/vorstand2.jpg); width: 86px; }
#navcontainer li a.events{ background: url(images/events1.jpg); width: 71px; }
#navcontainer li.active a.events,
#navcontainer li a.events:hover { background: url(images/events2.jpg); width: 71px; }
#navcontainer li a.fotos{ background: url(images/fotos1.jpg); width: 62px; }
#navcontainer li.active a.fotos,
#navcontainer li a.fotos:hover { background: url(images/fotos2.jpg); width: 62px; }
#navcontainer li a.links{ background: url(images/links1.jpg); width: 61px; }
#navcontainer li.active a.links,
#navcontainer li a.links:hover { background: url(images/links2.jpg); width: 61px; }
#navcontainer li a.gaestebuch{ background: url(images/gaestebuch1.jpg); width: 100px; }
#navcontainer li.active a.gaestebuch,
#navcontainer li a.gaestebuch:hover { background: url(images/gaestebuch2.jpg); width: 100px; }
Hoffe mir kann jemand helfen.
Freundliche Grüsse
