• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

breite href wird ignoriert

F

FreddyS

Neues Mitglied
Hallo zusammen,

ich habe im css für href folgende definition:

Code: 
div.naviz li a
{
  background-color: #eee8aa;
  color: #000;
  width: 8 px;
  height: 11px;
  text-align: center;
  float: left;
  font-size: 0.8em;
  border: 1px solid #000;
}

Wenn ich nun den href ausgebe, wird die höhe entsprechend css angezeigt.
Bei der Breite kann ich angeben was ich will, das href-feld bleibt immer gleich breit.

Woran kann das liegen ???
 
FreddyS schrieb:
Hallo bernhard,

habe das display... eingebaut, bewirkt aber leider auch nichts.

Hast du noch eine idee?
Zum Vergrößern anklicken....

Hallo Freddy,

ich seh gerade, dass Du ein Leerzeichen drin hast:

Code: 
width: 8 px;
korrekt:

Code: 
width: 8px;
(auch das Leerzeichen nach dem Doppelpunkt ist überflüssig, schadet aber nicht...)
8px ist natürlich auch etwas wenig.
Sonst könnte ich mir noch vorstellen, dass Du die Eigenschaft an anderer Stelle
überschrieben hast...

Lad die Datei doch mal hoch, dann kann man sich das life anschauen.
(Zum Hochladen kannst Du Dir kostenlos Webspace z.B. bei bplaced.net holen)

Grüße
Bernhard
 
Oh verdammt, das war es; jetzt schaue ich den code schon so lange an und suche, aber das habe ich nicht bemerkt.

In den Links stehen nur zahlen (zum seitenweisen blättern), deshalb sind 8px ausreichend.

Aber jetzt habe ich noch ein weiteres problem:
Trotz text-align:center werden die zahlen nicht zentriet dargestellt

Ist text-align hier fehl am Platze oder hast du sonst eine Idee ?

Wäre nett, wenn du mir auch hier nochmal weiterhelfen könntest
 
fehl am platz. das bewirkt nur, dass der text innerhalb des blockes zentriert wird, sprich bezieht sich nur auf das kindelement.
musst was drumrum bauen, damit dus zentrieren kannst, plus überall zwischen definition und wert die leerzeichen weg ^^.

Nils aka XraYSoLo
 
was versteht du hier unter dem kindelement?

li a ist das kleinste element, und der text in diesem soll zentriert werden.

Kann ich das per css überhaupt nicht lösen (padding greift auch nicht) und muss es bei jedem link angeben?
 
Hallo Freddy,

block-Elemente zentrierst du mit

Code: 
margin: 0 auto;

Wenn du innerhalb dieses Elementes den Text zentrieren willst, nimmst du:

Code: 
text-align: center;

Gruß Toast
 
Hallo toastbrot,

danke für deine hinweise, bringt aber leider nichts.

Ich habe sowohl im css als auch im href selbst es mit text-align:center;
probiert, aber es bewirkt nicht das gewünschte.

Die zahlen im linkfeld stehen immer noch rechtsbündig drin
 
FreddyS schrieb:
Hallo toastbrot,

danke für deine hinweise, bringt aber leider nichts.

Ich habe sowohl im css als auch im href selbst es mit text-align:center;
probiert, aber es bewirkt nicht das gewünschte.

Die zahlen im linkfeld stehen immer noch rechtsbündig drin
Zum Vergrößern anklicken....

Hallo Freddy,

vergrößer zum Testen erstmal das Element:

Code: 
.naviz li a
{
  display:block;
  background-color:#eee8aa;
  color:#000;
  width:2em;
  height:1.5em;
  text-align:center;
  float:left;
  font-size:0.8em;
  border:1px solid #000;
}

Grüße
Bernhard
 
Hallo bernhard,

es ist zum verzweifeln, dieses eigentlich lapidare problem beschäftigt mich jetzt schon den ganzen tag.

Ich habe die Elemente vergrössert, wie du es vorgeschlagen hast, dann greifen auch die breiten- und höhenwerte sowie das zentrieren.

Ich brauch die elemente aber schmäler.

Kannst du mir erklären, warum z.B. das Zentrieren nicht mehr funktioniert, sobald ich die elemente schmäler mache ??
 
Eventuell hilft es, wenn du mal den kompletten Code postest.

Probier auch mal
Code: 
.naviz li {
text-align: center;
}

Gruß
Toast
 
ich vermute, ich weiss es jetzt

Offensichtlich werden diese Angaben ignoriert, sobald bestimmte Werte (Höhe/Breite) unterschritten werden.

Mache ich die elemente grösser (Höhe/Breite), greifen sofort alle angaben im css
 
FreddyS schrieb:
Hallo bernhard,

es ist zum verzweifeln, dieses eigentlich lapidare problem beschäftigt mich jetzt schon den ganzen tag.

Ich habe die Elemente vergrössert, wie du es vorgeschlagen hast, dann greifen auch die breiten- und höhenwerte sowie das zentrieren.

Ich brauch die elemente aber schmäler.

Kannst du mir erklären, warum z.B. das Zentrieren nicht mehr funktioniert, sobald ich die elemente schmäler mache ??
Zum Vergrößern anklicken....

Hallo Freddy,

hast Du Leerzeichen vor und nach den Zahlen? Entfern die mal...
Beliebig schmal kannst Du den Link nicht machen, da jedes Zeichen etwas
"Fleisch" hat, um in normalem Text nicht am nächsten zu kleben.

Du kannst noch mit letter-spacing oder word-spacing und entsprechenden
negativen Werten experimentieren...

Grüße
Bernhard

P.S.: es gibt Probleme, die erscheinen lapidar, sind es aber nicht... - ich kämpfe
seit Tagen mit einem IE6-Problem und finde keine Lösung...(siehe JavaScript-Forum)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben