*Ela*
New member
Hi
ich habe wieder mal ein Problem mit dem Menü meiner Homepage.
~ Hier~ mal der Link.
Mit dem IE sieht es so aus, wie es auch tatsächlich sein soll.
Opera geht auch noch gerade so, bis auf die kleinen "Listen" Punkte ganz links vom Menü.
Mozilla zeigt die Buttons überhaupt nicht an und lässt das Menü insgesamt verschoben aussehen
Habe eine externe *css eingebunden:
Natürlich habe ich in diesem Forum erstmal gesucht, ob ich schon hilfreiche Tips finde. Dabei fiel mir auf, das in meiner CSS einzelne Funktionen mit einem "#" vorweg aufgeführt werden.
Habe die probeweise weggenommen bzw. durch einen Punkt ersetzt, nützt nichts, das Problem bleibt.
Wer weiß Rat??
Ela
ich habe wieder mal ein Problem mit dem Menü meiner Homepage.
~ Hier~ mal der Link.
Mit dem IE sieht es so aus, wie es auch tatsächlich sein soll.
Opera geht auch noch gerade so, bis auf die kleinen "Listen" Punkte ganz links vom Menü.
Mozilla zeigt die Buttons überhaupt nicht an und lässt das Menü insgesamt verschoben aussehen
Habe eine externe *css eingebunden:
Code:
body {
font-family: Verdana,Arial,Helvetica;
font-size: 10pt;
color: #396384;
background-color: #C9D6E3;
cursor: e-resize;
#navcontainer { margin-left: 30px; }
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: square;
font-family: verdana, arial, Helvetica, sans-serif;
}
#navcontainer li { margin: 0; }
#navcontainer a
{
display: inline;
padding: 5px 10px;
width: 140px;
color: #315273;
background-color: #C9D6E3;
text-decoration: underline;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
font-weight: bold;
font-size: .8em;
background-image: url(vertical06.jpg);
background-repeat: no-repeat;
background-position: 0 0;
cursor: e-resize;
}
#navcontainer a:hover
{
color: #A62A2A;
background-color: #C9D6E3;
text-decoration: none;
border-top: 1px solid #333;
border-left: 1px solid #333;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(vertical06a.jpg);
background-repeat: no-repeat;
background-position: 0 0;
}
#navcontainer ul ul li { margin: 0; }
#navcontainer ul ul a
{
display: inline;
padding: 5px 5px 5px 30px;
width: 140px;
color: #315273;
background-color: #C9D6E3;
text-decoration: none;
font-weight: normal;
}
#navcontainer ul ul a:hover
{
color: #A62A2A;
background-color: #C9D6E3;
text-decoration: underline overline;
}
Natürlich habe ich in diesem Forum erstmal gesucht, ob ich schon hilfreiche Tips finde. Dabei fiel mir auf, das in meiner CSS einzelne Funktionen mit einem "#" vorweg aufgeführt werden.
Habe die probeweise weggenommen bzw. durch einen Punkt ersetzt, nützt nichts, das Problem bleibt.
Wer weiß Rat??
Ela