Performer: legendentext unter eine foto platzieren und beides einrahmen

Beitrag lesen

Hi,

...kommt der Text automatisch unter das Bild zu stehen (hab ich per Zufall so hingekriegt), soweit klar.

So sehen Zufälle aus. ;-)

Wie kann ich nun beides, Foto und Text, einrahmen,

Hast du doch schon. Du musst allerdings dem Inhalt auch Höhe geben.

#layer15 { height: 300px; } 300!

Dann noch ein „img {display: block;}“ und du bist so ziemlich am Ziel. Das brrrr vielleicht noch löschen, das stört die Ästhetik.

Naja, bei genauer Betrachtung – … eleganter wäre ja so eine Konstuktion:

  
<!doctype html>  
  
<html lang="de">  
  
	<head>  
		<meta charset="UTF-8" />  
		<title>Titel</title>  
		<style type="text/css">  
p.bild-links {  
	border: dashed 1px #fb0b0b;  
	width: 300px;  
	}  
p.bild-links img {  
	display: block;  
	}  
	</style>  
	</head>  
  
	<body>  
		<p class="bild-links"><img alt="Käseherstellung Ballenberg" src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200" />Traditionelle Käseherstellung, Freilichtmuseum Ballenberg</p>  
	</body>  
  
</html>  

Warum schreibst du so einen K&auml;se? ;-)

Ciao, Performer

0 55

legendentext unter eine foto platzieren und beides einrahmen

bari
  • html
  1. 0
    1UnitedPower
  2. 1
    Performer
    1. 3
      Matthias Apsel
    2. 0
      Tom
      1. 0

        mehrere Fotos mit Text in einer Reihe anzeigen...

        Tom
        1. 0
          Performer
    3. 0
      Gunnar Bittersmann
    4. 0
      bari
      1. 0
        bari
      2. 0
        Der Martin
        1. 0
          Kai345
          1. 0
            Performer
            1. 0
              bari
              1. 0
                Der Martin
                1. 0
                  bari
                2. 0

                  Registrierung/Login

                  Performer
                  • zu diesem forum
                  1. 0
                    dedlfix
                    1. 0
                      dedlfix
                    2. 0
                      Gunnar Bittersmann
                      1. 0
                        Performer
                        1. 0
                          dedlfix
                          1. 0
                            Performer
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                bari
                                1. 0
                                  Matthias Apsel
          2. 0
            Gunnar Bittersmann
        2. 0
          bari
          1. 0
            Der Martin
          2. 0
            Matthias Apsel
            1. 0

              figure, figcaption versus layer+div für Bildobjekte

              bari
              1. 0
                Matthias Apsel
                1. 0
                  Gunnar Bittersmann
                2. 0
                  bari
                  1. 0
                    Matthias Apsel
                    1. 0
                      bari
                      1. 0
                        Matthias Apsel
                        1. 0
                          bari
                          1. 0
                            Matthias Apsel
                            1. 0
                              bari
                              1. 0
                                Gunnar Bittersmann
                                1. 0
                                  bari
                                  1. 0
                                    Matthias Apsel
                                  2. 0
                                    Matthias Apsel
                                    1. 0
                                      bari
                                  3. 0
                                    Gunnar Bittersmann
                                    1. 0
                                      Matthias Apsel
                                    2. 0
                                      bari
              2. 0
                Gunnar Bittersmann
                1. 0
                  bari
          3. 0
            Gunnar Bittersmann
            1. 0
              bari
              1. 0
                Gunnar Bittersmann
                1. 0
                  bari
                  1. 0
                    Gunnar Bittersmann