
Nime
- Registriert
- 24.02.04
- Beiträge
- 671
- Reaktionen
- 0
- Punkte
- 765
Hallo zusammen.
Ich habe ein Problem beim Webdesignen. Siehe:
http://www.berlin2k.de/test/home.html
Ich probiere mich gerade in CSS. Dazu habe ich Reiterkärtchen (oben links) als Menü auserkoren. Die Bilder für link/hover/active Zustände sind in einem Bild, und je nach Zustand lädt er nur die Positionen des Bildes.
Siehe: http://www.berlin2k.de/test/home.gif
Jetzt habe ich 2 Probleme:
1. Mein Browser (Firefox) zeigt beim Laden der Seite die Reiterkärtchen nicht an, erst wenn man mind. 1x mit der Maus drüber gefahren ist.
2. Der selected Status wird nicht angenommen, er zeigt immer nur die link-Bilder für das Menü.
Hier das CSS-Stylesheet:
#menu {
position: relative;
width: 600px;
height: 30px;
padding: 0;
margin: 0cm;
left: 0.26cm;
background: #000000;
}
#navigation {
position: absolute;
top: 10px;
left: 0px;
list-style: none;
margin: 0;
padding: 0;
height: 20px;
display: inline;
overflow: hidden;
width: 180px;
}
#navigation li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navigation a {
float: left;
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:20px; /* for IE5/Win */
}
#navigation a:hover {
background-position: 0 -20px;
}
#navigation a:active, #navigation a.selected {
background-position: 0 -40px;
}
#menu_home a {
width: 60px;
background: url(home.gif) top left no-repeat;
}
#menu_musik a {
width: 60px;
background: url(musik.gif) top left no-repeat;
}
#menu_kontakt a {
width: 60px;
background: url(kontakt.gif) top left no-repeat;
}
BODY { background-color: #000000 }
#inhalt {
position: relative;
width: 600px;
height: 400px;
padding: 0;
margin: 0cm;
margin-left: 0.26cm;
float: left;
background: #b3c1c7;
font family: tahoma;
color: black;
font-size: 10px;
}
Hoffe, jemand kann mir helfen, vor allem beim Problem Nr. 2
Gruß
Nime
Ich habe ein Problem beim Webdesignen. Siehe:
http://www.berlin2k.de/test/home.html
Ich probiere mich gerade in CSS. Dazu habe ich Reiterkärtchen (oben links) als Menü auserkoren. Die Bilder für link/hover/active Zustände sind in einem Bild, und je nach Zustand lädt er nur die Positionen des Bildes.
Siehe: http://www.berlin2k.de/test/home.gif
Jetzt habe ich 2 Probleme:
1. Mein Browser (Firefox) zeigt beim Laden der Seite die Reiterkärtchen nicht an, erst wenn man mind. 1x mit der Maus drüber gefahren ist.
2. Der selected Status wird nicht angenommen, er zeigt immer nur die link-Bilder für das Menü.
Hier das CSS-Stylesheet:
#menu {
position: relative;
width: 600px;
height: 30px;
padding: 0;
margin: 0cm;
left: 0.26cm;
background: #000000;
}
#navigation {
position: absolute;
top: 10px;
left: 0px;
list-style: none;
margin: 0;
padding: 0;
height: 20px;
display: inline;
overflow: hidden;
width: 180px;
}
#navigation li {
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
#navigation a {
float: left;
padding: 20px 0 0 0;
overflow: hidden;
height: 0px !important;
height /**/:20px; /* for IE5/Win */
}
#navigation a:hover {
background-position: 0 -20px;
}
#navigation a:active, #navigation a.selected {
background-position: 0 -40px;
}
#menu_home a {
width: 60px;
background: url(home.gif) top left no-repeat;
}
#menu_musik a {
width: 60px;
background: url(musik.gif) top left no-repeat;
}
#menu_kontakt a {
width: 60px;
background: url(kontakt.gif) top left no-repeat;
}
BODY { background-color: #000000 }
#inhalt {
position: relative;
width: 600px;
height: 400px;
padding: 0;
margin: 0cm;
margin-left: 0.26cm;
float: left;
background: #b3c1c7;
font family: tahoma;
color: black;
font-size: 10px;
}
Hoffe, jemand kann mir helfen, vor allem beim Problem Nr. 2
Gruß
Nime