Afbeelding gaat fout op mobiel

[World Citizen]

Hoi!

Ik weet het niet meer.. Ik weet niet of ik het fout doe of dat er iets fout gaat buiten mijn bereik maar ik krijg iets niet aan de gang. Schiet me af als ik een onnozel topic open.

Ik ben een topic aan het bouwen en loop tegen wat dingen aan. Ik dacht het ooit goed werkend te hebben, maar krijg het nu niet voor elkaar.

---

1- Back to Top
Ik heb een plaatje die ik in mijn post verwerk en die verwijst terug naar het begin van de post. Een "back to Top" plaatje/knopje.

code:

[right][url="http://gathering.tweakers.net/forum/list_message/44976821#44976821"][img=20,16,,, "Top"]http://bieslook.com/bieslook/tweakers/top.png[/img][/url][/right]

En dat resulteerd dan in dit onderstaande kleine plaatje aan de rechterkant.(scroll eerst even een stukje naar beneden....):

Op mijn desktops werkt het prima. Maar als ik dit op mijn mobiel kijk, dan geeft hij het plaatje pagewide weer. Het ziet er niet uit

- Hoe kan ik de verhoudingen forceren voor mobiel gebruik.
of
- Hoe kan ik mijn achterlijk stukje code repareren naar iets wat wel werkt.

---

- Rode en blauwe stippelranden rond plaatjes
Ik heb wat plaatjes in het topic en deze worden perfect weergegeven in mijn desktop browsers. Maar toch krijg ik mobiel weer rode en blauwe stippelrande. Er zijn plaatjes die ik via de image=xxx functie forceer naar een kleinder format, en die doen het wel.

Maar als ik de "fotoalbum large thumbnail" code gebruik... dan werkt het mobiel dus niet. Ik verwacht eigenlijk dat de eigen code van het GoT fotoalbum wel platform wide zou werken... Of mis ik iets?

code:

[center][img=640,196]http://static.tweakers.net/ext/f/ag4n52ExtrwBUkPs1rfL6it0/full.png?nohitcount=1[/img][/center]

Wat resulteert in:

---

Ik snap waarschijnlijk gewoon iets niet.. en loop een draak van een code te forceren... Dus HELP

Thanks

[ Voor 3% gewijzigd door World Citizen op 24-09-2015 23:54 ]

[crisp]

Een paar dingen:

- je top.png plaatje is in het echt 640x512 pixels. Op responsive worden opgegeven maten losgelaten, en wordt deze dus zo groot mogelijk weergegeven. Als je gewoon een plaatje van 20x16 gebruikt is er niets aan de hand
- voor 'spring naar boven' kan je beter [anchor] en [jump] gebruiken; nu opent een klik op dat plaatje in een nieuw venster
- de stippelrandjes om een plaatje geven aan dat deze geresized is, en je door te klikken de volledige versie kan bekijken. Dat is geen bug maar een feature

[World Citizen]

Thanks!

crisp schreef op vrijdag 25 september 2015 @ 08:59:
Een paar dingen:

- je top.png plaatje is in het echt 640x512 pixels. Op responsive worden opgegeven maten losgelaten, en wordt deze dus zo groot mogelijk weergegeven. Als je gewoon een plaatje van 20x16 gebruikt is er niets aan de hand
- voor 'spring naar boven' kan je beter [anchor] en [jump] gebruiken; nu opent een klik op dat plaatje in een nieuw venster

Check, inderdaad als ik het plaatje verklein werkt het wel crossplatform. De functie zal ik inderdaad ombouwen want ik wilde toch een Index maken, en die doe ik altijd met anchor's ... Overigens is dat "new venster" gedrag wisselend. Op mijn desktop springt hij wel netjes in hetzelfde tabblad naar het begin van de post. Op mijn mobile opent hij inderdaad een nieuw venster.

- de stippelrandjes om een plaatje geven aan dat deze geresized is, en je door te klikken de volledige versie kan bekijken. Dat is geen bug maar een feature

Uhh.. Oke.. maar dan is mijn feedback dat het niet zo mooi is.... Die stippelrandjes lijken net een error.. en met achtergrond loze plaatjes wat ik hier mooi vind ivm grijze achtergrond.. valt het hele design effect weg. Ik zie zosnel ook niet echt een workaround zonder dat ze op mijn desktop kleiner worden dan max toegestaan. Maar het is prima zo .


Thanks! ik kan weer verder. Nu nog de index bouwen ... bleh.