1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

IMG ohne Border

  • davidos_no.1
  • 6. März 2010 um 00:39
  • davidos_no.1
    Kaiser(in)
    Beiträge
    2.314
    • 6. März 2010 um 00:39
    • #1

    Ich habe eine Grafik als Verweis. Diese Grafik bekommt immer einen gepunkteten Rand beim draufklicken, das möchte ich gerne unterbinden. Hab folgendes versucht, aber das hilft leider nix...

    Code
    <a href="http://www.youtube.com/watch?v=uhi5x7V3WXE" rel="vidbox 640 360" title="Titel"><img src="video-thumb/video-thumb-1.jpg" width="300" height="225" /></a>
    Code
    a img { border: 0 none; }
  • synaptic
    Forum Guru
    Reaktionen
    11
    Beiträge
    10.917
    • 6. März 2010 um 00:54
    • #2

    ja das is der focus vom browser.. könntest höchstens mit js versuchen des zu deaktivieren...
    probier mal im bild onfocus="this.blur();"

    ansonsten wüsst ich nich wie du des vermeiden könntest

  • davidos_no.1
    Kaiser(in)
    Beiträge
    2.314
    • 6. März 2010 um 01:12
    • #3
    Zitat von synaptic

    ja das is der focus vom browser.. könntest höchstens mit js versuchen des zu deaktivieren...
    probier mal im bild onfocus="this.blur();"

    ansonsten wüsst ich nich wie du des vermeiden könntest


    Danke, das hat geklappt.

  • synaptic
    Forum Guru
    Reaktionen
    11
    Beiträge
    10.917
    • 6. März 2010 um 01:28
    • #4

    prima :) war ins blaue geraten :D

  • Tobse
    Kaiser(in)
    Reaktionen
    4
    Beiträge
    2.439
    • 6. März 2010 um 12:29
    • #5

    Es geht mit CSS. Ich mach das immer so:

    CSS
    *[href] {
        outline: none !important;
    }


    Der gestichelte rand ist die "outline".

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  • Macrosdesign
    Gast
    • 6. März 2010 um 14:53
    • #6

    Und damit Tobse hast du die Outline bei jedem Link deaktiviert und die User die mit TAB sich durch die Seite arbeiten wollen wissen nicht mehr wo sie sind. Wirklich eine große Leistung ! -.-


    Aber wenn schon dann doch bitte für alle Browser :P Also wäre ein Javascript da Hilfreich für alle Browser die die CSS Angabe OUTLINE nicht kennen (Und das sind schone eine ganze Menge).

    Code
    <script type="text/javascript">
    function BlurLinks(){
    lnks=document.getElementsByTagName('a');
    for(i=0;i<lnks.length;i++){
    lnks[i].onfocus=new Function("this.blur()");
    }
    }
    
    
    onload=BlurLinks;
    </script>
    Alles anzeigen

    Einmal editiert, zuletzt von Macrosdesign (6. März 2010 um 15:00)

  • Tobse
    Kaiser(in)
    Reaktionen
    4
    Beiträge
    2.439
    • 6. März 2010 um 15:01
    • #7

    Tja, danke für das kompliment. Wir könnens ja so machen, allersings wissen wir ja, was im Safari und Opera dann auf uns zu kommt (siehe deine Lightbox)

    Code
    *[href]:focus {
       outline: none;
    }


    Jedoch find ich das besser als JS, ich denk mal, es gibt mehr menschen mit JS aus als solche, die sich mit TAB durcharbeiten.

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  • Macrosdesign
    Gast
    • 6. März 2010 um 15:04
    • #8

    Tobse ein einfaches

    Code
    a:focus {
     outline:none;
    }

    tut es auch, aber es gibt einfach noch zu viele Browser die die CSS Eigenschaft "outline" nicht unterstützen. Siehe -> http://www.css4you.de/outline.html

    Deswegen der Javascript Code um es in allen Browsern möglichst einheitlich darzustellen, denn Jemand der IE6 benutze UND Javascript deaktiviert hat, hat selber Schuld.


    PS. Ich meinte damit eben man sollte die Outline einfach da lassen, denn sie stört ja nun wirklich nicht und zeigt denen die mit TAB durch die Seite gehen wo sie denn gerade sind ;)

Tags

  • www
  • browser
  • html
  • link
  • http
  • jpg
  • text
  • grafik
  • href
  • img
  • code
  • video
  • javascript
  • rand
  • titel
  • border
  • height
  • css
  • width
  • ie6
  • thumb
  • youtube
  • you

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern