Author Topic: Breite von Dropdownmenu ändern  (Read 1983 times)

Offline Graport

  • Posts: 33
  • Gender: Male
  • because IT happens
Breite von Dropdownmenu ändern
« on: January 19, 2008, 10:48:46 PM »
Hallo, ich setze zur Zeit das Multiflex template mit Show_menu2 ein.

Soweit funktioniert auch alles prima, bis auf den Umstand, dass im Submenu die Schrift nach rechts über die menuebox hinausläuft.

Genauer: Ich habe ein horizontales Menue, dort steht "Freizeit / Kultur / Bildung" Im ersten Punkt des Untermenues dann "Interessengemeinsch aften". Jetzt sieht es so aus, dass das "en" rechts heraussteht.

Meine Frage jetzt, wo in den css Dateien kann ich die Breite des Ausklappmenues verändern  :?

Beispiel: http://www.graport.de


Danke im voraus

Andreas
Ich habe Dinge in meinem Leben getan, auf die ich nicht Stolz bin - auf manche schon!

Offline ruebenwurzel

  • Betatester
  • **
  • Posts: 8391
  • Gender: Male
  • Keep on Rockin
    • Familie Gallas Online
Re: Breite von Dropdownmenu ändern
« Reply #1 on: January 20, 2008, 09:00:51 AM »
Hallo,

schau mal auf unseren Hilfeseiten die Linklisten an. Dort findest du einiges über CSS. Dein Problem ist eine reine css Geschichte und kann hier nicht supported werden.

Grundsätzlich werden Breitenangaben mit "width" angegeben. Wenn du im Menü also etwas breiter haben willst, dann musst die die entsprechenden width Werte anpassen.

Matthias

Offline Graport

  • Posts: 33
  • Gender: Male
  • because IT happens
Re: Breite von Dropdownmenu ändern
« Reply #2 on: January 25, 2008, 09:07:31 PM »
und falls es doch jemanden Interessiert:

Breite des Submenüs:

Findest du im CSS file "xxx_setup.css", und dort unter den hiermarkierten "width" Befehlen
(1 em = 10px)

/*Non-IE6 hovering*/
..nav2 ul li:hover {position:relative;} /*Sylvain IE hack*/
..nav2 ul li:hover a {background-color:rgb(210,210,210);text-decoration:none;} /*Color main cells hovering mode*/
..nav2 ul li:hover ul {display:block; width:10.0em; position:absolute;z-index:999; top:3.0em; margin-top:0.1em; left:0;}
..nav2 ul li:hover ul li a {white-space:normal; display:block; width:10.0em;height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1pxrgb(175,175,175); background-color:rgb(237,237,237);font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
..nav2 ul li:hover ul li a:hover {background-color:rgb(210,210,210);text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 hovering*/
..nav2 table {position:absolute; top:0px; left:-1px;border-collapse:collapse;}
..nav2 ul li a:hover {position:relative /*Sylvain IE hack*/;z-index:1000 /*Sylvain IE hack*/; background-color:rgb(210,210,210);text-decoration:none;} /*Color main cells hovering mode*/
..nav2 ul li a:hover ul {display:block; width:10.0em;position:absolute; z-index:999; top:3.1em; t\op:3.0em; left:0;marg\in-top:0.1em;}
..nav2 ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em;height:1px; line-height:1.3em; padding:4px 16px 4px 16px;border-left:solid 1px rgb(175,175,175); border-bottom: solid 1pxrgb(175,175,175); background-color:rgb(237,237,237);font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
..nav2 ul li a:hover ul li a:hover {background-color:rgb(210,210,210);text-decoration:none;} /*Color subcells hovering mode*/

(Bemerkung: "w\idth: 10em" ist kein Schreibfehler, sondern einhack für IE6)

Andreas
Ich habe Dinge in meinem Leben getan, auf die ich nicht Stolz bin - auf manche schon!

 

postern-length