An AFisch.
Ich danke Dir für Dein Beispiel. Das ist super nett von Dir und ich kann sehr viel daraus lernen. GRACIAS!:D
Mit meinem CSS Stylesheet hatte der Fehler nichts zu tun. Mein CSS ist sauber und funktioniert einwandfrei ausserhalb typo3. Es ist lediglich die Umsetzung im setup meinerseits, die mächtig daneben war.
Hier ist mein CSS code aus dem Stylesheet.
Code:
#navigation {
width: 900px;
min-width:900px;
height: 20px;
min-height:20px;
top:113px;
margin: 0;
padding: 0;
background: url(../images/nav/topnav.gif) no-repeat;
}
#navigation ul {
position:absolute;
width: 900px;
height: 20px;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}
#navigation ul li {
list-style: none;
margin: 0;
padding: 0;
}
#navigation ul li a {
height: 20px;
display: block;
}
#navigation ul li a#home, ul li a:active#home{
position: absolute;
top: 0;
left: 0;
width: 54px;
background: url(../images/nav/home.gif) top left no-repeat;
}
#navigation ul li a:hover#home {
background: url(../images/nav/h_home.gif) top left no-repeat;
}
#navigation ul li a#homecurrent {
position: absolute;
top: 0;
left: 0;
width: 54px;
background: url(../images/nav/c_home.gif) top left no-repeat;
}
#navigation ul li a#news {
position: absolute;
top: 0;
left: 54px;
width: 94px;
background: url(../images/nav/news.gif) top left no-repeat;
}
#navigation ul li a:hover#news, ul li a:active#news{
background: url(../images/nav/h_news.gif) top left no-repeat;
}
#navigation ul li a#newscurrent {
position: absolute;
top: 0;
left: 54px;
width: 94px;
background: url(../images/nav/c_news.gif) top left no-repeat;
}
#navigation ul li a#videoguide {
position: absolute;
top: 0;
left: 147px;
width: 93px;
background: url(../images/nav/vg.gif) top left no-repeat;
}
#navigation ul li a:hover#videoguide, ul li a:active#videoguide {
background: url(../images/nav/h_vg.gif) top left no-repeat;
}
#navigation ul li a#videoguidecurrent {
position: absolute;
top: 0;
left: 147px;
width: 93px;
background: url(../images/nav/c_vg.gif) top left no-repeat;
}
#navigation ul li a#audioguide {
position: absolute;
top: 0;
left: 240px;
width: 92px;
background: url(../images/nav/ag.gif) top left no-repeat;
}
#navigation ul li a:hover#audioguide, ul li a:active#audioguide {
background: url(../images/nav/h_ag.gif) top left no-repeat;
}
#navigation ul li a#audioguidecurrent {
position: absolute;
top: 0;
left: 240px;
width: 92px;
background : url(../images/nav/c_ag.gif) top left no-repeat;
}
#navigation ul li a#tour {
position: absolute;
top: 0;
left: 332px;
width: 95px;
background : url(../images/nav/tour.gif) top left no-repeat;
}
#navigation ul li a:hover#tour, ul li a:active#tour {
background: url(../images/nav/h_tour.gif) top left no-repeat;
}
#navigation ul li a#tourcurrent {
position: absolute;
top: 0;
left: 332px;
width: 95px;
background: url(../images/nav/c_tour.gif) top left no-repeat;
}
#navigation ul li a#chronicles {
position: absolute;
top: 0;
left: 427px;
width: 80px;
background: url(..images/nav/chronicles.gif) top left no-repeat;
}
#navigation ul li a:hover#chronicles, ul li a:active#chronicles {
background: url(../images/nav/h_chronicles.gif) top left no-repeat;
}
#navigation ul li a#chroniclescurrent {
position: absolute;
top: 0;
left: 427px;
width: 80px;
background: url(../images/nav/c_chronicles.gif) top left no-repeat;
}
#navigation ul li a#community {
position: absolute;
top: 0;
left: 507px;
width: 88px;
background: url(../images/nav/community.gif) top left no-repeat;
}
#navigation ul li a:hover#community, ul li a:active#community {
background: url(../images/nav/h_community.gif) top left no-repeat;
}
#navigation ul li a#communitycurrent {
position: absolute;
top: 0;
left: 507px;
width: 88px;
background: url(../images/nav/c_community.gif) top left no-repeat;
}
#navigation ul li a#multimedia {
position: absolute;
top: 0;
left: 595px;
width: 88px;
background: url(../images/nav/mm.gif) top left no-repeat;
}
#navigation ul li a:hover#multimedia, ul li a:active#multimedia {
background: url(../images/nav/h_mm.gif) top left no-repeat;
}
#navigation ul li a#multimediacurrent {
position: absolute;
top: 0;
left: 595px;
width: 88px;
background: url(../images/nav/c_mm.gif) top left no-repeat;
}
#navigation ul li a#memorabiliae {
position: absolute;
top: 0;
left: 683px;
width: 96px;
background: url(../images/nav/memo.gif) top left no-repeat;
}
#navigation ul li a:hover#memorabiliae, ul li a:active#memorabiliae {
background: url(../images/nav/h_memo.gif) top left no-repeat;
}
#navigation ul li a#memorabiliaecurrent {
position: absolute;
top: 0;
left: 683px;
width: 96px;
background: url(../images/nav/c_memo.gif) top left no-repeat;
}
#navigation ul li a#miscellaneous {
position: absolute;
top: 0;
left: 779px;
width: 120px;
background: url(../images/nav/misc.gif) top left no-repeat;
}
#navigation ul li a:hover#miscellaneous, ul li a:active#miscellaneous {
background: url(../images/nav/h_misc.gif) top left no-repeat;
}
#navigation ul li a#miscellaneouscurrent {
position: absolute;
top: 0;
left: 779px;
width: 120px;
background: url(../images/nav/c_misc.gif) top left no-repeat;
} Das ist alles haargenau richtig und sauber. Aber, wie bereits schon hier erwähnt, die Umsetzung von mir war und ist noch nicht so richtig einwandfrei.
