bari: figure, figcaption versus layer+div für Bildobjekte

Beitrag lesen

Schönen Tag Matthias,
Komme nochmals auf deinen Vorschlag zurück.
Zuerst:

Om nah hoo pez nyeetz, bari!

was heisst das?

ist es besser im css und auch im html 1px oder einfach 1 etc zu schreiben?
gibt es einen Unterschied zwischen Millimeter und Kilogramm?
Der CSS-Teil des Wikis sollte dir bei deinen Fragestellungen behilflich sein. u.a. Eigenschaften

inzwischen klar.
--
Nun zu deinem Vorschlag mit figure, figcaption, hier ist der code dazu:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  
<html>  
  <head>  
    <meta content="text/html; charset=ISO-8859-1"  
      http-equiv="Content-Type">  
    <title>Test mit caption</title>  
    <style type="text/css">  
#layer1 { position: absolute; top: 30px; left:   0px; width: 282px; height: 200px; }  
#layer2 { position: absolute; top: 30px; left: 300px; width: 200px; height: 335px; }  
.rahmen {border: 1px solid #f00;}  
body {font-family: helvetica,arial,sans-serif;}  
  </style>  
  </head>  
  <body>  
    Meine Homepage  
    <div id="layer1">  
      <figure> <figcaption style="border: 1px solid #f00;"> <img  
            title="Traditionelle K&auml;seherstellung, Freilichtmuseum  
            Ballenberg" style="padding-left: 0px;"  
            alt="K&auml;seherstellung Ballenberg"  
            src="Kaesen-Ballenberg_200x300.jpg" height="300" width="200"><small>  
            Traditionelle K&auml;seherstellung Freilichtmuseum  
            Ballenberg</small></figcaption></figure>  
    </div>  
    <div id="layer2" class="rahmen" title="Traditionelle  
      K&auml;seherstellung Freilichtmuseum Ballenberg"><img  
        alt="K&auml;seherstellung Ballenberg"  
        src="Kaesen-Ballenberg_200x300.jpg" border="0" height="300"  
        width="200"><br>  
      <small>Traditionelle K&auml;seherstellung Freilichtmuseum  
        Ballenberg<br>  
      </small></div>  
  </body>  
</html>
~~~``{:.language-xml}  
  
Vom Codieren her (Zeichenmenge) gibt es letztlich kaum einen Unterschied.  
-Aber beim Rahmen schon: ich habe mit figure, figcaption keinen farbigen Aussenrahmen um das ganze Objekt hingekriegt (ein Mindestaussenrand scheint generell programmiert zu sein); drinnen sohon, aber diese Breite musste ich mit Pröbeln herausfinden, meine Breite der foto, 200px, war nicht passend,viel zu schmal, schliesslich passten 282px.  
-Das Platzieren des Textes hingegen ist variabler, oben oder unten, je nachdem wo man den Text in das Objektfeld schreibt. Er schaut dann halt, ob text-align: middle, left oder right u.Umst. über den eigentlichen Fotorand hinaus, was etwas unschön ist.  
-> wenn es keine anderweitigen triftigen Gründe für deinen Vorschlag gibt, ziehe ich bis auf Weiteres meine Variante vor (den Zwischenraum zwischen zwei fotos muss ich halt berechnen, wohingegen mit figure, figcaption man  ein div nahtlos ans andere setzen könnte; der gegebene Aussenrand wäre dann der Zwischenraum. Sehe ich das richtig so?  
  
Letze Frage: ich müsste meine noch nicht fertige Homepage auf einem Server ins Netz stellen, damit man sie per url ansehen könnte, oder?  
  
Besten Dank für deine Ratschläge. Tschüss,  
bari.  

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