Matthias Apsel: Positionierung von Bildern

Beitrag lesen

Om nah hoo pez nyeetz, viking!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Verwende HTML5
<!doctype html>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<meta charset="UTF-8">
Das Dokument dann auch als UTF-8 speichern

<style type="text/css">

<style> reicht dann

<!--img {

Die Kommentare sind nicht notwendig.

Wie position funktioniert weißt du?

<div id="box_1"><a href="#"><img src="01klein.jpg" width="100" height="75" alt="bild"/></a>
<div><p><img src="01gross.jpg" width="1160" height="700" alt=""/></p></div></div>

Wozu die Linkelemente? Es gibt dort nichts zu verlinken. Oder soll es eine Navigation werden?

Wäre so etwas gut?

+---+  +-----------------+
|   |  |                 |
+---+  |                 |
       |                 |
+---+  |                 |
|   |  |                 |
+---+  +-----------------+

+---+  +---+  +---+  +---+
|   |  |   |  |   |  |   |
+---+  +---+  +---+  +---+

Dazu wäre folgende Struktur geeignet

<nav>
  <a><img>...</a>
  <a><img>...</a>
  ...
  <figure>...</figure>
</nav>

im CSS beispielsweise
nav > a:first-child:hover ~ figure {background ...}

Das natürlich für jedes Link-Element

Im Wiki findest du weitere Hilfe (strukturelle Pseudoklassen,  Hintergründe, ...)

Matthias

--
Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Boot und Bootes.