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

[bug] LIST in combinatie met uitgelijnde IMG gaat fout

Pagina: 1
Acties:

  • Zerora
  • Registratie: September 2003
  • Laatst online: 10:35

Zerora

Ik Henk 'm!

Topicstarter
Ik ondervind een probleem bij het gebruik van een [list] in combinatie met een uitgelijnde afbeelding.

Voorbeeld:
Afbeeldingslocatie: http://tweakers.net/ext/f/FjmsRQ6RrBmcKGEGLatuZzJc/full.gif
  • Regel nummer een
  • Regel nummer twee
  • Regel nummer drie







Zoals je ziet gaat de list op de rand van de afbeelding staan. Niet echt het gewenste resultaat.

De code die hierboven in de quote is gebruikt is:
code:
1
2
3
4
5
[img=120,211,,left]http://tweakers.net/ext/f/FjmsRQ6RrBmcKGEGLatuZzJc/full.gif[/img]
[list][*]Regel nummer een
[*]Regel nummer twee
[*]Regel nummer drie
[/list]


Kan dit opgelost worden, zodat de list niet op meer op de rand staat, maar er gewoon netjes naast?

Trans-life! :::: "All things change, whether from inside out or the outside in. That is what magic is. And we are magic too."


Verwijderd

Foto met witte achtergrond gebruiken :+

  • Zerora
  • Registratie: September 2003
  • Laatst online: 10:35

Zerora

Ik Henk 'm!

Topicstarter
Verwijderd schreef op woensdag 21 december 2011 @ 13:58:
Foto met witte achtergrond gebruiken :+
Ja, ik kan natuurlijk wel een de afbeelding breder maken met tranparantie ofzo, maar dat is slechts een workaround.

Trans-life! :::: "All things change, whether from inside out or the outside in. That is what magic is. And we are magic too."


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

Wiethoofd

Broadcast TOM

Je zou in dit geval ook prima zonder de [list] er omheen de 'lijst' naast je item kunnen maken, dan heb je niet dat ie overlapt. En anders heb je altijd nog de table oplossing met je plaatje in een losse cel :9
Tabel:
Afbeeldingslocatie: http://tweakers.net/ext/f/FjmsRQ6RrBmcKGEGLatuZzJc/full.gif
  • Regel nummer een
  • Regel nummer twee
  • Regel nummer drie

Zonder [list]:
Afbeeldingslocatie: http://tweakers.net/ext/f/FjmsRQ6RrBmcKGEGLatuZzJc/full.gif• Regel nummer een
• Regel nummer twee
• Regel nummer drie









Waar ik me meer aan stoor bij bovenstaande is dat de [img] die (links) gefloat wordt de quote div geen overflow: hidden of een 'clearfix' heeft.

Volg me op Twitter/X & Bluesky


Verwijderd

Zerora schreef op woensdag 21 december 2011 @ 13:08:
Ik ondervind een probleem bij het gebruik van een [list] in combinatie met een uitgelijnde afbeelding.

Voorbeeld:

[...]


Zoals je ziet gaat de list op de rand van de afbeelding staan. Niet echt het gewenste resultaat.

De code die hierboven in de quote is gebruikt is:
code:
1
2
3
4
5
[img=120,211,,left]http://tweakers.net/ext/f/FjmsRQ6RrBmcKGEGLatuZzJc/full.gif[/img]
[list][*]Regel nummer een
[*]Regel nummer twee
[*]Regel nummer drie
[/list]


Kan dit opgelost worden, zodat de list niet op meer op de rand staat, maar er gewoon netjes naast?
Afbeeldingslocatie: http://tweakers.net/ext/f/FjmsRQ6RrBmcKGEGLatuZzJc/full.gif
  • [red]
  • Regel nummer een
  • Regel nummer twee
  • Regel nummer drie
In color gaat het goed

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

Wiethoofd

Broadcast TOM

Klopt, dan wordt er namelijk een <span class="red"> om de "list items" gezet.

[list] doet:
HTML:
1
2
3
4
<ul class="rml-list">
 <li>Eerste regel</li>
 <li>Tweede regel</li>
</ul>
Waar de color (dat is de span) en het weglaten van [list] het volgende doen:
HTML:
1
2
3
4
<ul class="rml-list"><span class="red">
&#8226; Eerste regel<br>
&#8226; Tweede regel
</span></ul>

Volg me op Twitter/X & Bluesky


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

hmmz, dat laatste is geen valide HTML....

Intentionally left blank

Pagina: 1