Designproblem, blauer rahmen um Graphiken mit einem link

[Christian in Wien]

Ich hab ein kleines Designproblem, und wie es so ist, sowas geht einem auf den senkel.

Wenn ich eine Graphik ins Blog einbinde und mit dieser Graphik einen Link verknüpfe (einen externen), dann hat die Graphik einen blauen rahmen, und genau den will ich wegbekommen, ich hab nur leider keinen schimmer wie.

hier ein beispiel wo man den rahmen gut sehen kann:

http://www.christian-in-wien.at/Blog/in ... l-VII.html

Als theme verwende ich ein modifizirtes "sy9 thin"

Im Quelltext ist folgendes zu finden:

<p align="center"><a onclick="javascript:urchinTracker('/extlink/games.yahoo.com/console/beetlebomp');" href="http://games.yahoo.com/console/beetlebomp" target="_blank"><img height="243" alt="spiel 7"
src="http://www.christian-in-wien.at/Blog/wp ... spiel7.jpg" width="300" /></a></p><br />

Mein verdacht ist das es von

onclick="javascript:urchinTracker('/extlink/....

kommt.

wie bekomme ich den blauen rahmen weg, bzw noch besser, wie baue ich das so um das der blaue rahmen nur kommt wenn man über das bild fährt?

danke schon mal im voraus für eure hilfe

gruß

christian

[Anitram]

Huhu Christian!

Hast du schon mal einen Blick in deine css-Datei geworfen? Darin steht es nämlich definiert. Such mal nach einem Eintrag, der irgendwie mit a img {... beginnt. Oder suche einfach solange nach "Border" bis du an die entsprechende Stelle gekommen bist.

Und den "Überfahr"Rahmen bekommst du über den hoover-Effekt.

[Christian in Wien]

Hi,

danke erstmal

leider habe ich keinen entsprechenden eintrag in der css des themes finden können. zudem hab ich festgestellt das der opera den blauen rahmen nicht darstellt, der firefox und der ie aber schon. eventuell kann man aber in der css festlegen das er es eben nicht mehr machen soll, nur hab ich leider davon keine ahnung

aber danke schon mal, ich werd weitersuchen, von irgendwo im blog muss es ja kommen, wenn nicht von der css dann von woanders

[MagicV]

Schau mal in die style.css im Bereich #content. Dort findest du Angeban zur Formatierung von Links.

[Christian in Wien]

leider in der meinen irgendwie nicht, das einzige was dort mit Bildern zu tun hat ist folgender eintrag:

a img {
border:0;
}

aber trotzdem danke für die hilfe

[MagicV]

Schau bitte mal den Vorgaben für Links, dein Bild ist nichts anderes als ein Hyperlink!

[Christian in Wien]

A {
text-decoration: underline;
}

A:link {
color: #0000FF;
}

A:visited {
color: #000000;
}

A:active {
color: #003366;
background-color: #DBDBDB;
}

A:hover {
color: #003366;
background-color: #DBDBDB;

das ist alles was ich über links gefunden habe in der style.css des themes

das ist ja das komische, die graphik sollte wie ein link behandelt werden, und bei allen anderen links verfällt der rahmen oder die unterstreichung nach demersten besuch, aber nicht bei den graphiken. und für mich sieht es so aus als wenn ein javascript das irgendwie mit oneclick zusammenhängt da mit drinnen hängt, nur konnte ich entsprechendes nicht finden. kann aber auch sein das ich am total falschen dampfer bin und die falsche spur verfolge

[Christian in Wien]

so, denke ich hab das problem gelöst.

ich hab zwar immer noch keine ahnung wo der rahmen herkommt,aber ich hab ihn wegbekommen in dem ich in der syle.css den entsprechenden befehl verankert habe:

img, a img {
border: none;
}

damit schaltet man um alle graphiken den rahmen ab, egal ob verlinkt oder nicht

gefunden hab ich den befehl beim durchsuchen der style.css von anderen themes die eben keinen rahmen um die bilder anlegen, was aber zeigt das es von woanders im blog oder browser herkommt. egal, hauptsache er ist weg

Danke an alle die mir geholfen haben

[Anitram]

Christian,

es ist eine Frage der Standardeinstellungen der Browser, ob und welche Farben als Links verwendet werden. Der IE z.B. liebt das unterstrichene Blau, andere gehen ähnlich vor. Du hast es richtig gemacht, in dem du dem Browsern mit Border: none; zu verstehen gegeben hast, eine andere, nämlich deine, Einstellung vorzunehmen.

[Christian in Wien]

Wahrscheinlich macht auch jeder browser was anderes daraus wenn man ihm keine eindeutigen anweisungen gibt, vorausgesetzt er versteht die anweisungen.

somit ist die jetzige lösung wohl die beste

danke für die hilfe, auch an alle anderen

[yellowled]

ich hab zwar immer noch keine ahnung wo der rahmen herkommt

In der Tat machen den bestimmte Browser »ab Werk«, wenn es nicht anderweitig im Stylesheet überschrieben wird. Alle Browser haben für bestimmte HTML-Elemente bestimmte CSS-Standardwerte - ansonsten wäre ja z.B. im Falle eines versehentlichen Löschens oder falschen Verlinkens des Stylesheets eine jede HTML-Seite nicht mehr darstellbar.

Dass diese Standardwerte bei verschiedenen Browsern auch verschieden sind, ist übrigens einer der Gründe, weshalb es mitunter echt haarig ist, eine Seite in unterschiedlichen Browsern auch nur ähnlich aussehen zu lassen.

Code: Select all

img, a img {
	border: none;
}

damit schaltet man um alle graphiken den rahmen ab, egal ob verlinkt oder nicht

Richtig, wobei Du das »img, « auch weglassen kannst. »a img« erwischt alle verlinkten Grafiken. Simple Erklärung: Damit eine Grafik ein Link wird, muss sie innerhalb der HTML-Tags für einen Link (<a> ... </a>) stehen, man sagt auch: Das img-Element ist in dem Falle ein Kindselektor des a-Elementes.

YL