CSS-Problem

[rene76]

Hallo

Ich habe in meiner CSS Datei folgenden Eintrag:

nav A:hover {
width : 140px;
height : 21px;
color : black;
background-color : #CCFFCC; 
padding : 2px;
border : 1px solid #666666;
text-decoration: none; }
{

Wenn ich die Verknüpfung zur Datei vor dem HEAD Teil anbringe, also in der ersten Zeile des Quellcodes,

<link href="css/mein.css" rel="stylesheet" type="text/css">

funktioniert alles wunderbar und die Breite vom A:hover ist 140 Pix.

So sieht das dann aus:


Wenn ich die Verlinkung jedoch wie üblich in den HEAD Bereich nehme, dann wird der Hover nur so breit wie der Text.

Das sieht dann so aus:


Woran kann das liegen???

Ich verwende übrigens den IE6. Mit dem Firefox wird nie die Ganze breite von 140 Pix angezeigt. Aber das ist ein anderes Problem.

gruss rene76

[asp2php]

du überschreibst die Formatierung irgendwo, also untersuche alle inkludierten Dateien.

[wahsaga]

Re: CSS-Problem

Original geschrieben von rene76
Wenn ich die Verknüpfung zur Datei vor dem HEAD Teil anbringe, also in der ersten Zeile des Quellcodes,

<link href="css/mein.css" rel="stylesheet" type="text/css">

funktioniert alles wunderbar und die Breite vom A:hover ist 140 Pix.

wenn etwas total falsch läuft, würde ich das nicht als wunderbar bezeichnen.

Ich verwende übrigens den IE6. Mit dem Firefox wird nie die Ganze breite von 140 Pix angezeigt. Aber das ist ein anderes Problem.

das ganze problem ist ein anderes, als du denkst.

du hast width nicht verstanden.
http://www.w3.org/TR/CSS21/visudet.h...width-property

[rene76]

Original geschrieben von asp2php
du überschreibst die Formatierung irgendwo, also untersuche alle inkludierten Dateien.

Da hast Du recht. In einer inkludeten Datei habe ich die Datei ebenfalls verknüpft.

Jetzt wird aber alles so angezeigt:

das ganze problem ist ein anderes, als du denkst.

du hast width nicht verstanden.
http://www.w3.org/TR/CSS21/visudet....-width-property

Da sehe ich nicht ganz durch. Wie kann ich denn das lösen?

gruss rene76

[wahsaga]

Original geschrieben von rene76
Da sehe ich nicht ganz durch. Wie kann ich denn das lösen?

in dem du die voraussetzungen dafür schaffst, dass width interpretiert werden darf.

beispielsweise, in dem du die links mit display:block formatierst.

[rene76]

beispielsweise, in dem du die links mit display:block formatierst.

aha, habe soeben viel gelernt! Danke.

Inzwischen sieht es auch schon besser aus. Einzig mit der Höhe bin ich noch am kämpfen.


Anstelle von 21 Pixel bin ich jetzt bei 27 Pixel. Woran kann das liegen?

gruss rene76

[Kropff]

Anstelle von 21 Pixel bin ich jetzt bei 27 Pixel. Woran kann das liegen?

schuss ins blaue: irgendwo ein line-height?

gruss
peter

[rene76]

Habe das Problem gefunden und behoben.

Nun läufts so wie es sollte. Auch mit Firefox.

Danke für die Unterstützung.

gruss rene76