[HTML] Einfache CSS Formatierung will nicht funktionieren

mr5 · 16. Februar 2005

Hallo allerseits,

ich wollte den Link-Unterstrich mittels CSS ausschalten.

Leider geht das bei fast allen Links aber bei einigen wenigen macht er mir den Unterstrich doch noch

.

Ich habe ehrlich gesagt keine Ahnung warum!?

Als Beispiel: Hier unten sind zwei Links, ganz einfach in ein HTML - Dokument.
Der untere Link is OK, bei dem oberen Link erscheint der Unterstrich.
Kopiert euch das mal in euren HTML-Editor

.

Wer weiss woran das genau liegt? Ich kann es euch nicht erzählen

!

Danke für eure Mühe...

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<style type="text/css">body a:link { text-decoration: none }</style>
</head>

<body>

<a href="http://www2.alternate.de/html/myAlternate/myService/driverChoice/driverChoice.html?cmd=search&" target="_blank">TreiberDatenbank</a>
<br>
<a href="http://housecall.trendmicro.com" target="_blank">FreeVirusscanner</a>

</body>

</html>

Mr. Snoot · 16. Februar 2005

Re: Einfache CSS Formatierung WILL NICHT FUNKTIONIEREN AAARRGG und ich weiss nicht warum!

Klappt einwandfrei - in 5 Browsern

edit: Evtl. liegt es daran, dass du nicht angegeben hast, wie der Link dargestellt werden soll, wenn man ihn mal besucht hat.

Dazu brauchst du a:link, a:visited, a:active, a:hover

mr5 · 16. Februar 2005

hier klicken

Also mein Mozilla machts auch aber mein IE nicht!

Bei euch auch?

Mr. Snoot · 16. Februar 2005

Jup, da isses nun unterstrichen. Füg mal die restlichen 3 Formatierungen für die Links dazu, die ich oben noch gepostet habe (evtl. auch in dieser Reihenfolge).

mr5 · 16. Februar 2005

Cool, daran hat es tatsächlich gelegen!

DAANKE

PuppetMaster · 16. Februar 2005

a:link { text-decoration: none,

Mach aus dem , mal ein ;

sverebom · 16. Februar 2005

Eine Frage dazu.
Reicht es nicht, wenn man einfach nur a schreibt?
Dann wird doch alles, was an as daher kommt mit dieser Formatierung versehen, also a:link, a: visited usw.. Damit man einen Rollover erhält fügt man ein eine Definition für a:hover zu .

Ist irgendwas an dieser Herangehensweise verkehrt (so mache ich es nämlich immer und bisher ohne Probleme)?

Mr. Snoot · 16. Februar 2005

BurningStar4 schrieb:
Reicht es nicht, wenn man einfach nur a schreibt?

Ja, wenns klappt

hab ich aber bisher eigentlich immer so wie oben beschrieben gesehn. Vor allem kann man so ja verschiedene Darstellungsweise wählen.

btw, was ich grad noch entdeckt habe

selfhtml schrieb:
Um eine korrekte Darstellung dieser Pseudoformate zu erreichen, müssen Sie bei der Notierung die folgende Reihenfolge einhalten:
:link, :visited, :hover, :active.

mr5 · 16. Februar 2005

a { text-decoration: none }

ja das klappt auch

DANKE!

CSS - ich bin da noch nicht gut genug eingelesen.

sverebom · 16. Februar 2005

Vor allem kann man so ja verschiedene Darstellungsweise wählen.

Na ich will ja darauf hinaus, das man nur die Darstellungsarten definiert, die man auch braucht bzw. die man von den anderen abheben will, Ansonsten belässt man es bei einem a. Funktioniert also die Variante mit dem einfachen a in allen aktuellen Browser gleichermaßen oder sollte man jede Pseudoklasse separat definieren?

Den Schnipsel von selfhtml kann man nun auch so interpretieren, das man diese Reihenfolge einhalten muß, wenn man mehrere Pseudoklassen definiert. Das muß nicht heißen, das man alle definieren muß.

P.S.: Der w2c-CSS-Validator hat sicher bisher noch nie über meinen CSS-Code beschwert.

P.S.S: Was passiert eigentlich, wenn man statt ha, h2 usw. nur h defniert? Ich nehme an, das es nicht funktionieren wird, aber es könnte ja sein ...

P.S.S.: Wo wir gerade dabei sind; hat vielleicht jemand eine Übersicht bei der Hand, wie man diverse Definitionen zusammen fassen kann. "Border-Width", Border-Style", "Border-Color" usw. kann man ja bspw. zu "border: 1px solid #000000" zusammen fassen, was auch mit background oder font geht. Gibt es da noch weitere Möglichtkeiten bspw. für text-* ?

HoRnominatoR · 16. Februar 2005

BurningStar4 schrieb:
Ist irgendwas an dieser Herangehensweise verkehrt (so mache ich es nämlich immer und bisher ohne Probleme)?

nein, das ist ligitim. a{} beinhaltet a:link{}, a:hover{} ect. wenn du im weiteren dokument a:hover{} praktisch noch ein mal definierst, wird die erste angabe schlichtweg ueberschrieben.

sverebom · 16. Februar 2005

Danke HoRno

Zwei Fragen fallen mir da noch ein.

1. Was passiert eigentlich, wenn man statt ha, h2 usw. nur h defniert? Ich nehme an, das es nicht funktionieren wird, aber es könnte ja sein ... (kannes gerade nicht testen)

2. Wo wir gerade dabei sind; hat vielleicht jemand eine Übersicht bei der Hand, wie man diverse Definitionen zusammen fassen kann. "Border-Width", Border-Style", "Border-Color" usw. kann man ja bspw. zu "border: 1px solid #000000" zusammen fassen, was auch mit background oder font geht. Gibt es da noch weitere Möglichtkeiten bspw. für text-* ?

Raechaer · 16. Februar 2005

BurningStar4 schrieb:
2. Wo wir gerade dabei sind; hat vielleicht jemand eine Übersicht bei der Hand, wie man diverse Definitionen zusammen fassen kann. "Border-Width", Border-Style", "Border-Color" usw. kann man ja bspw. zu "border: 1px solid #000000" zusammen fassen, was auch mit background oder font geht. Gibt es da noch weitere Möglichtkeiten bspw. für text-* ?

Ich finde die CSS2 Reference von w3schools.com recht hilfreich.

Suche

mr5

Banned

Mr. Snoot

Gast

mr5

Banned

Mr. Snoot

Gast

mr5

Banned

PuppetMaster

Admiral Pro

sverebom

Vice Admiral

Mr. Snoot

Gast

mr5

Banned

sverebom

Vice Admiral

HoRnominatoR

Lt. Junior Grade

sverebom

Vice Admiral

Raechaer

Lt. Junior Grade

Ähnliche Themen