Ondersteuning » Thema en CSS/opmaak » Ruimte tussen menu en body

Ruimte tussen menu en body

  • aguiladesign

    (@aguiladesign)


    8 jaren, 2 maanden geleden

    Hallo allemaal,

    Momenteel ben ik bezig met het maken van een website. Echte krijg ik het niet voor elkaar om het deel tussen de header (het menu gedeelte en de body weg te krijgen. Dit zal via een custom CSS veranderd kunnen worden echter kom ik er niet uit. Het gaat om de volgende website:

    http://www.aguila-design.com/servicios.

    Daarnaast zou ik graag de balk van het menu doortrekken over de breedte. Iemand die mij verder kan helpen?

1 reactie aan het bekijken (van in totaal 1)
  • Axel13

    (@axel13)

    8 jaren, 1 maand geleden

    Hoi aguiladesign,

    Bedoel je dat je witruimte weg wil onder de header?
    Dit kan inderdaad via CSS.

    Momenteel vind je op regel 255 in je stylesheet hetvolgende:

    .header {
    padding: 0px;
    margin-bottom: 60px;
}

    Je kunt dus 60px verwijderen door margin-bottom: 0 te gebruiken, dus door hetvolgende aan je custom css toe te voegen:

    .header {
    margin-bottom: 0;
}

    Wil je meer weg, dan kan je er ook een negatieve waarde van maken, bv. margin-bottom: -20px

    De balk van het menu is een beetje ingewikkelder. Dat is een boord van 5px die op de linken geplaatst wordt, dus de balk zelf bestaat feitelijk niet. Het is de knoplayout.

    Maar je kunt natuurlijk wel een balk toevoegen, bv. ook op het header element…

    .header {
    margin-bottom: 0;
    border-top: 5px #fff solid;
}

    De menuknoppen komen er dan weliswaar onder te staan, dus die moet je 5px omhoog duwen…

    .menu {
    margin-top: -5px;
}

    Echter, dan kun je merken dat de header-content een achtergrondkleur heeft, waardoor een deel van de witte lijn opnieuw bedekt wordt… Om dat te verhelpen kun je de achtergrond transparant maken…

    .header .header-content {
    background: transparent;
}

    Ik hoop dat je daarmee tot het resultaat komt dat je in gedachten had. Succes ermee!

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Ruimte tussen menu en body’ is gesloten voor nieuwe reacties.

Weergaven