Rolf B: gesucht: Icon für CSS-Kurs

Beitrag lesen

Hallo Martin,

Die Unterstreichung des Links bei :hover geht mitten durch das CSS.

Upsa. Der Fuchs genehmigt sich einen Unterschied zu Chromia. Oder die Chromia einen Unterschied zum Fuchs?

Auf den Hover-Effekt habe ich gar nicht geachtet. Aber ganz ehrlich: Der wirkt da auch nicht so dolle, selbst wenn er nicht durch das CSS durchgeht. Die unterschiedliche Strichstärke…

Mit border-bottom statt text-decoration und einem vertical-align:1.2em auf dem "Einstieg von" Text - statt vertical-align:middle auf CSS - sieht es so aus:

<a href="/wiki/CSS/Tutorials/Einstieg" title="CSS/Tutorials/Einstieg">
  <span style="vertical-align: 1.2em;">Einstieg in </span>
  <span style="color:#c82f04;font-size: 4em;">CSS</span>
</a>

Wenn man das sauber ohne inline-styles lösen will, müsste man wohl einen Span drumrum legen mit einer Klasse "borderlink" oder so, womit man dann aus der common.css heraus in die Dekoration des Links eingreifen kann. Gerne auch vorlagengetrieben... Aber ohne die Spans als Formatierungsziel geht's auch nicht.

Eine Vorlage für die Card braucht's dann sowieso. Ich würde die Gestaltung des Links aber nicht an die Gestaltung der Card koppeln, das sollten getrennte Vorlagen sein.

Wenn man das Thema denn weiter verfolgt. Bislang gips ja nur 3 Äußerungen.

Rolf

--
sumpsi - posui - obstruxi