|
|||
Abstand zwischen Bilder
Hallo liebes Forum,
für euch ist meine Frage wahrscheinlich etwas "dämlich", aber ich weiß leider keine Lösung. Ich habe eine Sidebar mit 300px Breite. Dort möchte ich über ein HTML Widget mehrere verlinkte Bilder einsetzen. Meine Bilder sind bereits verlinkt und das passt alles, aber ich bekomme es nicht hin, zwischen den Bildern bswp. 10px Abstand zu setzen. Das heißt: die Sidebar ist 300px Breit. Darin befinden sich 3 kleine Bildchen á 90px Breite. D.h. zwischen zwei Bildern passen jeweils 15px Abstand. Genau diesen Abstand bekomme ich einfahc nicht rein. So sieht mein Code vom Aufbau her aus: <a href="link"><img src="bild" alt="deko" /></a> <a href="link"><img src="bild" alt="kuchen" /></a> <a href="link"><img src="bild" alt="fotografen" /></a> und so weiter fortlaufend.... Zwischen Bild 1 und 2, und 2 und 3 hätte ich gerne 15px Abstand. Wenn mir jemand dabei helfen könnte, wäre ich happy Danke!!!!!!!!!!!! Ellen |
Sponsored Links |
|
|||
Hi,
ich habe versucht die Bilder passend in ein Textwidget zu legen und in der CSS habe ich den weiteren Befehl .widget_text img { margin: 15px; } eingetragen. Ich verstehe jedoch nicht, warum das bei 300px Breite nicht klappt, die drei Bilder nebeneinander zu setzen. Schließlich kommt das genau hin. 3x90px Breite=270px + 2x15px= insgesamt 300. Aber nein, das letzte Bild hüpft immer eine Zeile tiefer, obwohl oben noch Platz ist. LG, Ellen |
|
|||
90 Pixel + 15 Pixel(links) + 15 Pixel(rechts) = 120 Pixel pro Bild
120 Pixel x 3 = 360 Pixel Jetzt weisst du es, warum.
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..." Aus einem Forum. |
|
|||
Die 15 Pixel betreffen nur den Abstand zwischen Bild 1 und 2, sowie zwischen Bild 2 und 3.
90+15+90+15+90 =300 Ich hatte den Code wie oben beschrieben schonmal in meinem Textwidget und das hat wunderbar gepasst, aber vielleicht ist das Theme auch schon so weit modifiziert, dass in der CSS irgendwas nicht mehr stimmt... Trotzdem danke für die Hilfe |
|
||||
Hallöchen,
dann verpasse dem mittleren Link doch einfach folgende Eigenschaften: Code:
margin-left: 15px ; margin-right: 15px ; Viele Grüße, lotti
__________________
Empfehlenswerte Links: jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint |
Stichwörter |
bilder |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hintergrund wird nicht angezeigt | maxx | CSS | 6 | 14.10.2012 19:27 |
Hilfe!!! mein Homepagelayout funktioniert nicht! | maxx | CSS | 5 | 14.10.2012 08:21 |
Problem mit Schattenrahmen um Bilder (Typo3) | micronix | CSS | 2 | 20.08.2012 21:01 |
bilder in div container unten anordnen | diegaby | CSS | 12 | 17.11.2008 15:08 |
Bildergalerie mit Variablen | fledermaus | Serveradministration und serverseitige Scripte | 1 | 08.04.2008 09:57 |