[Bug?] Review niet goed te lezen bij alle 'schermgroottes'

[CLB]

Afgelopen dagen als een kluizenaar geleefd om productreview: HTC 10 Glacier Silver/White review door CLB te schrijven. Die is vandaag online gegaan, leuk natuurlijk, review waar veel werk in zit is klaar en iedereen kan hem zien en lezen. Ik kreeg echter net een persoonlijk berichtje met de vraag of alles wel goed was met die review... Desbetreffende persoon kon deze namelijk helemaal niet lezen in combinatie met Google Chrome op zijn smartphone. "Hee dat is gek, want hier is dat wel het geval", waarbij ik er toen opeens aan dacht ik schermgroottes heb ingesteld als desktops op al mijn mobiele devices... Zodoende even een klein testje gedaan met Google Chrome versie 50.0.2661.89 op verschillende devices en inderdaad, de lay-out is bij andere 'schermgrootte-instellingen' nogal crap. Dat kan misschien ook weer aan wat code liggen uit desbetreffende review en ik weet ook niet of het een bug of juist feature is, maar het is nogal zonde dat iemand met bepaalde instellingen bepaalde content niet kan lezen. Bijgevoegd enkele screenies:


Is dit bekend, ligt dit aan mijn 'code' (waarschijnlijk doordat ik een tabel gebruik of een lijntje om het hele stuk heb gezet) en ervaren anderen dit ook? En als het aan de code ligt, is dat imo toch wat gek en jammer. Volgens mij werkt ook niet alle UBB-code op het forum én in de productreviews, maar ik zou het zonde vinden als dit wordt afgedaan met "joh verander je de lay-out toch even" dus dat vroeg ik me af, zodoende dit topic.

Dank!

[Dirk]

Een harde table width lijkt mij in ieder geval een slecht idee: [table width=585 border=1 bordercolor=#000000 bgcolor=#FFFFFF]

[CLB]

Probably it inderdaad, maar die gebruik ik ook nagenoeg altijd in elke topicstart.
Daar worden die bij elke TS weer wel goed weergegeven ongeacht de ingestelde 'schermgrootte'.

[crisp]

Tables die misbruikt zijn voor opmaak zijn een kleine ramp als het om responsive gaat... Ik zal zo eens even kijken wat hier precies mis gaat, maar het is praktisch onmogelijk om dit soort dingen altijd 100% goed te krijgen voor kleinere schermbreedtes...

[crisp]

Er wordt ook niet exact dezelfde styling toegepast voor het forum en de productreviews. Ik denk zelf ook dat de width=585 het probleem veroorzaakt. Ik zie zo gauw ook geen oplossing aangezien eea nogal complex in elkaar zit doordat de productreviews technisch een mix zijn van RML en frontpage code...

[CLB]

Thanks voor checking, dit 'invidviduele' probleem is natuurlijk onzin om op te lossen inderdaad
Maar omdat het wel goed werkt op het forum en niet in de reviewsectie even dit topic, just a question.

Ik zal eens bedenken of ik mijn code/review aanpas of het zo laat. Nogmaals dank, jammer!

Dirk schreef op dinsdag 24 mei 2016 @ 23:18:
Een harde table width lijkt mij in ieder geval een slecht idee: \[table width=585 border=1...

Het lijkt alsof jij insinueert dat zo'n tabel kan 'fluctueren' qua breedte? Dus in plaats van 585 kan ik dat gewon leeg laten of? Ben hier niet de code-koning, maar het zou natuurlijk fijn zijn als iedereen de review goed kon lezen, waarbij ik er wel graag een randje om wil laten staan, gewoon omdat het kan Ook bedankt.

[ Voor 61% gewijzigd door CLB op 25-05-2016 11:59 ]

[Dirk]

Die breedte kun je inderdaad gewoon weglaten, dat heb ik net al gedaan, maar dat is niet voldoende. Zo te zien mag je ook de afbeeldingen geen harde afmetingen meegeven, anders rekken die de tabel weer op. Als ik bijvoorbeeld vergelijk met productreview: Cooler Master Masterkeys Pro L - RGB (Cherry Red) review door Foritain, dan zijn daar nergens harde breedtes opgegeven, waardoor alles gewoon zo groot is als past. Die schaalt dus prima.

[CLB]

Dirk schreef op woensdag 25 mei 2016 @ 12:26:
Die breedte kun je inderdaad gewoon weglaten, dat heb ik net al gedaan, maar dat is niet voldoende.

Dank, ik duik er even verder in...
Harde breedte van afbeeldingen weer gedaan om mooi te passen binnen de lijntjes en die mis ik bij die review.
Heeft vast ook weer te maken met het feit dat ik daar geen grotere afbeeldingen zie dan 600pix. Dus als je erop klikt verschijnt er geen grotere afbeelding, wat bij mijn review weer wel het geval is, let me check!

[ Voor 23% gewijzigd door CLB op 25-05-2016 12:38 ]

[Dirk]

Je moet ook gewoon handmatig geschaalde afbeeldingen in je review zetten en nieuwe afbeeldingen inladen als er op geklikt wordt. Dat scheelt direct bandbreedte voor de lezer.

[CLB]

Dirk schreef op woensdag 25 mei 2016 @ 12:48:
Je moet ook gewoon handmatig geschaalde afbeeldingen in je review zetten en nieuwe
afbeeldingen inladen als er op geklikt wordt. Dat scheelt direct bandbreedte voor de lezer.

Dat is toch ook het geval met afbeeldingen zoals deze:

code:

[url=http://static.tweakers.net/ext/f/cIKK1FzQmcXqqLtialgtAPQ3/full.png][img=565,364,,,"HTC 10 - review by CLB"]http://static.tweakers.net/ext/f/VXXETPLLgtXNrNDyzxh0Ehat/full.png[/img][/url]

Klein in de review / het stuk, klikbaar voor veel groter?

Hmm tevens dwaal ik teveel af, wil gewoon een mooi stuk neerzetten qua lay-out dat is het Dank again!

[Dirk]

Ja, alleen moet je dan de grootte van de kleine afbeeldingen niet hard opgeven, maar gewoon op 100% weergeven. Dan worden ze automatisch geschaald wanneer het scherm kleiner is.

Dus het wordt: [url=http://full.png][img=,,,,"titel"]http://klein.png[/img][/url]

[CLB]

A ja dom, heb hem door... eens kijken weer! Cool!

[Kiswum]

Je zou van alle plaatjes zelf een thumbnail kunnen maken. Je kunt een hele serie foto's via bijvoorbeeld Irfanview als batch laten verkleinen naar een bepaald formaat. Helaas is er nog geen upload tool op Tweakers, waarbij je meteen 100 foto's kunt oploaden. Vandaar dat ik dat dus via een eigen host doe

p.s. mocht je nog vragen hebben over het plaatsen van foto's in tabellen incl. lightbox, laat het maar gerust weten. Ik kan je daarmee wel op weg helpen.

[ Voor 20% gewijzigd door Kiswum op 27-05-2016 20:23 ]