Hot News:

Unser Angebot:

  Foren auf CAD.de (alle Foren)
  HTML/CSS/SSI/JavaScript
  fokusierter Link NICHT umrahmen lassen

Antwort erstellen  Neues Thema erstellen
CAD.de Login | Logout | Profil | Profil bearbeiten | Registrieren | Voreinstellungen | Hilfe | Suchen

Anzeige:

Darstellung des Themas zum Ausdrucken. Bitte dann die Druckfunktion des Browsers verwenden. | Suche nach Beiträgen nächster neuer Beitrag | nächster älterer Beitrag
Autor Thema:   fokusierter Link NICHT umrahmen lassen (926 mal gelesen)
romi1
Mitglied
Bautechniker


Sehen Sie sich das Profil von romi1 an!   Senden Sie eine Private Message an romi1  Schreiben Sie einen Gästebucheintrag für romi1

Beiträge: 622
Registriert: 09.02.2006

Xeon E3-1245V2
16GB RAM
Windows 7 Professional 64 bit
AutoCAD 2012
AutoCAD Structural Detailing 2012

erstellt am: 28. Okt. 2009 13:16    Editieren oder löschen Sie diesen Beitrag!  <-- editieren / zitieren -->   Antwort mit Zitat in Fett Antwort mit kursivem Zitat    Unities abgeben: 1 Unity (wenig hilfreich, aber dennoch)2 Unities3 Unities4 Unities5 Unities6 Unities7 Unities8 Unities9 Unities10 Unities

Hallo!
Ich möchte mir als "blutiger Anfänger" eine Hompage erstellen, und habe folgende Frage:

Wie schafft man es, das ein fokusierter Link (z. B. mit der Tab-Taste markiert) nicht mit dem üblichen punktieren Rahmen (zumindest im IE) dargestellt wird, sondern wie normaler Text

Der Code-Ausschnitt der CSS-Formatierung im head sieht bei mir so aus:

Code:
<style type="text/css">
    body { background-color:rgb(18%,18%,18%); margin-left:1cm; margin-top:1cm; }
    <!-- a:link ... noch nicht besuchte Seite
         a:visited ... besuchte Seite
         a:hover ... Mauszeiger fährt darüber
         a:active ... gerade angeklickt
         a:focus ... Elemente, die Focus erhalten, z.B. durch Durchsteppen mit "Tab"-Taste -->
    a:link { text-decoration:none; font-weight:bold; color:rgb(180,180,180); }   
    a:visited { text-decoration:none; font-weight:bold; color:rgb(180,180,180); }
    a:hover { text-decoration:none; font-weight:bold; color:red; }
    a:active { text-decoration:none; font-weight:bold; color:red; }
    a:focus { text-decoration:none; font-weight:bold; }
   </style>

Das Problem sollte (vermutlich) in der Zeile "a:focus { ......" liegen.

Gruß,
Roman

[Diese Nachricht wurde von romi1 am 28. Okt. 2009 editiert.]

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP


Ex-Mitglied



Sehen Sie sich das Profil von  an!

Beiträge: 4755
Registriert: 27.09.2000

Dell precision M4300, 4GB Arbeitsspeicher
NVidia FX360M
Windows XP professional SP3
CATIA V5 R16SP9, R17SP8, R18SP8, R19SP5
Adobe Acrobat 8
Linux: Ubuntu 8.04LTS

erstellt am: 28. Okt. 2009 13:20    Editieren oder löschen Sie diesen Beitrag!  <-- editieren / zitieren -->   Antwort mit Zitat in Fett Antwort mit kursivem Zitat    Unities abgeben: 1 Unity (wenig hilfreich, aber dennoch)2 Unities3 Unities4 Unities5 Unities6 Unities7 Unities8 Unities9 Unities10 Unities Nur für romi1 10 Unities + Antwort hilfreich

romi1
Mitglied
Bautechniker


Sehen Sie sich das Profil von romi1 an!   Senden Sie eine Private Message an romi1  Schreiben Sie einen Gästebucheintrag für romi1

Beiträge: 622
Registriert: 09.02.2006

Xeon E3-1245V2
16GB RAM
Windows 7 Professional 64 bit
AutoCAD 2012
AutoCAD Structural Detailing 2012

erstellt am: 28. Okt. 2009 13:32    Editieren oder löschen Sie diesen Beitrag!  <-- editieren / zitieren -->   Antwort mit Zitat in Fett Antwort mit kursivem Zitat    Unities abgeben: 1 Unity (wenig hilfreich, aber dennoch)2 Unities3 Unities4 Unities5 Unities6 Unities7 Unities8 Unities9 Unities10 Unities

Hallo!

Wie meinst du das? So funktioniert es nicht:

Code:
a:focus { text-decoration:none; font-weight:bold; border-width:0px; }

Roman


Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

WWA
Mitglied
Konstrukteur


Sehen Sie sich das Profil von WWA an!   Senden Sie eine Private Message an WWA  Schreiben Sie einen Gästebucheintrag für WWA

Beiträge: 39
Registriert: 12.09.2005

erstellt am: 28. Okt. 2009 14:27    Editieren oder löschen Sie diesen Beitrag!  <-- editieren / zitieren -->   Antwort mit Zitat in Fett Antwort mit kursivem Zitat    Unities abgeben: 1 Unity (wenig hilfreich, aber dennoch)2 Unities3 Unities4 Unities5 Unities6 Unities7 Unities8 Unities9 Unities10 Unities Nur für romi1 10 Unities + Antwort hilfreich

Hallo Roman!

Versuche es mal mit

<a href="xyz.html" onfocus="this.blur()">

lg, Wolfgang

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

romi1
Mitglied
Bautechniker


Sehen Sie sich das Profil von romi1 an!   Senden Sie eine Private Message an romi1  Schreiben Sie einen Gästebucheintrag für romi1

Beiträge: 622
Registriert: 09.02.2006

Xeon E3-1245V2
16GB RAM
Windows 7 Professional 64 bit
AutoCAD 2012
AutoCAD Structural Detailing 2012

erstellt am: 28. Okt. 2009 14:42    Editieren oder löschen Sie diesen Beitrag!  <-- editieren / zitieren -->   Antwort mit Zitat in Fett Antwort mit kursivem Zitat    Unities abgeben: 1 Unity (wenig hilfreich, aber dennoch)2 Unities3 Unities4 Unities5 Unities6 Unities7 Unities8 Unities9 Unities10 Unities


rahmen02.jpg

 
Hallo!

@Wolfgang: das funktioniert scheinbar, aber zuvor meckert der IE wegen der Sicherheit bei Scripts, bla bla bla ... sowas möchte ich dann doch den Betrachtern meiner Seite nicht antun ...

Sende anbei einen Screenshot mit, der nochmals verdeutlicht, welchen Rahmen ich meine (in diesem Falle bei "LEISTUNGEN")

Gruß,
Roman

Eine Antwort auf diesen Beitrag verfassen (mit Zitat/Zitat des Beitrags) IP

Anzeige.:

Anzeige: (Infos zum Werbeplatz >>)

Darstellung des Themas zum Ausdrucken. Bitte dann die Druckfunktion des Browsers verwenden. | Suche nach Beiträgen

nächster neuerer Beitrag | nächster älterer Beitrag
Antwort erstellen


Diesen Beitrag mit Lesezeichen versehen ... | Nach anderen Beiträgen suchen | CAD.de-Newsletter

Administrative Optionen: Beitrag schliessen | Archivieren/Bewegen | Beitrag melden!

Fragen und Anregungen: Kritik-Forum | Neues aus der Community: Community-Forum

(c)2020 CAD.de | Impressum | Datenschutz