Als je nu een enkele afbeelding bekijkt tijdens het bewerken van je fotoalbum heb je netjes alle RML-output, stats etc.
Helaas is de navigatie die hier bij staat niet even vriendelijk. Zo verspringt het plaatje naar links in de <center> als er ineens een 'vorige' of 'volgende' knop bij komt. (custom CSS met daarop een clear: both is zeer prettig)
Dan blijft over dat de navigatie lastig te targetten is met custom CSS, zo heeft de pipe-divider geen <span> of iets er omheen om hem weg te halen, ook de 'volgende' heeft geen .next of een losse <span> met de tekst er in zodat alleen de pijltjes over kunnen blijven. (Een .content h2 > div a.gray is niet echt handig als je via :after er puur pijltjes van wilt maken)
Huidige HTML
Prettiger zou al zijn:
Is hier een mouw aan te passen?
Helaas is de navigatie die hier bij staat niet even vriendelijk. Zo verspringt het plaatje naar links in de <center> als er ineens een 'vorige' of 'volgende' knop bij komt. (custom CSS met daarop een clear: both is zeer prettig)
Dan blijft over dat de navigatie lastig te targetten is met custom CSS, zo heeft de pipe-divider geen <span> of iets er omheen om hem weg te halen, ook de 'volgende' heeft geen .next of een losse <span> met de tekst er in zodat alleen de pijltjes over kunnen blijven. (Een .content h2 > div a.gray is niet echt handig als je via :after er puur pijltjes van wilt maken)
Huidige HTML
HTML:
1
2
3
4
5
| <div style="float: right; font-size: 11px;"> <a class="nounderline gray" href="http://tweakers.net/my.tnet/fotoalbum/?action=display_image&image_id=232012">« Vorige</a> | <a class="nounderline gray" href="http://tweakers.net/my.tnet/fotoalbum/?action=display_image&image_id=235953">Volgende »</a> </div> |
Prettiger zou al zijn:
HTML:
1
2
3
4
5
| <p style="text-align: right; font-size: 11px;"> <a class="nounderline gray prev" href="http://tweakers.net/my.tnet/fotoalbum/?action=display_image&image_id=232012">« Vorige</a> <span class="divider"> | </span> <a class="nounderline gray next" href="http://tweakers.net/my.tnet/fotoalbum/?action=display_image&image_id=235953">Volgende »</a> </p> |
Is hier een mouw aan te passen?