Problem mit Verlinktem Bild

[devilseye]

Hi alle
Ich hab das Problem dass das verlinkte Logo einen Balken erzeugt (gut sichtbar im Safari)
1A Malerei
in den anderen Browsern wird der schwarze Balken zwar nicht angezeigt aber trotzdem ist
der Balken vorhanden. Kann mir jemand helfen?

Danke schon im voraus

 

[Lubber]

Die angegebene Seite (und somit der Quelltext) lässt sich nicht aufrufen. Der Server unter patmar57.mahostpoint.ch konnte nicht gefunden werden.

 

[momo95]

Kann mir jemand helfen?

gerne, wenn der link richtig wäre...

 

[Patrick Leuppert]

Ich denke er meint 1A Malergeschäft - Isljam Abduramani - Startseite

Das CSS für die Klasse des Bildes anpassen:

.logo {
    border: none;
    margin-left: 170px;
    margin-top: 10px;
}

 

[devilseye]

Jop das meinte ich sorry und danke, allerdings beiseitigt mir dass nicht das Problem.
Ich möchte das der Balken, sei er nun Sichtbar oder nicht, nicht vorhanden ist. Es soll
nur das Logo als Link fungieren nicht noch ein "Unsichtbarer" Balken.

 

[devilseye]

Niemand ne Lösung? Wär ich echt froh drum.

P.S. ich weiss dass der Code noch nicht wirklich sauber ist aber das kommt alles noch.

 

[threadi]

Hab keinen Safari hier und sehe auch keinen Balken. Ich könnte mir aber vorstellen, dass der Link um das Bild eine text-decoration hat. Du hast für Links keine text-decoration-Eigenschaft definiert, weshalb die Browser ihre jeweiligen Standards verwenden. Setze also

#head a:link, #head a:visited, #head a:hover, #head a:active, #head a:focus {
 text-decoration: none;
}

Wenn das nicht ist, mach mal einen Screenshot damit man es sehen kann auch wenn man den Browser nicht hat.

 

[devilseye]

Es spielt keine Rolle welchen browser man benützt
Untersuch das Element img logo mal mit dem Firebug und dann das
Elternelement also den a tag, dann siehst du was ich meine

 

[threadi]

Das habe ich gemacht und ich sehe es nicht.

 

[devilseye]

Hmm ich meine nicht den Rahmen ansich ich habe erst bei der Betrachtung mit dem Safari
gemerkt das etwas nicht stimmt.
wenn ich den a tag ansehe dann umschliesst dieser nicht dass logo sondern ist ein eigenes
element. Dieses Element ist, auch wenn nicht mit dem auge sichtbar, trotzdem vorhanden
und selber als Link anklickbar.

 

[devilseye]

Hoffe man sieht was ich meine

 

[threadi]

Ich sehe da gar nichts, es sei denn Du hast selbst diese runden Striche um die Firebug-Markierungen erstellt.

Der Link ist ein Inline-Element, welcher um ein viel größeres Element (das Bild) gelegt wird. Daher nimmt es nicht den Platz des Bildes ein. Das kann man ändern. Ändere die Eigenschaften von .logo auf

margin-left: 390px;
display: block;

Sieht in meinem Firebug im Firefox völlig ok aus. Irgendwelche Striche sehe ich weiterhin nicht.