Seite 1 von 1

Grafiken nebeneinader

Verfasst: So 29. Jul 2018, 17:51
von weev
Hallo, habe mehrere grafiken nebeneinader zentriert eingefügt. Auf pc u. Laptop ok. Rufe ich die seite mit smartphone auf springt eine grafik nach unten raus. Die grafiksequenz ist schmaler als der darunter stehender Text. Wenn ich die grafiken noch kleiner nache sind se mir zu klein. Gibt es einen Tip?
Weev :idea:

Re: Grafiken nebeneinader

Verfasst: So 29. Jul 2018, 21:42
von camouflage1984
Hallo weev

In dieser Lektion viewtopic.php?f=9&t=7 wird beschrieben wie du so etwas lösen kannst.

Re: Grafiken nebeneinader

Verfasst: Mo 30. Jul 2018, 07:25
von weev
Ja das ist interessant, aber bei mir sind nur 3 kleine Bildchen oben auf meiner Webseite die ich auch aufm Smartphone neben einander haben möchte. Vielleicht sollte ich sie mit einem Bildbearbeitungsprg. zusammen machen.

Re: Grafiken nebeneinader

Verfasst: Mo 30. Jul 2018, 19:23
von camouflage1984
Hallo weev

Zeige uns doch bitte deinen Quellcode, oder deine Seite! Dann können wir dir besser helfen ;)

camouflage1984

Re: Grafiken nebeneinader

Verfasst: Di 31. Jul 2018, 18:21
von weev
Hallo, es istdie Webseite imangedenken.ch
Das Skript:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>"Grabstein der Zukunft</title>
<meta name="description"
content="Grabstein der Zunkunft zum Gedenken an Personen.">
<meta name="keywords"
content="Trauer, memoriam, imangedenken, gedenken, verstorben, Grabstein">
<meta name="robots" content="index,follow">
</head>
<body
style="color: rgb(0, 0, 0); background-color: rgb(153, 255, 153);"
alink="#000099" link="#000099" vlink="#990099">
<div style="text-align: center;">&nbsp;<img
style="width: 92px; height: 62px;" alt="logo"
src="bilder/logo1.jpg"> &nbsp;&nbsp;&nbsp;
&nbsp;<img style="width: 592px; height: 59px;" alt="2"
src="bilder/schweizeralpen.gif"> &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;<img
style="width: 72px; height: 72px;" alt="schwiiz"
src="bilder/schweiz4.gif"><br>
</div>
<br>

LG weev

Re: Grafiken nebeneinader

Verfasst: Di 31. Jul 2018, 20:28
von camouflage1984
Hallo weev

Ändere bitte die Höhe der zwei äußeren Bilder auf 59px und gib dem mittleren Bild max-width:30%; , gib bitte auch dem zweiten und dritten Bild einen Außenabstand von 10px und nimm die Leerzeichen da raus!

Code: Alles auswählen

<img style="width: 92px; height: 59px;" alt="logo" src="bilder/logo1.jpg">
<img style="max-width: 30%; height: 59px; margin-left: 10px;" alt="2" src="bilder/schweizeralpen.gif">
<img style="width: 72px; height: 59px; margin-left: 10px;" alt="schwiiz" src="bilder/schweiz4.gif"><br>
Camouflage1984

Re: Grafiken nebeneinader

Verfasst: Mi 1. Aug 2018, 19:11
von weev
Hallo Camouflage,
es hat funktioniert. margin-left: 10px; bedeutet dann 10px Platz links.
Danke recht schön :idea:

Re: Grafiken nebeneinader

Verfasst: Mi 1. Aug 2018, 20:50
von camouflage1984
Hallo weev

Schön das es geklappt hat!
weev hat geschrieben:
Mi 1. Aug 2018, 19:11
margin-left: 10px; bedeutet dann 10px Platz links.
Ja genau.

camouflage1984