Hallo, ich habe auf meiner Webseite http://sim-karten.net/ ein Bild in einen Blog eingefügt. Leider ist das Bild und der Text sehr eng zusammen. Was kann man den in html5 machen das ich ein wenig Platz zwischen dem Bild und dem Text bekomme? So das, dass ganze ein bisschen besser lesbar ist.
Danke
Für einen 10 Pixel Abstand rund um das Bild, brauchst du eigentlich nur margin: 10px; hinzuzufügen, in deinem Fall
img {
margin: 10px;
}
Wenn du nur rechts Abstand haben möchtest, dann
img {
margin-right: 10px;
}
Generell kannst du CSS direkt in der Browser-Konsole bearbeiten, bei Google Chrome öffnet man sie so (Anleitung)
Erstma Danke wegen Antwort. Auf dem Handy scheint es aber nicht zu funktionieren. Gibts da einen Trick?
Also margin und padding funktionieren auf allen Plattformen. Auf welchem Handy soll es denn nicht funktionieren?
Ich habe hier ein Galaxy Nexus. Da siehts noch so zeimlich "drann" aus.
Vielleicht hast du die Seite im Browser Cache? Wenn ich nun sie mit http://www.browserstack.com/responsive teste, dann sieht es ziemlich auf allen Smartphones nicht mehr zusammengequetscht aus.
Da haste recht :) Werd mal meinen Cache auf dem Handy löschen. Coole Seite im übrigen! Danke für den Tipp.
