Hoe website op telefoon hetzelfde weergeven als op desktop?

[Loganster001]

Mijn website: *snip* spam ziet er anders uit op mijn computer, dan op mijn telefoon. Het werkt ook niet op de telefoon, als je op een pagina klikt is er niks te zien.

Ik had verwacht dat net zoals bij *snip* spam de website op mijn telefoon er hetzelfde uit zou zien als op de computer

Ik heb geprobeerd om alles responsive (met een hamburger menu enzo) te maken voor kleine schermen, maar ik vind het mooier als je gewoon kunt inzoomen op de website op een klein scherm.

[ Voor 15% gewijzigd door RobIII op 28-04-2020 14:57 ]

[rens-br]

@Loganster001 vanaf nu heeft het niet zoveel meer te maken met Hosting en netwerk technologieën, maar meer met de website zelf, dus ik verhuis je topic even van IH naar DEV.

[Room42]

@Loganster001 Kijk eens naar je scrolbalk.

Begin nou eens met een basiscursus HTML/CSS. Leer daarin vooral de tools te gebruiken om je code (c.q. site) te debuggen en te begrijpen (of Google daarnaar, als je denkt dat je de basis al in de vingers hebt)*. Nu schiet je steeds met hagel op een vlieg en maakt dan een topic om te vragen waarom je de vlieg niet geraakt hebt.

_{* Scratch that. Ik heb je source even bekeken: Jij hebt echt een basisbeginnerscursus HTML+CSS nodig. NOFI!!}

[ Voor 94% gewijzigd door Room42 op 28-04-2020 14:42 ]

[Raymond P]

@Loganster001 Gezien de tijd tussen nu en je vorig topic vind ik het niet aannemelijk dat je daadwerkelijk geprobeerd hebt het zelf op te lossen.
Als je hoge verwachtingen hebt met zo een skillset en inzet ben je mogelijk beter af bij het installeren van een totaalpakketje.

Om je probleem op te lossen: als je je telefoon 90 graden draait verbetert het resultaat?

[hostler]

Er is niet één antwoord op je vraag.

De opbouw van je site is niet juist. In plaats van die kolommen is het handiger om een div te centreren en daar je content in te plaatsen.

Eigenlijk kan je beter gewoon bootstrap gebruiken. Je kan dan alle kanten op.

[Loganster001]

Raymond P schreef op dinsdag 28 april 2020 @ 14:45:
@Loganster001 Gezien de tijd tussen nu en je vorig topic vind ik het niet aannemelijk dat je daadwerkelijk geprobeerd hebt het zelf op te lossen.
Als je hoge verwachtingen hebt met zo een skillset en inzet ben je mogelijk beter af bij het installeren van een totaalpakketje.

Om je probleem op te lossen: als je je telefoon 90 graden draait verbetert het resultaat?

Als ik mijn telefoon draai werkt het nog niet.

En ik ben hier wel heel erg lang mee bezig geweest. Ik heb lang op internet gezocht om uit te zoeken hoe ik de website er hetzelfde uit kan laten zien op mijn telefoon. Ik weet dat ik een hamburger menu kan maken en dat voor kleine schermen de website kleiner gemaakt kan worden. Maar dat wil ik niet ik wil dat mijn website er op mijn telefoon er hetzelfde uit ziet. Nergens op internet staat hoe je dat zelf kunt doen.

En wat nou skillset en inzet. Als jij zo slim bent waarom praat je niet gewoon Nederlands. Probeer je te zeggen dat ik dom ben ofzo? Het is bepaald niet simpel hoor om een website er op telefoon goed uit te laten zien. Maak 1 tikfout in de code en de hele website doet het niet. Ik ken genoeg mensen die in het derde jaar zitten van ICT en dit soort dingen ook niet kunnen hoor. En niet iedereen heeft het geld om even een dure cursus te volgen.

[Room42]

@Raymond P Z'n pagina is 80020 pixels hoog met kolommen van hard-coded minimaal 80000 pixels hoog. Al houdt ie z'n telefoon op z'n kop of achterstevoren gaat er niks veranderen. Daarnaast gebruikt ie br's om te positioneren en elke regel is een paragraaf.

@hostler Ik vind dat ie beter eerst de basisprincipes van HTML+CSS kan leren voordat ie een framework gebruikt. Anders snapt ie nog steeds niet wat ie doet.

@Loganster001 Lekker bezig, zo gaan mensen je helpen. En even for the record: HTML+CSS is heel prima gratis online te leren.

[ Voor 16% gewijzigd door Room42 op 28-04-2020 14:54 ]

[Bas170]

Loganster001 schreef op dinsdag 28 april 2020 @ 14:51:
[...]
En niet iedereen heeft het geld om even een dure cursus te volgen.

Tip: er zijn ook gratis interactieve online cursussen zoals https://www.codecademy.com daarmee kun je redelijk eenvoudig de basisvaardigheden leren, waarmee je ervoor zorgt dat de website beter werkt.

[hostler]

Room42 schreef op dinsdag 28 april 2020 @ 14:52:


@hostler Ik vind dat ie beter eerst de basisprincipes van HTML+CSS kan leren voordat ie een framework gebruikt. Anders snapt ie nog steeds niet wat ie doet.

Wellicht is een vooraf geïnstalleerde Wordpress site met kant en klare template een betere oplossing voor de TS

[Room42]

hostler schreef op dinsdag 28 april 2020 @ 14:56:
[...]


Wellicht is een vooraf geïnstalleerde Wordpress site met kant en klare template een betere oplossing voor de TS

Nou, ik heb het idee dat TS PHP+HTML+CSS aan het leren is. Dat is prima, maar hij wilt meteen met een vrachtwagen op de snelweg rijden terwijl hij eerst met een driewieler op de stoep moet leren fietsen.

[RobIII]

@Loganster001 Ik weet niet of iemand je er al eens op gewezen heeft maar gebruik voor een volgend topic a.u.b. onze Quickstart. Verder kun je prima uitleggen wat je probleem is zonder te hoeven linken naar je site en (relevante!) code kun je plaatsen m.b.v. code tags. En als je dan toch per-se ergens naar moet linken dan kan/mag dat naar een 'uigeklede' test-case waar je, wederom, enkel-en-alleen relevante(!) code plaatst om je probleem te demonstreren.

[ Voor 5% gewijzigd door RobIII op 28-04-2020 15:01 ]