Frage stellen
1

CSS Frage HTML5

gefragt 2014-10-01 16:42:24 -0600

illoknome Gravatar-Bild

updated 2015-10-21 14:00:38 -0600

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

bearbeiten Tag verändern Als beleidigend melden schließen merge löschen

2 answers

1

geantwortet 2014-10-02 01:50:35 -0600

Bohm Gravatar-Bild

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)

bearbeiten Als beleidigend melden löschen Link mehr
0

geantwortet 2014-10-04 06:15:15 -0600

illoknome Gravatar-Bild

Erstma Danke wegen Antwort. Auf dem Handy scheint es aber nicht zu funktionieren. Gibts da einen Trick?

bearbeiten Als beleidigend melden löschen Link mehr

Kommentare

Also margin und padding funktionieren auf allen Plattformen. Auf welchem Handy soll es denn nicht funktionieren?

Bohm Gravatar-BildBohm ( 2014-10-04 06:18:02 -0600 )bearbeiten

Ich habe hier ein Galaxy Nexus. Da siehts noch so zeimlich "drann" aus.

illoknome Gravatar-Bildilloknome ( 2014-10-04 07:12:00 -0600 )bearbeiten

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.

Bohm Gravatar-BildBohm ( 2014-10-04 07:31:08 -0600 )bearbeiten

Da haste recht :) Werd mal meinen Cache auf dem Handy löschen. Coole Seite im übrigen! Danke für den Tipp.

illoknome Gravatar-Bildilloknome ( 2014-10-04 08:02:07 -0600 )bearbeiten

Your Answer

Beginne mit einem anonymen Beitrag - dein Beitrag wird dann veröffentlicht, sobald du dich einloggst oder einen Account eröffnest.

Add Answer

[Vorschau ausblenden]

Antwortwerkzeuge

1 Follower