Linknamen ohne Unterstrich

Antworten
Tomka
Beiträge: 8
Registriert: Mo 30. Jul 2018, 13:20

Linknamen ohne Unterstrich

Beitrag von Tomka » So 2. Jun 2019, 13:10

Meine ersten Webseiten sind fertig und miteinander verlinkt. Funktioniert auch bestens. Was mir nicht gefällt, sind die unterstrichenen Linknamen. Wie bekommt man die Unterstreichungen weg?

Tomka
Beiträge: 8
Registriert: Mo 30. Jul 2018, 13:20

Re: Linknamen ohne Unterstrich

Beitrag von Tomka » Mo 3. Jun 2019, 13:40

Habe inzwischen mithilfe eines engl. YT-Videos herausgefunden, wie man die Unterstriche weg kriegt.
Und zwar über CSS. So geht's:

Erstmal das CSS-Icon anklicken --> Erweiterte Individuelle Style-Regel --> a: links --> Style-Regel erstellen --> Text --> vordefiniert Arial, Helvetica, sans-serif --> Farbe: z.B. Schwarz --> OK --> Textattribute: keine --> OK

Dieses so kreierte Stylesheet nun auf alle Buttons anwenden:
Quelltext (ganz unten) anklicken --> Einträge markieren von: <styletype=“text/css“> bis: </style>
--> WYSIWYG --> CSS --> Stylesheet exportieren und auf externes Stylesheet umstellen --> Dateinamen: style-css eingeben --> Speichern --> OK

Danach den Home-Button anklicken --> Öffnen-Icon --> Home --> Öffnen --> CSS --> LK auf kleines Dreieck rechts neben dem CSS-Icon (links oben) --> Linkelement --> Durchsuchen --> Style --> Öffnen --> Stylesheet erstellen --> OK
Der Vorgang für den Home-Button muss so für jeden einzelnen Button der Homepage ausgeführt werden.

anke
Beiträge: 219
Registriert: Di 19. Aug 2014, 15:24
Kontaktdaten:

Re: Linknamen ohne Unterstrich

Beitrag von anke » Di 4. Jun 2019, 11:22

Hallo Tomka

du brauchst das nicht auf jeden Link anwenden. In der Regel solltest du ein stylesheet für alle Formatierungen auf deiner Webseite verwenden. Wenn du einen Link hast, ist das im html immer a
Das heißt um generell die Unterstreichung bei Links zu entfernen, musst du nur auf dem globalen Stylesheet die Formatierung für a festlegen:

Code: Alles auswählen

a {
textdekoration: none;
}
schon werden alle Links ohne Unterstreichung angezeigt. Natürlich sollten in dieser Klasse alle Formatierungen angegeben werden. Wie auch der Abstand zum nächsten Link etc.

Möchtest du, dass nur die Links in der Navigation ohne Unterstreichung angezeigt werden, die Links im Text aber mit, dann musst du die Klasse anders definieren.

Beispiel:
du hast eine unsortierte Liste:

Code: Alles auswählen

<ul>
   <a href="index.html">home</a>
   <a href="info.html">Informationen</a>
   <a href="impressum.html">Impressum</a>
</ul>
Dann kannst du der ul eine ID zuweisen. Das könnte z. B. #navigation sein.

Lege zuerst die ID im Stylesheet an:

Code: Alles auswählen

#navigation a {
textdekoration: none;
}
Weise nun der ul die ID zu. Klicke hierzu mit rechter Maustaste auf den unteren Rand von KompoZer auf <ul> wähle ID klicke auf navigation

Wenn du dir den Quelltext anschaust sieht das dann so aus:

Code: Alles auswählen

<ul #navigation>
   <a href="index.html">home</a>
   <a href="info.html">Informationen</a>
   <a href="impressum.html">Impressum</a>
</ul>
Viele Grüße
Anke

PS: Mehr Infos zu Links und Formatierungen findest du in unserem kostenlosen Kurs.

Tomka
Beiträge: 8
Registriert: Mo 30. Jul 2018, 13:20

Re: Linknamen ohne Unterstrich

Beitrag von Tomka » Fr 7. Jun 2019, 07:47

Hallo Anke,
vielen Dank für deine Tipps.
LG Tomka

Antworten