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

Beitrag lesen

Eine Seite sollte ein flexibles Layout haben, da du ja nicht wissen kannst, mit welcher Größe und Schriftgröße sich das Dokument angeschaut wird. (Für "neumodisches Zeug" wie Smartphones kannst du auch ein eigenes Design angeben - sogenanntes Responsive Webdesign). Wenn du dir beispielsweise diesen Ferienkalender anschaust, siehst du, dass je nach Breite des Browserfensters 3 oder 4 Monate nebeneinander passen.

im Gegensatz zu der Site fahrenheit.net entsteht aber bei mir (mit Google-Chrom) ein Querbalken, die Monate werden "abgeschnitten" wenn ich das Fenster verkleinere (mit dem mittleren Feldchen oben rechts). Bei fahrenheit.de ist tatsächlich "phänomenal" wie sich das Fenster anpasst.

Durch absolute (oder fixierte) Positionierung ist dies nicht möglich. Wenn die Seite nicht groß genug ist, sind die Inhalte nicht erreichbar. (Beispiel1; Beispiel2, kleines Browserfenster, Link für Buchstabe A)

ja, klar geworden (nehme an, das "Zeug" über dem A oben links ist mit "fixiert" programmiert.)

Kannst du mir ein Bsp geben

Dafür kannst du sogenannte User-Styles verwenden, für den Firefox etwa das AddOn Stylish oder auch eigene JavaScripte etwa mit Greasemonkey. Damit kannst du jede Seite nach deinen Wünschen anpassen, zusätzlich zu den grundlegenden Sachen, wie Bilder an/aus, Mindestschriftgröße (Sehbehinderte) ...

für letzteres habe ich jeweils Ctrl gedrückt und mit der Maus gescrollt (bei Zeitungen z.B., wobei diese haben sich auch angepasst und grössere Schriften gewählt, NZZ z.B.), aber auch klar, je nutzerfreundlicher desto besser, keine Frage.

Du solltest das CSS in eine eigene Datei stecken. Dazu steckst du ins head-Element folgendes:
<link rel="stylesheet" href="Dateiname.css" type="text/css">

ja, wenigstens etwas habe ich schon erfüllt (und begriffen;-) Das war ja mein  Einstieg in das Forum (glaub' ich, wo ich noch Windows-Editor mit Word- verwechselte...) und mittlerweile erkennen meine html-Dokumente externe Stylesheets. Im vorangehenden Bsp habe ich der Einfachheit halber alles in ein html-Dok geschrieben, eure css-Angaben reinkopiert und geschaut, was bei mir passiert und wie ich es verändern/anpassen kann (Rahmen).

gleich so, je eher du konkrete Hilfe bekommen kannst um so weniger hast du ggf. umsonst Energie verpulvert, etwa wenn du für jede Seite denselben Fehler machst.

Ja, gut. Vielleicht klappst heute noch.

Für unterschiedliche Sprachen gibt es auch automatische Sprachvereinbarungen, da ist Gunnar Experte.

Hab' ich auch gemerkt.

Lediglich die Google-Werbung tanzt aus der Reihe)

interessanterweise...

à+, dann wieder mit mehr Fleisch am Knochen,
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