Grafiken nebeneinader

Antworten
weev
Beiträge: 30
Registriert: So 27. Mär 2016, 13:54
Wohnort: Berlin
Kontaktdaten:

Grafiken nebeneinader

Beitrag von weev » So 29. Jul 2018, 17:51

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:

camouflage1984
Beiträge: 298
Registriert: Di 19. Aug 2014, 14:34

Re: Grafiken nebeneinader

Beitrag von camouflage1984 » So 29. Jul 2018, 21:42

Hallo weev

In dieser Lektion viewtopic.php?f=9&t=7 wird beschrieben wie du so etwas lösen kannst.
Lachen ist gesund :-)
camouflage1984.de Webseite / wzp-galipix Das Galerie Script / wzp-webdesign

weev
Beiträge: 30
Registriert: So 27. Mär 2016, 13:54
Wohnort: Berlin
Kontaktdaten:

Re: Grafiken nebeneinader

Beitrag von weev » Mo 30. Jul 2018, 07:25

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.

camouflage1984
Beiträge: 298
Registriert: Di 19. Aug 2014, 14:34

Re: Grafiken nebeneinader

Beitrag von camouflage1984 » Mo 30. Jul 2018, 19:23

Hallo weev

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

camouflage1984
Lachen ist gesund :-)
camouflage1984.de Webseite / wzp-galipix Das Galerie Script / wzp-webdesign

weev
Beiträge: 30
Registriert: So 27. Mär 2016, 13:54
Wohnort: Berlin
Kontaktdaten:

Re: Grafiken nebeneinader

Beitrag von weev » Di 31. Jul 2018, 18:21

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

camouflage1984
Beiträge: 298
Registriert: Di 19. Aug 2014, 14:34

Re: Grafiken nebeneinader

Beitrag von camouflage1984 » Di 31. Jul 2018, 20:28

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
Lachen ist gesund :-)
camouflage1984.de Webseite / wzp-galipix Das Galerie Script / wzp-webdesign

weev
Beiträge: 30
Registriert: So 27. Mär 2016, 13:54
Wohnort: Berlin
Kontaktdaten:

Re: Grafiken nebeneinader

Beitrag von weev » Mi 1. Aug 2018, 19:11

Hallo Camouflage,
es hat funktioniert. margin-left: 10px; bedeutet dann 10px Platz links.
Danke recht schön :idea:

camouflage1984
Beiträge: 298
Registriert: Di 19. Aug 2014, 14:34

Re: Grafiken nebeneinader

Beitrag von camouflage1984 » Mi 1. Aug 2018, 20:50

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
Lachen ist gesund :-)
camouflage1984.de Webseite / wzp-galipix Das Galerie Script / wzp-webdesign

Antworten