css pagina's wisselen

Status
Niet open voor verdere reacties.
D

deheugden

Terugkerende gebruiker
Lid geworden
1 mrt 2006
Berichten
1.087
Ik loop vast met "pagination" in CSS
Voorbeeld:
In mijn wordpress site heb ik 3 pagina's, pagina A, B en C
Ik wil op die pagina's in het midden aan de linker en rechterkant een pijl die naar de volgende pagina gaat.
Nu ben ik al een flinke tijd met W3 school bezig, maar het lukt me niet.

Heeft iemand missschien een kant en klare werkende oplossing? Voor een beginner zoals ik met css is het heel verveld wanneer je lang bezig bent en niet opschiet voor de motivatie.

Dank alvast.
 
Heb je relevante code?
En wat lukt er niet aan?
 
Misschien kan je dit aanpassen zoals je het wilt hebben.
Code: 
<div class="pagination">
<span> &lt;= </span>
<span> 14 </span>
<span> =&gt; </span>
</div>

met deze css
Code: 
.pagination {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 5px 15px;
}
.pagination span {
    flex: 0 1 auto;
    width: 60px;
    padding: 1em 0;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #777;
    border-radius: 6px;
}

Suc6. Have fun.
 
Alleen de html aanpassen is voldoende.
De eenmalige css van berichtje 3 is voor elke pagina hetzelfde.

Hieronder waar "linkje-pagina-1" t/m "linkje-pagina-3" staat moet je dit veranderen in een https linkje naar de juiste pagina.

pagina 1
Code: 
<div class="pagination">
<span> &nbsp; </span>
<span> 1 </span>
<span><a href="linkje-pagina-2"> =&gt; </a></span>
</div>

pagina 2
Code: 
<div class="pagination">
<span><a href="linkje-pagina-1"> &lt;= </a></span>
<span> 2 </span>
<span><a href="linkje-pagina-3"> =&gt; </a></span>
</div>

pagina 3
Code: 
<div class="pagination">
<span><a href="linkje-pagina-2"> &lt;= </a></span>
<span> 3 </span>
<span> &nbsp; </span>
</div>
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan