Welchen CSS Stil soll ich verwenden

[WAY_KOW]

Hallo
Ich möchte dass alle Tags mit einem Titel im User kenntlich gemacht werden.
dabei dachte ich z.B. an eine gepunktete Linie also
border-bottom:1 px soild #c60;

Im Firefox macht er sogar bei Links eine zusätzliche Linie was sehr wünschenswert ist. Aber alle Styles die einen natürlichen Border haben werden so nicht gekennzeichnet.

In der Folge habe ich noch weiteres ausprobiert:

a[title]:after {content:'*'} (setzt dahinter einen Stern
funktioniert aber im Firefox bei Border Elementen aus unerfindlichem Grund auch nicht.

a[title] {outline:#1 dotted #c60;}
setzt rund herum einen Border das sieht bei Elementen mit Rahmen ganz witzig aus (wie eine Briefmarke) aber bei normalem Text ist es zu dicht am Text

Fällt euch etwas ein wie man alle Elemente mit einem Titel optimal kennzeichnen könnte?

 

[threadi]

Weiß nicht, ob ich alles richtig verstanden habe. Die sicherste Möglichkeit ist jedoch eine Klasse für alle betroffenen Tags zuzuordnen.

 

[WAY_KOW]

Darum geht es nicht

Ob dies wirklich in allen Browsern funktioniert interessiert mich relativ wenig.
wichtig ist, dass es der Firefox versteht und evt noch IE7 alles andere ist mir hierbei egal, da es ja nur eine zusätzliche Hilfe für den User darstellt und nicht die Komplette Darstellung verhindert.

FRAGE:
Wie soll ich das gestalten
- mit Unterstrichlinie werden bereits Links hervorgehoben
- mit gepunkteter Linie abbr und akronym etc.

daher wer die gepunktete Linie ideal denn auch bei abbr und akronym geht es darum, daß dort in der Regel ein Titel hinterlegt sein sollte.

zur not könnte auch ein kleiner * dahinter erscheinen.

Am besten funktioniert es mit outline darauf reagieren alle Elemente aber mit outline kann ich nur einen kompletten Rahmen um das Objekt ziehen und das sieht komisch aus.
Außerdem benötigen leute die mit Tabtaste durch die Links blättern die outline Funktion.

Also wie soll der Text OPTISCH!!!!! aussehen wenn mittels des Attibutes titel ein beschreibender Text hinterlegt ist?

 

[threadi]

Die Unterstreichung von Links kann so verhindert werden:

text-decoration: none;

Folglich müsste das hier doch genügen:

a[title], abbr[title], acronym[title] {
text-deocration: none;
border: 1px dotted red;
}

Mehr über die Verwendung attributbedingter Formate: SELFHTML: Stylesheets / CSS-Formate definieren / Zentrale Formate definieren

 

[WAY_KOW]

ich weis nicht wie ich es ausdrücken soll

Ich darf nichts ändern was generel als ülich gilt.

Also Links müssen normal unterstrichen werden.
und auch outline wird bekanntlich genutzt um mit der Tabtaste durch die Links zu switchen.

etc.

Ich brauche eben was ANDERES um diese Tags zu kennzeichnen.

 

[threadi]

Gäbe noch andere Möglichkeiten ...

• Hintergrundbild
• Hintergrundfarbe
• Rahmen rechts oder links

...

Aber so ganz verstehe ich nicht was du willst und wieso nur bestimmtes erlaubt ist. ;ugl

 

[Bernhard]

Ich darf nichts ändern was generel als ülich gilt.

Also Links müssen normal unterstrichen werden.
und auch outline wird bekanntlich genutzt um mit der Tabtaste durch die Links zu switchen.

etc.

Ich brauche eben was ANDERES um diese Tags zu kennzeichnen.

Hallo,

ich würde mit border-bottom gestrichelt unterstreichen (dashed). Wenn Dir das
immer noch zu nahe am Link ist, dann gib der Border zusätzlich noch eine andere
Farbe (z.B. bei schwarzem Text eine graue gestrichelte Unterstreichung).

Grüße
Bernhard

 

[WAY_KOW]

Noch ein letztes Problem

Hallo
Ich habe mich für :after entschieden.

Hier mein Code:

*[title]:after {content:'*' !important; font-size:80%; padding-left:.1em; color:#ff0000; text-decoration:none !important; vertical-align:text-top; }

das funktioniert auch soweit perfekt.
Nur bei Links wird der * unterstrichen, was etwas merkwürdig aussihet owohl ich das text-decoration:none sogar nich mit !important; verstärkt habe.

Außerdem ist dies die letzte Zeile in den CSS

Frage: wieso wird dennoch der Stern unterstrichen?

 

[Maxi]

ich verschiebe das hier mal ins CSS-Forum...