Tags in CSS auslagern - Wie?

tinella

tinella

Erfahrenes Mitglied
Hallo!

Ich habe einen link-Tag (
PHP: 
<a href="#">Nonsenslink unterstrichen</a>
)
und einen link-Tag (
PHP: 
<a href="#">Nonsenslink NICHT unterstrichen</a>
), die sich beide nur von etwas unterscheiden: sie sind unterstrichen oder nicht.

Bisher habe ich das so gelöst, dass ich eine link-Klasse erstellt habe für den unterstrichenen Link (Standard) und dann beim nicht-unterstrichenen Link das hier in den Tag eingefügt hab:
Code: 
style="text-decoration:none"
.

Nun möchte ich aber keinen CSS Code im HTML Teil haben, dh ich will alles ausgelagert haben.

Als Lösung habe ich dann zwei versch. Klassen erstellt in CSS, bei der einen habe ich
Code: 
style="text-decoration:none"
zusätzlich hineingeschrieben, damit mir der Unterstrich gelöscht wird bei dieser Klasse.

Das geht aber leider nicht, der Link bleibt unterstrichen. Das Ganze geht nur wenn ichs in den HTML-Code eingebe und das möchte.

Hat jemand eine Lösung für mich?


Wäre sehr froh darüber!

Tinella
 
Warum löst du es nicht so? (abgesehen davon, dass es eigentlich in das CSS-Forum gehört)

Du schreibst einfach folgendes in deine <head></head> Tags.
Code: 
<link type="text/css" rel="stylesheet">
.link_underlined {
  text-decoration: underlined;
}

.link_not_underlined {
  text-decoration: none;
}
</link>

Deine Links sehen dann so aus:

Code: 
<a href="#" class="link_not_underlined">Nonsenslink NICHT unterstrichen</a> 
<a href="#" class="link_underlined">Nonsenslink unterstrichen</a>

Wenn dir nun Css im Html code missliebt, erstell doch einfach eine CSS-Datei und binde diese dann ein. Das sieht dann so aus:

Code: 
<link type="text/css" rel="stylesheet" href="pfadzurdatei/datei.css">
 
Zuletzt bearbeitet:
Ich verstehs nicht. Entweder du benutzt eine Klasse oder ein inline-Style. Aber doch nicht beides! Dann gibts nämlich auch keine Probleme mehr.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück