css box model, maar dan anders

  • helenbakker

    (@helenbakker)


    12 jaren, 4 maanden geleden

    Ik wil iets bijzonders met de homepage van mijn website, en dat is niet zo eenvoudig als ik dacht, dus hoop ik dat hier een super css-er zit die me kan helpen. Mijn homepage heeft alleen een header, en dan 4 plaatjes die als navigatie naar de volgende pagina’s fungeert en verder helemaal niets. Dat verder niets lukt me wel, en ik heb even een voorbeeld in een gewone html site gemaakt, maar ik wil het ook graag in WordPress kunnen doen.
    Als ik de plaatjes echter probeer te formeren in de door mij gewenste vorm lukt me dat niet.
    Een voorbeeld van hoe ik het zou willen staat hier:
    http://www.talentenzoeker.nl/musetest/index.html

    En dat dus voor een WP site. Ik gebruik het Weaver II Pro thema.

    Elke tip is van harte welkom

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • robelia

    (@robelia)

    12 jaren, 4 maanden geleden

    Is niet zo moeilijk.
    Het zou wel makkelijk zijn als je een content of page hebt.
    Je hebt 4 divjes nodig
    <div id=”pos1″> hier foto 1<div>
    <div id=”pos2″> hier foto 2<div>
    <div id=”pos3″> hier foto 3<div>
    <div id=”pos4″> hier foto 4<div>

    Die difjes ga je positioneren,zoals bijvoorbeeld:

    #pos1 {
position: absolute;
left: 50px;
top: 50px;
}

    In een page kun je links en rechts de padding en marges opgeven.
    Heb je geen content dan moet je ze absoluut positioneren.
    \
    Met WordPress heeft dit trouwens niets van doen…

    Thread starter helenbakker

    (@helenbakker)

    12 jaren, 4 maanden geleden

    Dank Robelia, ik ga ermee aan de slag. Ik had al wel het vermoeden dat het echt een css-dingetje was, maar soms is dat in WordPress toch weer anders dan in een simpele HTML site.
    Morgen verder puzzelen :).

    robelia

    (@robelia)

    12 jaren, 4 maanden geleden

    Toch is het makkelijker om een standaard WP te installeren. (twenty 11 of zo)
    In de header kun je eenvoudig het menu weghalen en in de page kun je makkelijk plaatjes zetten en laten verwijzen naar pagina ‘s.
    De footer kun je ook weglaten of met display:none; niet laten zien.
    Anders heeft het gebruik van WP niet zoveel zin.

3 reacties aan het bekijken - 1 tot 3 (van in totaal 3)
  • Het onderwerp ‘css box model, maar dan anders’ is gesloten voor nieuwe reacties.