Sturmverliebt: Frage zu einer Team-Seite

Beitrag lesen

Hallo MrMurphy,

genau, das HTML ist korrekt. Ob du eventuell noch einen Container brauchst oder das section-Element sogar auch wegfallen kann hängt jetzt noch davon ab, wie die einzelnen Elemente im Browser angezeigt werden sollen.

OK, dann mache ich so weiter

  
    <article>  
 		  
        <h2>Titel</h2>  
  
    	<figure>  
	        <img src="team/1.jpg" alt="Mitarbeiter 1" />  
		</figure>  
    	  
        <section>  
        	<h3>Position der Mitarbeiterin</h3>  
            <p>  
            Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.  
            </p>  
        </section>  
  
 	</article>  

Ich habe mein Bild noch in ein <figure> gelegt so kann ich es nach links floten und den Text nach rechts, wie in meinem CSS Code zu sehen ist

  
article h2 {  
	font-size: 1.35em;  
	font-weight: normal;  
	margin-bottom:1em;  
}  
  
article figure {  
	float:left;  
	width:630px;  
}  
  
section {  
	float:left;  
	width:200px;  
}  
  
section h3 {  
	font-size: 1.35em;  
	font-weight: normal;  
	font-weight: bold;  
	border-top: 2px solid #e0e0e0;  
	padding: 1.56em 0 1.56em 0;  
}  
  
section p {  
	color: #909090;  
	line-height: 1.5em;  
	font-size:0.85em;  
}  

Mein Beispiel nimmt gestallt an :)

0 78

Wie wird so etwas umgesetzt?

Sturmverliebt
  • html
  1. 0
    Matthias Scharwies
    1. 0
      Sturmverliebt
      1. 0
        MrMurphy
        1. 0
          ChrisB
          1. 0
            MrMurphy
        2. 0
          Sturmverliebt
          1. 0
            MrMurphy
            1. 0
              Sturmverliebt
        3. 0
          Matthias Scharwies
          1. 0
            MrMurphy
            1. 0
              Sturmverliebt
              1. 0
                MrMurphy
                1. 0
                  Sturmverliebt
                  1. 0
                    M.
                    1. 0
                      Sturmverliebt
                      1. 0
                        M.
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            M.
                            1. 0
                              Gunnar Bittersmann
                              1. 0
                                M.
                                1. 0
                                  Sturmverliebt
                                  1. 0
                                    M.
                                    1. 0
                                      Sturmverliebt
                                      1. 0
                                        M.
                                        1. 0
                                          Sturmverliebt
                                          1. 0
                                            M.
                                            1. 0
                                              Gunnar Bittersmann
                                              1. 0

                                                Eine Frage zu :nth-child(3n)

                                                Sturmverliebt
                                                1. 0
                                                  Gunnar Bittersmann
                                                  1. 0
                                                    Sturmverliebt
                                                    1. 0
                                                      Gunnar Bittersmann
                                                      1. 0
                                                        Sturmverliebt
                                                        1. 0
                                                          Gunnar Bittersmann
                                                          1. 0
                                                            Sturmverliebt
                                              2. 0
                                                M.
                                                1. 0
                                                  Gunnar Bittersmann
                                                  1. 0
                                                    M.
                                                    1. 0
                                                      Gunnar Bittersmann
                                                      1. 0
                                                        M.
                                                        1. 1
                                                          Gunnar Bittersmann
                                                          1. 0
                                                            M.
                                                            1. 0
                                                              Gunnar Bittersmann
                                        2. 0
                                          Gunnar Bittersmann
                                          1. 0
                                            M.
                                            1. 0
                                              Gunnar Bittersmann
                                              1. 0
                                                M.
                                                1. 0
                                                  Gunnar Bittersmann
                                    2. 0
                                      Gunnar Bittersmann
                                      1. 0
                                        M.
                                        1. 0
                                          Gunnar Bittersmann
                                          1. 0
                                            M.
                                  2. 0
                                    Gunnar Bittersmann
                      2. 0
                        Gunnar Bittersmann
                        1. 0
                          Sturmverliebt
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Sturmverliebt
                              1. 0
                                Gunnar Bittersmann
                  2. 0
                    Gunnar Bittersmann
  2. 0

    Frage zu figure

    Sturmverliebt
    • css
    1. 0
      Gunnar Bittersmann
      1. 0
        Sturmverliebt
  3. 0

    float aufheben

    Sturmverliebt
    1. 0
      Gunnar Bittersmann
      1. 0
        Gunnar Bittersmann
  4. 0

    Frage zu einer Team-Seite

    Sturmverliebt
    1. 0
      MrMurphy
      1. 0
        Sturmverliebt
        1. 0
          MrMurphy
          1. 0
            Sturmverliebt
            1. 0
              MrMurphy
              1. 0
                Sturmverliebt
                1. 0
                  MrMurphy
    2. 0

      bplaced.net - Benutzung

      MrMurphy
  5. 0

    Umschalten auf Knopfdruck

    Sturmverliebt
    1. 0
      MrMurphy
      1. 0
        Sturmverliebt
        1. 0
          MrMurphy