• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

CSS & Mozilla

*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 :mad:
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
 
Keine Ahnung ob es daran liegt, aber eine öffnende geschweifte Klammer sollte normalerweise geschlossen werden (Siehe: body).
 
dipser schrieb:
Keine Ahnung ob es daran liegt, aber eine öffnende geschweifte Klammer sollte normalerweise geschlossen werden (Siehe: body).

Ups, übersehen.
Jetzt funzt es auch - soweit ich das sehen kann :grin:
Manchmal ist es doch nur eine Kleinigkeit....
Danke euch




Ela
 
Zuletzt bearbeitet:
hinter den styleangaben für body fehlt }
Bei mir werden die Buttons angezeigt, aber im mozi ineinander verschoben.

Wozu brauchst du noch Listenpunkte wenn du schon Buttons mit mouseover-Effekt hast? Können die nicht eigentlich weg?

cursor: e-resize; würd ich rausnehmen, sieht schöner aus wenn bei mouseover ganz normal die Hand kommt oder willst du das extra so?

[ediit] Hab noch ein screen angehängt wie es bei mir im Moz. 1.7 aussieht.
Was ist mit den Linien oben und unten vom Linktext bei Mouseover? Soll das auch extra so?

[edit2] PS: ach so, und ausserdem hab ich dieses Posting schon seit heut nachmittag offen, bin nur nicht dazu gekommen, hatte bei meiner Antwort deshalb nicht gesehen das das mit dem body } schon erledigt war. :D
 

Anhänge

  • navi_screen.jpg
    navi_screen.jpg
    8,2 KB · Aufrufe: 73
Zuletzt bearbeitet:
bine schrieb:
hinter den styleangaben für body fehlt }
Bei mir werden die Buttons angezeigt, aber im mozi ineinander verschoben.

Joi, war kurzzeitig verschoben, weil ich ausprobiert habe.
sind aber jetzt schon länger wieder normal untereinander.

bine schrieb:
Wozu brauchst du noch Listenpunkte wenn du schon Buttons mit mouseover-Effekt hast? Können die nicht eigentlich weg?

Na das Script hab ich so bekommen bzw. runtergeladen. Natürlich müssen die Listenpunkte nicht sein. Aber jetzt sieht man sie auch nicht mehr (oder etwa doch??)
bine schrieb:
cursor: e-resize; würd ich rausnehmen, sieht schöner aus wenn bei mouseover ganz normal die Hand kommt oder willst du das extra so?

Jupp, genau, das will ich so. Finde die "Hand" nämlich total blöd!

Ela

EDIT

Wann hast du das Screen denn gemacht? Mit Mozilla 1.6 sieht alles okay aus *grumpf*
overline/underline bei den Links ist gewollt, ja.

Edit 2 *grins*
naja, dann schau doch jetzt einfach nochmal rüber und jag mir hier nicht so ein Schrecken ein ;)
 
Zuletzt bearbeitet:
auf deiner oben im ersten Posting angegebenen URL hat sich nichts geändert.
Mein vorheriger Screen ist von meiner Testversion.
Moment ich mach gleich nen Screen von deinem wie es jetzt bei mir ist.

[edit] so hier der screen, wie du siehst keine Buttons und auch der Cursor ist noch nicht geändert.
 

Anhänge

  • screen2.jpg
    screen2.jpg
    8,2 KB · Aufrufe: 60
Zuletzt bearbeitet:
Auch mal eben eines gemacht habe...
So sieht es mit Mozilla 1.6, Opera und dem IE jetzt bei mir aus und darüber war ich sooo heilfroh :D

Wie meinst du das: auch der Cursor sei noch nicht geändert? Den will ich auch nicht ändern.
Vielleicht schaut ja auch nochmal jemand anderes mit einer anderen Mozialla Version drüber...?!

Ela
 

Anhänge

  • screen.jpg
    screen.jpg
    5,4 KB · Aufrufe: 69
Jupp, der Link ist schon richtig....
Ich werde wahrscheinlich eh noch daran herum feilen, weil die index noch kein Menü haben soll, aber zum Testen hab ich´s halt so gemacht....
 
Mit dem cursor,
hab ich glatt so gelesen wie mir das besser gefallen hätte, nämlich mit dem handcursor ;) sorry :D
 
*pfiffel* lag wohl an meinem Cache, der mir beharrlich die alte Version anzeigte.
Kannst dich wieder entspannen, alles in Butter.
 
Zurück
Oben