✔ Menüpunkte mit unterschiedlicher Breite

[Andre1411]

Hallo zusammen,

warum auch immer - ich krieg es nicht hin die Länge der einzelnen "Buttons" (sind keine richtigen Buttons) variabel zu machen, sodass sie sich automatisch an die Textlänge die darauf steht anpassen.

http://www.kvg-projekt-doping.de/index.php
http://www.kvg-projekt-doping.de/templates/default.css

Kann mir jemand helfen? Ist warscheinlich total simple, aber ich versteh leider nicht gerade viel von CSS.

 

[Maik]

Hi,

schau hierfür mal in das relevante Stylesheet http://www.kvg-projekt-doping.de/templates/dropdown.css, in dem für die Links eine fixe Breite festgelegt ist:

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 60px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

Änderungsvorschlag:

#sddm li a
{      float: left;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	background: #5970B2;
	color: #FFF;
	text-align: center;
	text-decoration: none}

mfg Maik

 

[Andre1411]

Aua - da hätt ich doch selbst drauf kommen können.

Kann man denn eine Mindestbreite festlegen?

 

[Maik]

Hierfür stünde dir die min-width-Eigenschaft zur Verfügung, doch gilt diese dann wieder für alle Menüpunkte, unabhängig von der jeweiligen Zeichenlänge.

Ohne Breitenangabe ergibt sich bei den floatenden Elementen (float:left) ihre Breite durch den Elementinhalt zuzüglich des derzeitigen horizontalen Innenabstandes (2*10px).

mfg Maik