OnlineWebService Webmaster Foren     Zu OnlineWebService.de - Gästebücher, Flash Gästebücher, Foren, Umfragen, Counter

Zurück   OnlineWebService Webmaster Foren > OWS Webmaster Foren > HTML, JavaScript, CSS

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 28.05.2013, 12:51
Vincent Vincent ist offline
Neuer Benutzer
 
Registriert seit: 28.05.2013
Beiträge: 6
Standard Anker nicht als Links darstellen

Hallo Leute!

Vielleicht kann mir jemand mit Folgendem helfen:

Ich habe ein kleines Lexikon auf meiner Seite erstellt, dort benutze ich Anker.

<a name="begriff1">Begriff 1</a>
erklärung 1....

<a name="begriff2">Begriff 2</a>
erklärung 2....

Dies führt leider dazu, dass der Text als Link dargestellt wird (der Text erscheint unterstrichen und der Unterstrich verschwindet nach Mouseover, beim Klick passiert jedoch natürlich nichts).

Ich möchte jedoch, dass der Text "ganz normal", also ohne Unterstrich und ohne Mouseover-Effekt dargestellt wird.

Hat da jemand eine Idee?
Mit Zitat antworten
  #2  
Alt 29.05.2013, 19:34
Benutzerbild von blackslash99
blackslash99 blackslash99 ist offline
Super-Moderator
 
Registriert seit: 27.08.2007
Beiträge: 209
Standard AW: Anker nicht als Links darstellen

Anker sind nichts anderes wie Links, nur dass der Verweis in der Regel auf irgend eine Stelle im sichtbaren Content verweist. Daher übernemen die Anker auch die in der CSS definierten Eigenschaften
Wenn du die Anker-Linkeigenschaften anders gestallten möchtest, dann geht dies nur über den Umweg einer CLASS. Dafür definierst du im Style-CSS deiner Seite dafür die Class. Um dies mal an einem Beispiel zu demonstrieren, verwende ich der leichteren Übersicht die CLASS mit dem Namen "anker"! Alle in der CSS verwendeten Link-Attribute müssen angesprochen und deren Eigenschaften angepasst, bzw. negativiert werden.
Code:
.anker:link { text-decoration:none; background--color:#ffffff; color:#000000; }
.anker:visited { text-decoration:none; background-color:#ffffff; color:#000000; }
.anker:hover { text-decoration:none; background-color:#ffffff; color:#000000; }
.anker:active { text-decoration:none; background--color:#ffffff; color:#000000; }
.anker:focus { text-decoration:none; background--color:#ffffff; color:#000000; }
Das aber nur als Beispiel gedacht, da ich die bei dir verwendeten Linkdefinitionen nicht kenne und auch nicht die normale Schriftformation.
Dein Anker schaut dann wie folgt nach deinem geposteten Beispiel aus:
Code:
<a name="begriff1" class="anker">Begriff 1</a>
erklärung 1....
rot markiert, wo ich angesetzt habe!
Was noch fehlt ist dann die Stelle, wohin gesprungen wird. Wie man Anker richtig verwendet, kannst du auf meinen Seiten nachlesen oder klick hier.
__________________

Geändert von blackslash99 (01.06.2013 um 11:46 Uhr) Grund: Komma-Punkt-Fehler im "Code" bereinigt!
Mit Zitat antworten
  #3  
Alt 17.07.2013, 16:17
Benutzerbild von darling
darling darling ist offline
Benutzer
 
Registriert seit: 05.07.2013
Beiträge: 9
Standard AW: Anker nicht als Links darstellen

Ach fein, dessen war ich mir auch gar nicht bewusst...
__________________
Ut sementem feceris ita metes!
Mit Zitat antworten
  #4  
Alt 27.03.2017, 21:35
loewa loewa ist offline
Neuer Benutzer
 
Registriert seit: 21.03.2017
Beiträge: 5
Standard AW: Anker nicht als Links darstellen

Je nachdem welches Websitesystem Du verwendest gibt es auch teilweise die Möglichkeit, direkt im Adminbereich, die Textfarbe, Hintergrund, Linkanzeige etc. einzustellen. So kannst Du dir ggfs. sparen, das ganze direkt im Code anzupassen.
Das Ergebnis ist natürlich das gleiche!
Mit Zitat antworten
Antwort

Stichworte
anker, ankereigenschaften, ankerformatierung, ankertexte, css-class, darstellung, linkeigenschaft

Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.

Gehe zu

Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
l0x.us - Deine Links, Deine Werbung l0x.us Site Check - Homepage Vorstellung 4 25.11.2010 22:58
farbe für links und besuchte links? bella Homepage-Basteln Allgemein 1 15.01.2008 22:32
Farbe "besuchter" Links Birgit OWS Support Forum 2 23.04.2006 22:32
Design & Position der Links zu den Einträgen mathiaslutz OWS Support Forum 1 31.05.2005 10:06
Link links unten ausblenden kamikaze-perg HTML, JavaScript, CSS 2 11.01.2005 22:49


Alle Zeitangaben in WEZ +1. Es ist jetzt 19:35 Uhr.


Powered by vBulletin® Version 3.8.1 (Deutsch)
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.
OnlineWebService.de