Ha, super es funktioniert. ich danke Dir / Euch ganz herzlich für diese Lösung. Und natürlich auch für die aufgebrachte Geduld.
Ich werde mich jedoch nicht scheuen, wenns wieder mal nicht klappt, hier im Forum zu melden.
Danke nochmal
Beiträge von Busdriver
-
-
Also so:
HTML
Alles anzeigen<!DOCTYPE html> <html> <head> <meta charset="iso-8859-1" /> <title>Aussichtspunkte Stuttgart</title> <link rel="stylesheet" type="text/css" href="neu.css" /> </head> <body> <section class="bilderreihe"> <figure> <img src="stgtk.jpg" width=300"alt="Beispielbild"> </figure> <figure> <img src="stgtk.jpg"width=300" alt="Beispielbild"> </figure> <figure> <img src="stgtk.jpg"width=300" alt="Beispielbild"> </figure> </section> </body> </html>zentriert aber trotzdem übereinander?
-
Ganz herzlichen Dank für eure Hilfe. Habe beides ausprobiert. Das von d_spaete funktioniert einwandfrei. Das von Dir MrMurphy zentriert mir die Bilder untereinander links. Irgendwas habe ich falsch gemacht. Was?
Hier nochmal beide Codes:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Aussichtspunkte Stuttgart</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="neu.css" />
</head>
<body>
<section class="bilderreihe">
<figure>
<img src="stgtk.jpg" width=300"alt="Beispielbild">
</figure>
<figure>
<img src="stgtk.jpg"width=300" alt="Beispielbild">
</figure>
<figure>
<img src="stgtk.jpg"width=300" alt="Beispielbild">
</figure>
</section>
</body>
</html>body {
background-color: #9900ff;
}}
.bilderreihe {
background-color: white;
padding: 0.8rem;
margin: 2.5rem 3rem;
display: flex;
justify-content: space-between;
}
.bilderreihe figure {
max-width: 33.33%;
}Nochmals Dank für eure Hilfe!
-
Ich möchte ein Bild zwischen zwei anderen Bildern zentrieren. Hier die Codes:
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Aussichtspunkte Stuttgart</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="neu.css" /> </head> <body> <div id="bild"> <img src="stgtk.jpg" alt="Stutthart Titelbild" width="300"/> <img src="stgtk.jpg" alt="Stutthart Titelbild" width="300" style="text-align: center;"/> <img src="stgtk.jpg" alt="Stutthart Titelbild" width="300" style="float: right;"/> </div> <!-- bild --> </body> </html>CSS Code
Code
Alles anzeigenbody { margin: 0; padding: 0; background-color: #9900ff; color: black; background-image: url(bgas.gif); border: 0px; background-repeat: repeat; font: small Arial, Helvetica, Verdana, sans-serif; } #bild { background-color: white; color: white; margin: 40px 50px 40px 50px; padding: 10px; }Mit "text-align: center;" funktionierts nich.
Bin noch Anfänger. Hat jemand eine Lösung?
-
Ich habe eine Website über Stuttgart mit sehr, sehr vielen Bildern, welche einzeln über Html- Dateien aufgerufen werden. Diese Seite wird rein privat und ohne Gebühren betrieben. Nun möchten verschiedene Leute Ihr Logo mit Link auf all meinen Seiten eingeblendet haben. Bisher habe ich einfach die entsprechenden Grafiken mit Style-Angaben positioniert oder in eine Tabelle eingesetzt. Da aber die Grafiken häufig ergänzt werden müssen, ist es eine Heidenarbeit dies auf mehreren hundert Seiten durchzuführen. Gibt es eine Möglichkeit die Grafiken nur auf einer Seite zu ergänzen, welche dann, wie Style-Angaben nur noch von den einzelnen Seiten im Code aufgerufen werden. So wie ich mit CSS bspw. die Hintergrundfarbe nur in der CSS Datei ändere und die Änderung dann auf allen Seiten wirksam wird. Puuh, hpffentlich weiß jemand ne Antwort [Blockierte Grafik: http://www.html-seminar.de/html-css-php-forum/wcf/images/smilies/confused.png] [Blockierte Grafik: http://www.html-seminar.de/html-css-php-forum/wcf/images/smilies/unsure.png] [Blockierte Grafik: http://www.html-seminar.de/html-css-php-forum/wcf/images/smilies/crying.png] [Blockierte Grafik: http://www.html-seminar.de/html-css-php-forum/wcf/images/smilies/question.png] [Blockierte Grafik: http://www.html-seminar.de/html-css-php-forum/wcf/images/smilies/question.png] [Blockierte Grafik: http://www.html-seminar.de/html-css-php-forum/wcf/images/smilies/question.png] [Blockierte Grafik: http://www.html-seminar.de/html-css-php-forum/wcf/images/smilies/whistling.png]
Danke schon mal!