Auge: Design Frage - Anordnung der Bilder

Beitrag lesen

Hallo

Mein HTML Aufbau

<div class="content">
        <h2>Der Friseur</h2>
        <p class="teaser">Wir sind Friseure aus Leidenschaft. Für Ihre Schönheit.</p>
        <div class="personalImage" style="background-image: url(img/salon/01.jpg)">
          <p class="personalName">Test Name 1</p>
        </div>
        <!-- weitere Blöcke -->
      </div>

  
Sollen weitere Absätze in die <div>s eingesetzt werden oder bleibt es beim Mitarbeiternamen? Wenn ja, kannst du die <p>s mit `.personalImage p`{:.language-css} ansprechen und brauchst, wo nicht anderweitig notwendig, nicht noch die Klasse `.personalName`{:.language-css} nutzen. Selbst wenn dem Namen ein weiterer Absatz zur Vorstellung folgen würde, kämst du an die Namen selbst mit `.personalImage:first-child`{:.language-css} heran. Das macht den HTML-Quelltext etwas übersichtlichern.  
  
Tschö, Auge  

-- 
Verschiedene Glocken läuteten in der Stadt, und jede von ihnen vertrat eine ganz persönliche Meinung darüber, wann es Mitternacht war.  
Terry Pratchett, "Wachen! Wachen!"  
  
ie:{ fl:| br:> va:) ls:[ fo:) rl:( ss:| de:> js:| zu:} 
0 152

Bild über die ganze Breite

Carmen
  • meinung
  1. 0
    Mattes
    1. 0
      Carmen
      1. 0
        Mattes
      2. 0
        Gunnar Bittersmann
        1. 0

          Grafik-Software: Wo und was lernen?

          Robert R.
          • multimedia (audio & video)
  2. 0
    Robert R.
    1. 0
      Carmen
  3. 0
    1UnitedPower
    1. 0
      Auge
      1. 0
        Gunnar Bittersmann
        1. 0
          Gunnar Bittersmann
          1. 0
            Auge
            1. 0
              Gunnar Bittersmann
              1. 0
                Auge
    2. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Matthias Apsel
  4. 0

    Online Beispiel + Navigations Frage

    Carmen
    1. 0
      Camping_RIDER
      1. 0
        Matthias Apsel
        1. 0
          Camping_RIDER
      2. 0
        Carmen
  5. 0

    <h1> gestallten

    Carmen
    • css
    1. 0
      Mattes
      1. 0
        Carmen
        1. 0
          Gunnar Bittersmann
          • multimedia (audio & video)
        2. 0
          Mattes
          1. 0
            Gunnar Bittersmann
            1. 0
              Mattes
              1. 0
                Gunnar Bittersmann
                1. 0
                  Mattes
      2. 0
        Gunnar Bittersmann
    2. 0
      Der Martin
      1. 0
        Matthias Apsel
        1. 1
          Matthias Apsel
          1. 0
            Carmen
            1. 0
              Matthias Apsel
              1. 0
                Carmen
                1. 0
                  Matthias Apsel
                  1. 0
                    Carmen
    3. 0
      ChrisB
  6. 0

    Warnung beim validator

    Carmen
    • html
    1. 0
      Der Martin
  7. 0

    PX und EM

    Carmen
    1. 0
      Camping_RIDER
      1. 0
        Carmen
        1. 0
          Camping_RIDER
        2. 0
          Gunnar Bittersmann
          1. 0
            Carmen
            1. 0
              Gunnar Bittersmann
              1. 0

                Sass und Co.

                Camping_RIDER
                1. 0
                  Gunnar Bittersmann
    2. 0
      Der Martin
      1. 0
        Carmen
  8. 0

    Bild & Text bei hover ändern

    Carmen
    • css
    1. 0
      Carmen
      1. 0
        Carmen
        1. 0
          Carmen
          1. 0
            Carmen
            1. 0
              Gunnar Bittersmann
      2. 0
        Tabellenkalk
        1. 0
          Carmen
          1. 0
            Matthias Apsel
            1. 0
              Carmen
              1. 0
                Matthias Apsel
                1. 0
                  Carmen
                  1. 0

                    Update - figure & figcaption

                    Carmen
                    1. 0
                      Matthias Apsel
                      1. 0
                        Carmen
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Camping_RIDER
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                Carmen
                              2. 0
                                Camping_RIDER
                          2. 0
                            Carmen
                            1. 0

                              Der Name der Friseuse (Friseurin?)

                              Camping_RIDER
                              • meinung
                  2. 0
                    Matthias Apsel
                    1. 0
                      Carmen
                  3. 0
                    Gunnar Bittersmann
                    1. 0
                      Carmen
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Carmen
                          1. 0
                            Camping_RIDER
                            1. 0
                              Carmen
                              1. 0
                                Matthias Apsel
                                1. 0
                                  Carmen
                                  1. 0
                                    Der Martin
    2. 0
      Matthias Apsel
  9. 0

    Darstellung Adresse, Öffnungszeiten und Kontaktmöglichkeiten

    Carmen
    1. 0
      Auge
      1. 0
        Carmen
        1. 0
          Carmen
          1. 0
            Matthias Apsel
            1. 0
              Gunnar Bittersmann
            2. 0
              Carmen
  10. 0

    Design Frage - Anordnung der Bilder

    Carmen
    • design/layout
    1. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Matthias Apsel
        2. 0
          Gunnar Bittersmann
          1. 0
            Carmen
            1. 0
              Auge
              1. 0
                Carmen
          2. 0
            Carmen
            1. 0
              Gunnar Bittersmann
              1. 0
                Matthias Apsel
  11. 0

    Kontaktformular

    Carmen
    • css
    1. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Carmen
          1. 0
            Carmen
            1. 0
              Matthias Apsel
              1. 0
                Carmen
                1. 0
                  Auge
            2. 0
              Gunnar Bittersmann
          2. 0
            Gunnar Bittersmann
            • design/layout
            1. 0
              Gunnar Bittersmann
            2. 0
              Carmen
              1. 0
                Gunnar Bittersmann
  12. 0

    Bilderslider - CSS oder JavaScript?

    Carmen
    1. 0
      Auge
      1. 0
        Carmen
        1. 0
          Gunnar Bittersmann
          1. 0
            Carmen
            1. 0
              Gunnar Bittersmann
              1. 0
                Carmen
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Carmen
                    1. 0
                      Gunnar Bittersmann
                      1. 0
                        Carmen
                      2. 0

                        Es funktioniert einfach nicht!

                        Carmen
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Carmen
                            1. 0
                              Matthias Apsel
                              1. 0
                                Carmen
                                1. 0
                                  Matthias Apsel
                                  1. 0
                                    Auge
                                    1. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        Auge
                                    2. 0
                                      Matthias Apsel
                                      1. 0
                                        Auge
        2. 0

          jQuery != JavaScript

          Camping_RIDER
  13. 0

    JavaScript - Slider hat zu viel Abstand nach rechts!

    Carmen
    • css
    1. 0

      JavaScript - Slider Version 2 (aktuelle Version)

      Carmen
  14. 0

    Warum funktioniert :nth-child(3n) nicht?

    Carmen
    • css
    1. 0
      Gunnar Bittersmann
      1. 0
        Carmen
        1. 0
          Gunnar Bittersmann
          1. 1
            Gunnar Bittersmann
            1. 0
              Carmen
              1. 0
                Gunnar Bittersmann