Hackerboard Wiki HaboBlog
Hackerboard bei Facebook Hackerboard bei Google+ Hackerboard bei Twitter

[HaBo]

 
(Web-) Design und webbasierte Sprachen Tipps & Tricks, Designabgleich, HTML & Javascript, Flash, ASP, PHP, Perl/CGI...

CSS Menu

Diskussion: CSS Menu im Forum (Web-) Design und webbasierte Sprachen, in der Kategorie Web, Network & Multimedia Palace; Anzeige Hallo Habo. Ich habe ein Problem mit einem CSS-Menu. Den Quelltext habe ich zum größten Teil im Internet gefunden ...

Antwort
Alt 18.05.10, 21:46   #1 (permalink)
 
Registriert seit: 21.10.06
weau Leistung: Facit NTK
Likes: 0
Standard CSS Menu

Anzeige

Hallo Habo.

Ich habe ein Problem mit einem CSS-Menu. Den Quelltext habe ich zum größten Teil im Internet gefunden und ein kleines bisschen angepasst. Das sieht mittlerweile auch meiner Meinung nach echt schick aus. (Firefox)
Jetzt muss ich die Kiste auch noch für den Internet Explorer anpassen. Der stellt das ganze völlig verschoben und krum da. Ich habe keine Ahnung, wie ich das an die Begebenheiten des Internet Explorers anpassen soll und hoffe auf Ratschläge.


Bildschirmfoto Firefox :


Bildschirmfoto Internet Explorer:

Wie ihr sehen könnt, sind hier die Menüpunkte aushalber des eigentlichen Menüs und nur beim Mouseover sichtbar.


CSS

Code:
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#fff; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 1em; color:#686868; text-decoration:none; background:#fff;}
#dropmenu a:hover {background:#888; color:#fff;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu li ul a {width:12em; height:auto; float:left;}

#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}

#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
Vielen Dank für eure Hilfe.

Grüße,

weau.
weau ist offline   Mit Zitat antworten
Alt 21.05.10, 20:54   #2 (permalink)
 
Registriert seit: 31.03.09
bivg Leistung: Facit NTK
Likes: 0
Standard

Kannst du mal den HTML-Teil des Menüs oder ein Link zu der Seite posten?
bivg ist offline   Mit Zitat antworten
   
HaBOT
 
- Anzeige -

Werbung ist gerade online    
Alt 24.05.10, 11:55   #3 (permalink)
Themenstarter
 
Registriert seit: 21.10.06
weau Leistung: Facit NTK
Likes: 0
Standard

Sorry, dass ich jetzt erst antworte.

Grüße
weau

Geändert von weau (27.05.10 um 10:39 Uhr)
weau ist offline   Mit Zitat antworten
Alt 24.05.10, 21:21   #4 (permalink)
Member of Honour
 
Benutzerbild von beavisbee
 
Registriert seit: 22.02.07
beavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium IIIbeavisbee Leistung: Pentium III
beavisbee eine Nachricht über ICQ schicken
Likes: 77
Standard

zum CSS genau durchgucken hab ich jetzt leider keine Zeit (vielleicht morgen mal), aber was mir gerade aufgefallen ist: es wird ein DIV mehr geschlossen, als es überhaupt geöffnete gibt... (meckert mir jedenfalls mein HTML-Validator-AddOn vom Firefox an...)

ich persönlich fange mit CSS-fixen immer erst dann an, wenn der HTML-Code 100% sauber ist - ansonsten erlebt man es schnell, dass man irgendwelche bösen Hacks einbaut, um das Design gut aussehen zu lassen und am Ende behebt man 'nen Fehler im HTML-Code und stellt fest: die ganze Arbeit umsonst... nochmal von vorne...
beavisbee ist offline   Mit Zitat antworten
Alt 26.05.10, 19:06   #5 (permalink)
 
Benutzerbild von p0ven
 
Registriert seit: 01.10.06
p0ven Leistung: Facit NTK
Likes: 0
Standard

Hallo,

Hier wird dein Problem genauer erläutert: http://www.css-hack.de/Startseite/Problem+Box-Modell

Vielleicht findest du die Lösung selbst, wenn du weisst, wo das Problem liegt. :-)

f.
p0ven ist offline   Mit Zitat antworten
Alt 27.05.10, 10:41   #6 (permalink)
Themenstarter
 
Registriert seit: 21.10.06
weau Leistung: Facit NTK
Likes: 0
Standard

Hallo. Konnte einige Fehler beheben und die Seite anpassen.
Hab allerdings ein anderes CSS-Menu eingebaut.

Vielen Dank für die Hilfe.

Weau
weau ist offline   Mit Zitat antworten
Antwort
   
- Anzeige -

Werbung ist gerade online    

[HaBo] » Web, Network & Multimedia Palace » (Web-) Design und webbasierte Sprachen » CSS CSS Menu
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind aus
Pingbacks sind aus
Refbacks sind aus



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61