Guten Tag, Abend, Morgen, was auch immer.
Habe vor 1-2 Jahren CSS "gelernt" und seitdem mich aber auch nicht weiter damit beschäftigt.
Nun muss ich bei meinem Praktikum eine kleine Lagerverwaltung programmieren die hier im Betrieb laufen soll und nunja, halt die übersicht über das Lager bietet.
Soweit so gut, Layout fast fertig nun habe ich ein kleines Problem.
Das Menü ist so wie ich es haben mag, sieht toll aus, kommt beim Scrollen mit und verschwindet nicht irgendwo, aber leider wenn ich das Browserfenster z.B. etwas kleiner mache so, dass das Menü
nicht mehr ganz angezeigt werden kann, quetschen die Menüpunkte sich irgendwie zusammen so das z.B. Menüpunkt ganz Rechts plötzlich unter dem ganz rechts liegt.
Würd mich an für sich ja nicht stören, nur leider sind das Dropdowns und sobald diese geöffnet werden ... naja sieht halt alles doof aus weil die submenus die topmenus alle auch nach unten drücken.
Nun eine kleine Frage..
Besteht die möglichkeit die größe der Menüpunkte je nach Auflösung des Bildschirms bzw. größe des Browserfensters anzupassen
oder aber Menüpunkte einfach auszublenden, so das man zur Seite scrollen muss um diese wieder zu sehen?
Ne kleine Hilfe wäre echt toll !
Hier noch schnell mein CSS code falls der benötigt wird.
Mit freundlichen Grüßen,
David
Habe vor 1-2 Jahren CSS "gelernt" und seitdem mich aber auch nicht weiter damit beschäftigt.
Nun muss ich bei meinem Praktikum eine kleine Lagerverwaltung programmieren die hier im Betrieb laufen soll und nunja, halt die übersicht über das Lager bietet.
Soweit so gut, Layout fast fertig nun habe ich ein kleines Problem.
Das Menü ist so wie ich es haben mag, sieht toll aus, kommt beim Scrollen mit und verschwindet nicht irgendwo, aber leider wenn ich das Browserfenster z.B. etwas kleiner mache so, dass das Menü
nicht mehr ganz angezeigt werden kann, quetschen die Menüpunkte sich irgendwie zusammen so das z.B. Menüpunkt ganz Rechts plötzlich unter dem ganz rechts liegt.
Würd mich an für sich ja nicht stören, nur leider sind das Dropdowns und sobald diese geöffnet werden ... naja sieht halt alles doof aus weil die submenus die topmenus alle auch nach unten drücken.
Nun eine kleine Frage..
Besteht die möglichkeit die größe der Menüpunkte je nach Auflösung des Bildschirms bzw. größe des Browserfensters anzupassen
oder aber Menüpunkte einfach auszublenden, so das man zur Seite scrollen muss um diese wieder zu sehen?
Ne kleine Hilfe wäre echt toll !
Hier noch schnell mein CSS code falls der benötigt wird.
Code:
/*Menüleiste*/ #menu { font-size:20px; position: fixed; list-style-type: none; } #menu ul { list-style-type:none; list-style-image:none; margin:0px; padding:0px; } #menu li.topmenu { float:left; } .topmenu a { float:left; width:154px; text-align:center; border: 0; box-shadow: 0 0 10px 1px black; border-radius: 5px; } .topmenu ul{ display:none; } .topmenu a, .submenu a{ padding:1px 5px; border:1px solid black; border-collapse:collapse; color:#FFFFFF; font-weight:bold; text-decoration:none; background-color: rgba(0, 143, 255, 0.5); margin:0; } .submenu a{ font-size:15px; width:145px; position: relative; float: left; clear:both; /* special IE6 */ } #menu a:hover, .topmenu.on a { color:#4C4C4C; background-color: rgba(0, 255, 255, 1); !important; } .topmenu:hover ul { display:block; z-index:500; }
Mit freundlichen Grüßen,
David
Comment