Vaste plek vastzetten fixed CSS afbeelding tekst pagina

Logo cursus traing wordpress

Vaste plek vastzetten fixed CSS afbeelding tekst pagina

Soms wil je een onderdeel vast laten staan als je de WordPress pagina scrollt. Dit kan een menu, afbeelding, logo, tekst of zijn. Het kan zijn dat je het venster eerst moet verkleinen om een scrollbalk te krijgen). Al het werk om het op zijn plaats te houden wordt gedaan door regels in het CSS. Hier is de layout van een menu:

In een browser zonder CSS of met CSS uitgeschakeld, is het gewoon een lijst met links. Maar mèt CSS, dankzij de regels hieronder, lijkt het of hij boven de pagina zweeft. het is dan vastgemaakt aan de rechterkant van de browser.

#menu {
  position: fixed;
  right: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}

Het blijft dus zichtbaar, zelfs als de gebruiker scrollt. Je kunt de positie instellen met “top”, “left” en “right” attributen. De CSS die ik gebruik voor een logo ziet er zo uit:

Logo vastzetten in hoek webbrowser

.fixed{
    position:fixed;
    top:0px;
    right:0px;
    width:100px;
}

Info vastzetten in hoek webbrowser

https://stackoverflow.com/questions/7320945/make-one-div-float-over-another


Meer informatie over Vaste plek vastzetten fixed CSS afbeelding tekst paginaof info?

Wil je meer informatie? Veel bezoekers met interesse in Vaste plek vastzetten fixed CSS afbeelding tekst pagina bekeken ook de onderstaande handleidingen:


[aw_icon icon="icon: graduation-cap" color="#0ba1bf" text_color="#333333" size="28" shape_size="20" radius="36" text_size="16" margin="0px 1px 1px 0px" url="https://www.cursuswp.com/groepscursus-wp-beginners-basis-training-workshop/" target="blank"][/aw_icon]

Training of cursus CSS en html

Snel CSS en html leren

Leer hoe je je WordPress website beter en kan maken en beheren in de html-css training op maat:
CSS en HTML-cursus voor WordPress

WP Bootcamp spoedopleiding

Leer hoe je je WordPress website of webshop sneller kan maken en ontwerpen in de WP Bootcamp spoedopleiding:
WordPress Bootcamp spoedopleiding

[aw_icon icon="icon: question" color="#0ba1bf" text_color="#333333" size="28" shape_size="20" radius="36" text_size="16" margin="0px 1px 1px 0px" url="https://www.cursuswp.com/groepscursus-wp-beginners-basis-training-workshop/" target="blank"][/aw_icon]

Info over Vaste plek vastzetten fixed CSS afbeelding tekst pagina?

Neem contact op met Arthur als je nog vragen hebt over ontwerp, Vaste plek vastzetten fixed CSS afbeelding tekst pagina en WordPress web-development.

WP developer

Arthur Wentzel, web-designer

06 20 83 05 83

Scroll naar boven