Ergebnis 1 bis 2 von 2

Thema: Wie kann man den Abstand bei einem Inline-Block verändern?

  1. #1
    HTML Newbie
    Registriert seit
    31.07.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Frage Wie kann man den Abstand bei einem Inline-Block verändern?

    Nabend allerseits!

    ich habe folgendes Problem:
    Ich möchte eine horizontale Navigation via CSS machen. Ich habe versucht diese über einen Inline-Block zu machen. Zwischen den Elementen ist jetzt aber ein fester Abstand, der eigentlich nicht da sein soll. Außerdem habe ich ein das Problem, dass sofern ich 33% als Wert für die Elemente eingebe, die Navi teilweise nicht mehr als Inline angezeigt wird.
    Meine Idee war es, dass je ein Element 30% einnimmt und dann also 5% Zwischenraum zu den anderen sind.
    Wie kann ich nun also diesen festen Abstand weg machen und anstatt dessen das selber definieren?

    Und hier ist der wichtige CSS Teil:


    1. /*Navigation*/
    2. #main_nav {
    3. position: relative;
    4. float: none;
    5. padding-top: 2%;
    6. text-align: left;
    7. }
    8. #main_nav ul li {
    9. display: inline-block;
    10. border: 0px;
    11. width: 30%;
    12. }
    13. #main_nav ul li a {
    14. display: block;
    15. padding-left: 10%; /*Abstand der Worte*/
    16. line-height: 1.3em;
    17. color: #fcfeff;
    18. text-decoration: none;
    19. }
    20. #main_nav ul li:nth-child(2) a{
    21. background-color: red;
    22. float: center;
    23. }
    24. /*Navigation ENDE*/



    Ich hoffe ihr könnt mir helfen
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Geändert von Jolka89 (31.07.2012 um 14:30 Uhr)

  2. #2
    HTML Newbie
    Themenstarter

    Registriert seit
    31.07.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Wie kann man den Abstand bei einem Inline-Block verändern?

    Ok,
    hat sich schon erledigt.
    habe die Zeilenumbrüche entfernt.

Ähnliche Themen

  1. Warum keine Block-Elemente in Inline-Elementen?
    Von The User im Forum HTML & CSS Forum
    Antworten: 16
    Letzter Beitrag: 07.05.2009, 05:36
  2. inline/block elemente
    Von Niels im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 28.10.2007, 15:30
  3. Antworten: 1
    Letzter Beitrag: 25.12.2006, 15:52
  4. Abstand zw. Bildern verändern
    Von Steffen001 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.10.2006, 13:45
  5. W3C-konform trotz Block- in Inline-Element?
    Von Torty im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 08.11.2005, 07:54

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •