Breite von Links anpassen

[Markus]

Hallo zusammen,

ich habe vier Textlinks. Mittels CSS habe ich den Tag A so formatiert, das rechts und links ein Rand ist. Nun möchte ich, dass alle vier Links gleich breit sind. Eine Möglichkeit ist die Linktexte mit Blanks aufzufüllen oder Graphiken zu nehmen.

Kennt jemand vielleicht noch eine andere Lösung?

Danke im voraus.

[wahsaga]

hi,

ich habe vier Textlinks. Mittels CSS habe ich den Tag A so formatiert, das rechts und links ein Rand ist. Nun möchte ich, dass alle vier Links gleich breit sind. Eine Möglichkeit ist die Linktexte mit Blanks aufzufüllen oder Graphiken zu nehmen.

Kennt jemand vielleicht noch eine andere Lösung?

Verpasse ihnen eine width - nachdem du sie von ihrem Dasein als width nicht kennende inline-Elemente befreit hast.

gruß,
wahsaga

[Markus]

hi wahsaga,

also das mit width habe ich schon probiert. Es geht aber leider nicht.

<style type="text/css">
<!--
#navlist {margin-left:220px; padding-top:35px;
          white-space:nowrap; }

#navlist li {list-style:none; display:inline;}

#navlist li a {border:2px solid #FFFFFF; border-bottom:none;
               color:#FFFFFF;
               padding:0em;
               width:200px; /* geht nicht !!! */
               margin:5px;
               text-decoration:none;}

#navlist li a:hover {color:#FFBE00;}
--></style>

<div id="navcontainer">
<ul id="navlist">
 <li><a href="index.htm">Home</a></li>
 <li><a href="index1.htm">Links</a></li>
 <li><a href="index2.htm">Fragen</a></li>
 <li><a href="index3.htm">Sonstiges</a></li>
</ul>
</div>

Wie gesagt der Befehl width:200px; ist wirkungslos oder habe ich einen Fehler gemacht?

[Maik W. aus E.]

Tach auch Markus,

Wie gesagt der Befehl width:200px; ist wirkungslos oder habe ich einen Fehler gemacht?

Ja,

display:inline;

steht im Widerspruch zu

von ihrem Dasein als width nicht kennende inline-Elemente befreit

Gib den a-Elemententen ein entsprechendes "display", und schon klappt es...

http://www.gruss-aus-essen.de

Maik

[Markus]

Hi Maik,

display:inline; brauche ich aber, da das Menü waagrecht sein soll.

Dann kann ich wohl width nicht verwenden, schade!

[Ashura]

Hallo Markus.

display:inline; brauche ich aber, da das Menü waagrecht sein soll.

Dann verwende die http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float@title=float-Eigenschaft in Kombination mit …

Dann kann ich wohl width nicht verwenden, schade!

… der width-Eigenschaft

Einen schönen Mittwoch noch.

Gruß, Ashura

[Markus]

Hi Ashura,

jetzt sehe ich gerade unter dem Internet Explorer wird die Linkbreite angepasst.

Bei Mozilla leider nicht. Aber das kann ich verschmerzen, ist ja nur ein Designfeature.

Bye

Markus

[Ashura]

Hallo Markus.

jetzt sehe ich gerade unter dem Internet Explorer wird die Linkbreite angepasst.

Dann verlasse bitte den http://de.selfhtml.org/css/formate/box_modell.htm#doctype_switch@title=Quirksmodus.

Bei Mozilla leider nicht. Aber das kann ich verschmerzen, ist ja nur ein Designfeature.

Wenn dich die fehlerhafte Umsetzung des IEs zufrieden stellt …

Einen schönen Donnerstag noch.

Gruß, Ashura

[Markus]

Hi Ashura,

weiter oben habe ich folgendes einfaches Test-Beispiel gepostet:

<a href="index.htm" style="width:300px;">Test</a><br>
<a href="index.htm" style="width:300px;">TestXY</a><br>

Dies Links sind diesem einfachen Test auch im Mozilla nicht gleich lang!

Ich weiss jetzt wirklich nicht mehr weiter, wie das mit WIDTH gehen soll!

[Josh]

Hallo,

weiter oben habe ich folgendes einfaches Test-Beispiel gepostet:

<a href="index.htm" style="width:300px;">Test</a><br>
<a href="index.htm" style="width:300px;">TestXY</a><br>

Dies Links sind diesem einfachen Test auch im Mozilla nicht gleich lang!

Ich weiss jetzt wirklich nicht mehr weiter, wie das mit WIDTH gehen soll!

Die richtigen Lösungen für dein Problem standen doch schon alle da! Einfach mit display:block die Links empfänglich für Breitenangaben machen und um sie nebeneinander anzuordnen, float verwenden.

Gruß
Josh

[Markus]

Hi Josh,

danke für den Hinweis mit display:block

bye

Markus

[Markus]

Hi Maik,

habe gerade folgenden Testbefehl eingefügt:

<a href="index.htm" style="width:300px;">Test</a><br>
<a href="index.htm" style="width:300px;">TestXY</a><br>

Die Links sind aber nicht gleich breit!

[Hopsel]

Hi Markus!

Kennt jemand vielleicht noch eine andere Lösung?

Eine Breite zuweisen.

MfG H☼psel