abstand zwischen <ul>

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

      abstand zwischen <ul>

      huhu... habe wieder einmal ne frage. muss als projekt im fach mediengestaltung eine hompage entwerfen... habe so etwas nie gemacht und wollte kurz fragen wie ich es schaffe zwischen den <ul> tags ein abstand zu bekommen.... auf dem bild sehr ihr es. jetzt soll zB über "Bilder von vergangenen Events son padding von 10 px


      sry hatte schon abgeschickt...
      hier noch meine css daten:

      Quellcode

      1. ul.nav {
      2. background-color: #C0C0C0;
      3. //wenn ich hier das padding hinzufüge passiert nix
      4. }
      5. ul.nav li {
      6. line-height: 20px; /*für 20 Pixel Zeilenhöhe*/
      7. margin: 5px 5px 5px 5px; /*für einen Rand von 5 Pixel um den Listeneintrag*/
      8. letter-spacing: 1px; /*Buchstabenabstand von 1 Pixel im Listeneintrag*/
      9. word-spacing: 5px; /*Wortabstand von 5 Pixel im Listeneintrag*/
      10. list-style-type: square;
      11. background-color: #CCC;
      12. padding: 1px 0;
      13. list-style-position: inside;
      14. }
      Alles anzeigen





      hans
      damit hattest du natürlich recht. so also irgendwie passt das nicht
      das ist der css par für div.nav2:

      Quellcode

      1. div.nav2{
      2. margin-bottom: 5px;
      3. }

      und hier nochmal die liste:

      Quellcode

      1. <div class="sidebar1">
      2. <ul class="nav">
      3. <center> <div class=nav2><ul>Wie gefällt Ihnen die Seite?</ul>
      4. <li>Sehr Gut</li>
      5. <li>Gut</li>
      6. <li>Könnte besser sein</li>
      7. <li>Nicht so gut</li>
      8. <li>Garnicht<br></li></div>
      9. <div class=nav2> <ul>Bilder von vergangenen Events</ul>
      10. <img src="220px-FH-Stralsund_Wirtschaft_21.jpg"></div>
      11. <div class=nav2> <ul>Bevorstehende Vorträge</ul>
      12. <li>Windows 8 (29.01)</li>
      13. <li>Microcontroller (18.07)</li>
      14. <li>Studierende mit Kindern (13.3)</li>
      15. <li>Bachelorarbeit (28.04)</li>
      16. <li>Vortrag 6 (24.12)</li></div></center>
      17. <!-- end .sidebar1 --></div>
      Alles anzeigen


      theoretisch müsste er doch jetzt son abstand zwischen die div.nav2 machen oder nicht?
      Das ist aber ein sehr sehr sehr sehr krudes Markup, also du solltest da erstmal alles in Ordnung bringen und die Elemente für das Nutzen für was sie vorgesehen.
      Ein paar Tipps: ul ist eine Liste und darf nur li enthalten. Für Überschriften gibt es die h2-6 Tags