Fuß-Zeile hinter Bilder, wie fixen?

Schmitti · 12.12.2022

Moin ich arbeite zurzeit an einem Schulprojekt und bin auf das Problem gekommen, dass meine Fußzeile in meinen Bildern ist.
Wie genau kriege ich das gefixt?

Mein Programmcode:

<!doctype html>
<html lang="de">
<head>
<title>Unsere Hobbys</title>
<link rel="stylesheet" type="text/css" href="index.css" />
<link rel="icon" type="image/jpg" href="Bilder/kreis.jpg">
</head>
<body>
<header>
<h1 align="center"> UNSERE HOBBYS </h1>
</header>
<p align="center">
Auf dieser Webseite sehen sie die Hobbys von Benedikt und Henri. <br/>
Durch Klicken auf die Hobbys sehen sie noch ein wenig Text zu den einzelnen Punkten
</p>
<p>
<img src="Bilder/tischtennis.jpg" width="500" align="left" vspace=20 hspace=100>
<img src="Bilder/segeln.jpg" width="500" align="right" vspace=20 hspace=100>
<img src="Bilder/fahrrad.jpg" width="500" align="left" vspace=20 hspace=100>
<img src="Bilder/ski.jpg" width="500" align="right" vspace=20 hspace=100>
<img src="Bilder/zocken.jpg" width="500" align="left" vspace=20 hspace=100>
<img src="Bilder/technik.jpg" width="500" align="right" vspace=20 hspace=100>
</p>
<footer>
<h6 align="center"> Eine Webseite von Benedikt und Henri</h6>
</footer>
</body>

scatello · 12.12.2022

Ein Link zur Seite wäre deutlich besser als der unformatiert gepostete HTML-Code. Außerdem fehlt der CSS-Code.

Und vspace, hspace und align solltest du per CSS regeln.

basti1012 · 12.12.2022

Versuche es mal mit Flexbox.
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Deine CSS benutzt wahrscheinlich sehr viele positions angaben und feste width und height Angaben.
Wenn du es damit versuchst, sollte es sich von alleine erledigen.
Ich glaube das du position:absolute nutzt und dadurch die Probleme kommen.

Wie gesagt, poste mal deine CSS oder link

Fuß-Zeile hinter Bilder, wie fixen?

Schmitti

New member

Anhänge

scatello

Well-known member

basti1012

Well-known member

Fuß-Zeile hinter Bilder, wie fixen?