Welcome, Guest. Please login or register.
Did you miss your activation email?
May 27, 2012, 06:15:37 AM

Login with username, password and session length
Search:     Advanced search
Interested in joining the WebsiteBaker team?
For more Information read here or on our new website.
155555 Posts in 21715 Topics by 7737 Members
Latest Member: gx-world
* Home Help Search Login Register
Pages: [1]   Go Down
Print
Author Topic: Breite von Dropdownmenu ändern  (Read 804 times)
Graport

Offline Offline

Posts: 25



« 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  huh

Beispiel: http://www.graport.de


Danke im voraus

Andreas
Logged

Ich habe Dinge in meinem Leben getan, auf die ich nicht Stolz bin - auf manche schon!
ruebenwurzel
WebsiteBaker Org e.V.

Offline Offline

Posts: 7973



WWW
« 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
Logged
Graport

Offline Offline

Posts: 25



« 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
Logged

Ich habe Dinge in meinem Leben getan, auf die ich nicht Stolz bin - auf manche schon!
Pages: [1]   Go Up
Print
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.16 | SMF © 2011, Simple Machines Valid XHTML 1.0! Valid CSS!