✔ Scheinbar unlösbare Bildverschiebung bei Verlinkung

[flogy92]

Hallo Leute

Ich habe ein gewaltiges und scheinbar unlösbares Problem mit verlinkten Bildern. Und zwar habe ich eine Reihe aus Linkbuttons gemacht, die sich alle berühren sollen, also ohne Abstände. Das funktioniert allerdings nur solange, bis ich diese Linkbuttons auch wirklich verlinken. Dann entsteht einen rahmen. Diesen Rahmen mache ich mit CSS weg:

img { border: 0px; }

Der Rand ist weg, doch der Abstand bleibt! Anscheinend sind es stinknormale Leerzeichen, welche im Code allerdings nirgends zu finden sind! Ich habe schon diverse Methoden ausprobiert, schaffe es aber einfach nicht, dieses Problem zu lösen...

Informationen:
Link zur Website: http://fware.bplaced.net/Website/
HTML-Code der Buttonformatierung (wird über PHP mit "echo" ausgegeben): http://nopaste.com/p/aXJ0jKqVo

Falls ihr weitere Informationen gebraucht, einfach fragen!


Vielen Dank im Voraus!

MfG flogy92

 

[hans jörg]

Hi,

hänge bei deinen a tags noch ein "display:block; float:left" drann, beim img häng auch ein "display:block" drann und nach dem letzten a element brauchst du noch ein blockelement dass den float wieder unterbricht zb <div style="clear_left">&nbsp;</div>

 

[Maik]

Hi,

zeichne mal das Inline-Element a mit der float:left-Eigenschaft aus, damit es "Block-Level-Charakteristika" erhält, dann sollten sich auch die Lücken schliessen.

mfg Maik

 

[flogy92]

Vielen Dank für die schnelle Antworten! Ich habe es mit "float: left" bei allen img- und a-Tags versucht, was auch klappt. Jedoch entsteht nun eine Leere Zeile zwischen dem oberen Bild und den Links!

MfG flogy92

 

[Maik]

Wenn ich das Layout-Konzept jetzt richtig deute, muss dieses Grafikelement ebenfalls mittels float:left von den nachfolgenden Links umflossen werden:

<img style="width: 220px; height: 50px;float:left;" alt="" src="img/WebHeader_Bottom01.png">

mfg Maik

 

[flogy92]

Achso, kann es also sein, dass der CSS-Code

a img { ... }

nur für verlinkte Bilder gilt, also nicht für Bilder oder Links?

Das wäre dann die Lösung, warum es beim zweiten Mal nicht geklappt hat. Jetzt gehts jedenfalls! Vielen Dank! Ich habe dir eine positive Bewertung für die schnelle und hilfreiche Antwort gemacht


MfG flogy92

 

[Maik]

Beim obigen Selektor handelt es sich um den Selektor für Nachfahren, d.h. diese Regel findet im HTML-Dokument nur mit Grafikelementen eine Übereinstimmung, die in einem a-Element eingebettet sind.

mfg Maik