Hallo
Ich würde gerne die Rahmen um verlinkte Bilder wegbekommen die nur im Firefox angezeigt werden.

schaut so aus ->
http://download.starmuehler.at/linie.gif

Ich spreche hier nicht von den Rahmen die man mit border="0" wegbekommt, sondern von den schmalen gepunkteten Rahmen die für ca. 1 sek. zu sehen sind wenn man auf ein verlinktes Bild klickt.

Ich habe gehört, dass man die irgendwie wegbekommt - aber wie?
Geht das mit CSS, oder braucht man JavaScript dazu?

danke für eure Hilfe
ciao zusammen, Tom

Hallo Tom,

den Rahmen kannst Du mit CSS entfernen:
outline-width:0px
Gruß Sabine

Ich hab jetzt folgenden Code zu meiner .css Datei hinzugefügt aber der kleine gepunktet Rahmen bleibt trotzdem

img {
outline-width:0px;
}

mach ich was falsch? Das ganze ist übrigens eine Joomla Seite - weiß nicht ob das auch damit etwas zu tun haben könnte.

lg, Tom

Sind die Bilder verlinkt?
Den HTML-Code kann man ja im Bildschirmfoto nicht sehen.

Gruß Sabine

ja die sind verlinkt ->

<a href="hier der link" class="mainlevel" ><img src="images/stories/cee.gif" srcover="images/stories/cee2.gif" border="0" alt="cee"/></a>

Dann versuchs mal so:

.mainlevel {outline-width:0px;}

Jo! *freu* Das hat gefunkt - Nachteil ist allerdings, dass nur alles in der Mainlevel Klasse keinen gepunkteten Rahmen mehr hat. (also nur das Hauptmenü)

alle anderen Bilder auf der Seite haben ihn trotzdem - was schon ein bissi stört. Gibt vielelicht einen Grund warum das mit "img {outline-width:0px;}" nicht funkt?

Kann das von einer anderen Einstellung "overruled" werden, oder andern gefragt - kann man der img-Funktion sagen dass sie auf jeden Fall gilt?

baba, Tom

Ohne Quellcode kann man nichts dazu sagen.

outline-width:0px

kannst Du ja einfach dort hinzufügen, wo es notwendig ist.

Gruß Sabine

ja ich hab es direkt in dem img-tag auch schon dazugeschieben

<img src="test.jpg" style="outline-width:0px;">

Das ganze dann zwischen einem "a href" Tag - hat aber nicht funktioniert, leider

Tom

Haben die a-Tags Klassen oder IDs?
Wenn nicht, dann schreibe in die CSS-Datei:

a{outline-width:0px}

Wenn ja dann füge zu den Klassen oder IDs

outline-width:0px

hinzu.

Wenn Du style-Tags innerhalb der HTML-Tags verwendest, dann wird das Ganze noch unübersichtlicher.
Wenn Dir Dein Quellcode lieb ist, dann verzichte auf style-Tags innerhalb von HTML-Tags.

Gruß Sabine