[GastForen Web allgemein HTML und CSS / Stylesheets Rahmen um verlinkte Bilder

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Themen
Beiträge
Moderatoren
Letzter Beitrag

Rahmen um verlinkte Bilder

tuz83
Beiträge gesamt: 136

26. Jan 2007, 13:45
Beitrag # 1 von 10
Bewertung:
(5859 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
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
X

Rahmen um verlinkte Bilder

SabineP
Beiträge gesamt: 7586

26. Jan 2007, 14:05
Beitrag # 2 von 10
Beitrag ID: #272835
Bewertung:
(5853 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Tom,

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


als Antwort auf: [#272828]

Rahmen um verlinkte Bilder

tuz83
Beiträge gesamt: 136

26. Jan 2007, 15:30
Beitrag # 3 von 10
Beitrag ID: #272865
Bewertung:
(5845 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
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


als Antwort auf: [#272835]

Rahmen um verlinkte Bilder

SabineP
Beiträge gesamt: 7586

26. Jan 2007, 15:48
Beitrag # 4 von 10
Beitrag ID: #272873
Bewertung:
(5840 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Sind die Bilder verlinkt?
Den HTML-Code kann man ja im Bildschirmfoto nicht sehen.

Gruß Sabine


als Antwort auf: [#272865]

Rahmen um verlinkte Bilder

tuz83
Beiträge gesamt: 136

26. Jan 2007, 15:53
Beitrag # 5 von 10
Beitrag ID: #272875
Bewertung:
(5836 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
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>


als Antwort auf: [#272873]

Rahmen um verlinkte Bilder

SabineP
Beiträge gesamt: 7586

26. Jan 2007, 15:58
Beitrag # 6 von 10
Beitrag ID: #272876
Bewertung:
(5834 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Dann versuchs mal so:

.mainlevel {outline-width:0px;}


als Antwort auf: [#272875]

Rahmen um verlinkte Bilder

tuz83
Beiträge gesamt: 136

26. Jan 2007, 16:10
Beitrag # 7 von 10
Beitrag ID: #272880
Bewertung:
(5830 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
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


als Antwort auf: [#272876]

Rahmen um verlinkte Bilder

SabineP
Beiträge gesamt: 7586

26. Jan 2007, 16:21
Beitrag # 8 von 10
Beitrag ID: #272883
Bewertung:
(5824 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Ohne Quellcode kann man nichts dazu sagen.

outline-width:0px

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

Gruß Sabine


als Antwort auf: [#272876]

Rahmen um verlinkte Bilder

tuz83
Beiträge gesamt: 136

26. Jan 2007, 17:27
Beitrag # 9 von 10
Beitrag ID: #272899
Bewertung:
(5814 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
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


als Antwort auf: [#272883]

Rahmen um verlinkte Bilder

SabineP
Beiträge gesamt: 7586

26. Jan 2007, 17:56
Beitrag # 10 von 10
Beitrag ID: #272910
Bewertung:
(5813 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
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


als Antwort auf: [#272899]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
01.03.2023 - 09.03.2023

Online
Mittwoch, 01. März 2023, 00.00 Uhr - Donnerstag, 09. März 2023, 00.00 Uhr

Online Webinar

Wie gehen wir mit diesen Veränderungen um? Was ist notwendig, damit wir die Digitalisierung im Unternehmen klappt? Veränderungsprozesse verstehen und entsprechend handeln Mitarbeiter als Botschafter Webseite mit WordPress erstellen SEA /SEO (Ads aufschalten)

Ja

Organisator: B. Isik - SNF Academy

Kontaktinformation: B. Isik, E-Mailinfo AT snfa DOT ch

https://www.fernstudiumfitness.ch/digitalisierung-schweiz/