Weev
Grafiken nebeneinader
Grafiken nebeneinader
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
Weev
-
camouflage1984
- Beiträge: 288
- Registriert: Di 19. Aug 2014, 14:34
Re: Grafiken nebeneinader
Lachen ist gesund 
Re: Grafiken nebeneinader
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: 288
- Registriert: Di 19. Aug 2014, 14:34
Re: Grafiken nebeneinader
Hallo weev
Zeige uns doch bitte deinen Quellcode, oder deine Seite! Dann können wir dir besser helfen
camouflage1984
Zeige uns doch bitte deinen Quellcode, oder deine Seite! Dann können wir dir besser helfen
camouflage1984
Lachen ist gesund
Re: Grafiken nebeneinader
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;"> <img
style="width: 92px; height: 62px;" alt="logo"
src="bilder/logo1.jpg">
<img style="width: 592px; height: 59px;" alt="2"
src="bilder/schweizeralpen.gif">
<img
style="width: 72px; height: 72px;" alt="schwiiz"
src="bilder/schweiz4.gif"><br>
</div>
<br>
LG weev
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;"> <img
style="width: 92px; height: 62px;" alt="logo"
src="bilder/logo1.jpg">
<img style="width: 592px; height: 59px;" alt="2"
src="bilder/schweizeralpen.gif">
<img
style="width: 72px; height: 72px;" alt="schwiiz"
src="bilder/schweiz4.gif"><br>
</div>
<br>
LG weev
-
camouflage1984
- Beiträge: 288
- Registriert: Di 19. Aug 2014, 14:34
Re: Grafiken nebeneinader
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!
Camouflage1984
Ä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>Lachen ist gesund
Re: Grafiken nebeneinader
Hallo Camouflage,
es hat funktioniert. margin-left: 10px; bedeutet dann 10px Platz links.
Danke recht schön
es hat funktioniert. margin-left: 10px; bedeutet dann 10px Platz links.
Danke recht schön
-
camouflage1984
- Beiträge: 288
- Registriert: Di 19. Aug 2014, 14:34
Re: Grafiken nebeneinader
Hallo weev
Schön das es geklappt hat!
camouflage1984
Schön das es geklappt hat!
Ja genau.
camouflage1984
Lachen ist gesund