Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien

[FP] Fotoalbum 'display_image' navigatie stijlbaar maken

Pagina: 1
Acties:

  • Wiethoofd
  • Registratie: Juli 2007
  • Laatst online: 17-11 00:47

Wiethoofd

Broadcast TOM

Topicstarter
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
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&amp;image_id=232012">« Vorige</a>
 &nbsp; | &nbsp;
 <a class="nounderline gray" href="http://tweakers.net/my.tnet/fotoalbum/?action=display_image&amp;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&amp;image_id=232012">« Vorige</a>
 <span class="divider">&nbsp; | &nbsp;</span>
 <a class="nounderline gray next" href="http://tweakers.net/my.tnet/fotoalbum/?action=display_image&amp;image_id=235953">Volgende »</a>
</p>

Is hier een mouw aan te passen? O+ :>

Volg me op Twitter/X & Bluesky


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:58

crisp

Devver

Pixelated

Die uitlijning mag inderdaad wel beter; m.i. mag de 'vorige' link wel helemaal naar links en de 'volgende' dan helemaal rechts, en eventueel herhaalt onder de afbeelding. De pipe-divider kan dan helemaal achterwege blijven. De centrering van de afbeelding zou inderdaad niet beinvloed mogen worden, en de inline styles mogen ook wel naar een CSS class (voor zover daar niet al een geschikte class voor is)

Ik ben echter niet van plan om specifiek voor Custom CSS dingen aan te gaan passen; zeker niet op dit soort pagina's die toch minder belangrijk zijn...

Intentionally left blank


  • Wiethoofd
  • Registratie: Juli 2007
  • Laatst online: 17-11 00:47

Wiethoofd

Broadcast TOM

Topicstarter
Zolang het maar op de schop gaat :> Dan verzin ik vast wel weer iets voor de custom CSS :P

Volg me op Twitter/X & Bluesky