es padded nich - warum?

[Claus]

Hallo,
ganz merkwürdiges Problem: ein per .class gekennzeichneter Link padded nicht nach rechts. Der Link spricht wunderbar auf alle möglichen anderen Stilangaben  an (font-weight, color, font-size, .etc.), aber die geforderten 22px nach rechts, um das in den Styles hinterlegte .gif anzuzeigen, das klappt nicht. Warum?

Das Stylesheet ist W3C-validiert, das html hat nur kleinere Fehler in den meta-Angaben.

Es gibt auch kein 2tes Stylesheet, das die Angaben überschreibt.

Hier kann man den Kandidaten ansehen, es sind die "weiter" und "zurück"-Links am Ende der Seite: http://www.energieteam-sued.de/relaunch

Und hier ist der imho relevante Code:

:: Im CMS (CMS Made Simple) mit Smarty-Engine  ______________________________

<div class="left49 core-float-left">
                <span>
                  {cms_selflink dir="previous" label="Vorige Seite:"  class="vorher" }
                </span>
                 <span>
                {cms_selflink dir="next" class="weiter" }
                </span>
              </div>

::Ausgabe HTML  ______________________________

  
<div class="left49 core-float-left">  
    <span>  
      Vorige Seite:  
          <a href="http://www.energieteam-sued.de/relaunch/Referenzen.htm" title="Referenzen"  class="vorher">  
		Referenzen</a>&nbsp;  
                </span>  
                 <span>  
                N&auml;chste Seite: <a href="http://www.energieteam-sued.de/relaunch/Referenzen/Referenz-Planung-Beratung.htm" title="Referenz: Planung + Beratung"  class="weiter">Referenz: Planung + Beratung</a>  
                </span>  
              </div>

::CSS-Styles ______________________________

  
.right49, .left49 {  
font-size: 0.85em;  
margin: 7px 5px 5px 10px;  
border:0;  
background: transparent;}  
  
.left49 span {  
display: block;  
padding: 1px 22px 0 0;  
font-size:1.3em;  
line-height:1.3em;  
}  
  
.left49  a:link, .left a:visited {  
padding-right:22px;}  
  
/*----------- Global Float ----------- */  
  
.wrap1061    .core-float-left {  
	float: left;  
	display: inline;  
}  
  
/*--------------- knoepfe weiter/vorher/top ----  */  
.right49 {  
height: 32px;  
width: 32px;  
padding: 10px;  
}  
.weiter {  
font-weight: bold;  
padding-right: 22px;  
background: transparent url([[root_url]]/uploads/NCleanBlue/right.gif) no-repeat right center; }  
  
.vorher {  
font-weight: bold;  
padding-right: 22px;  
background: transparent url([[root_url]]/uploads/NCleanBlue/left.gif) no-repeat  right center; }

:::::::::::::::::::::::::::::::::::::

[suit]

Warum?

Befrage die Dokumentation des Frameworks welches du verwendest.

[Cheatah]

Hi,

ganz merkwürdiges Problem: ein per .class gekennzeichneter Link padded nicht nach rechts. Der Link spricht wunderbar auf alle möglichen anderen Stilangaben  an (font-weight, color, font-size, .etc.), aber die geforderten 22px nach rechts, um das in den Styles hinterlegte .gif anzuzeigen, das klappt nicht. Warum?

weil Du die verlinkte Seite schon besucht hast. Was sind das eigentlich für komische Klassenbezeichner, für die Du Dich da entschieden hast? "left49", was soll das heißen - "49 übrig"? 49 von was? Und was hat sie übrig gelassen? Ist zudem ein doller Zufall, dass es eine gleiche Style-Basis mit dem "Recht 49" teilt, was immer das sein mag (Gesetze aus dem Jahr 1949?).

Cheatah

[Claus]

weil Du die verlinkte Seite schon besucht hast.

hm??

»»Was sind das eigentlich für komische Klassenbezeichner, für die Du Dich da »»entschieden hast? "left49", was soll das heißen - "49 übrig"? 49 von was? »»Und was hat sie übrig gelassen? Ist zudem ein doller Zufall, dass es eine »»gleiche Style-Basis mit dem "Recht 49" teilt, was immer das sein mag »»(Gesetze aus dem Jahr 1949?).

Cheatah

Hallo Cheatah,
das sind die default-styles von cms made simple, die ich einfach mal übernommen habe. Liest sich ".rechts49" und ".links49".. na gut ...
+
Im übrigen gelöst:
Im ersten viertel des stylesheets war das umfassende #content-div mit "a:link{ padding:2px 0;}" bezeichnet. Und das hat die klassen weiter unten überschrieben. Hm. Das ist jetzt ein bisschen css-foo: wie kommt es, dass eine explizite link-class durch eine div-id überschrieben wird, die quasi das Großeltern-Element ist?

[suit]

wie kommt es, dass eine explizite link-class durch eine div-id überschrieben wird, die quasi das Großeltern-Element ist?

Aufgrund der http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=Spezifität ist das durchaus möglich.

Es gibt übrigens keine "link-class" und "div-id", was auch immer das sein soll.

Was du meinst sind vermutlich a-Elemente, Klassen, IDs und div-Elemente. und für alle diese Dinge gibt es Selektoren.

Klassen-Selektoren: .class
ID-Selektoren: #ID
Element-Selektoren: div, a
Pseudo-Klassen: :link, :hover