Webpage doet raar

[webdavid]

Hallo,

Ik heb laatst een websitje moeten maken voor een paar kennisen alleen ik snap niet waarom hij af en toe iets doet wat ik niet wil

Je kunt de webpagina bekijken via *spam*
Zoals je ziet is de homepage een beetje raar doordat een tekste naar onder verplaatst word. Als je de pagina reload of wacht op de Fade animatie dan komt het weer goed.
Iemand enig idee wat er mis gaat?

ps. Hij doet het wel goed als ik gewoon het bestandje open, het gaat dus mis zodra ik het op de server heb gezet.

Alvast bedankt!

Foto:

[ Voor 7% gewijzigd door NMe op 30-05-2014 11:42 ]

[HKLM_]

Misschien handig om een plaatje te uploaden met het probleem. Bij mij ziet de website er zowel in IE 11 als Chrome goed uit.

[Dreeass]

Website ziet er ook hier normaal uit, maar van je screenshot valt af te leiden dat het misschien een probleem is met line-height.

[HuHu]

Het gaat bij mij alleen mis als ik m'n browsergrootte verander (van <1000 px breedte naar erboven). Dan wordt er een andere stylesheet ingeladen, maar bij de elementen in Voorstellingen-Fader gaat dat niet goed. Beide elementen (Voorstelling1 en Voorstelling2) hebben een class Voorstelling die niet is gedefinieerd in Main-Style, maar wel in Mobile-Style (.Voorstelling { position: absolute; } ).

Ik kan me zomaar voorstellen dat dit de positionering verpest, waardoor de tekst uit de Fader over de "Over-TheLocals" div heen valt.

Het is in ieder geval geen line-height ding, want het zijn twee teksten over elkaar heen (door de absolute positionering). De fade van jQuery verhelpt het, maar ik zou niet weten waarom het niet direct wordt toegepast. Misschien helpt het als je een (.Voorstelling { position: relative; } ) opneemt in Main-Style.

[Dreeass]

HuHu schreef op donderdag 29 mei 2014 @ 23:00:
Het gaat bij mij alleen mis als ik m'n browsergrootte verander (van <1000 px breedte naar erboven). Dan wordt er een andere stylesheet ingeladen, maar bij de elementen in Voorstellingen-Fader gaat dat niet goed. Beide elementen (Voorstelling1 en Voorstelling2) hebben een class Voorstelling die niet is gedefinieerd in Main-Style, maar wel in Mobile-Style (.Voorstelling { position: absolute; } ).

Ik kan me zomaar voorstellen dat dit de positionering verpest, waardoor de tekst uit de Fader over de "Over-TheLocals" div heen valt.

Het is in ieder geval geen line-height ding, want het zijn twee teksten over elkaar heen (door de absolute positionering). De fade van jQuery verhelpt het, maar ik zou niet weten waarom het niet direct wordt toegepast. Misschien helpt het als je een (.Voorstelling { position: relative; } ) opneemt in Main-Style.

Inderdaad, nu ik de tekst lees in de afbeelding zie ik dat ze door elkaar zitten in plaats van dichter op elkaar.

[_Thanatos_]

Je HTML is invalid. Ik zie <li>'s op de verkeerde plek staan. Gebruik een validator, fix de issues, en kijk of dat helpt.

[webdavid]

Hallo,

ten eerste bedankt voor de reacties. Het probleem is opgelost door de image toch maar een margin:left te geven. Ik heb hem ook even door een w3c gegooid, Zoveel mogelijk dingen gefixt maar ben er nog mee bezig.
Mijn css heb ik ook door een w3c gegooid en die was 100%.

[NMe]

Mooi, dan kan ik de spam naar die site uit je startpost halen. Het is hier op het forum gebruikelijk om te verwijzen naar een testcase, niet naar livesites. Zelfs als iets niet als spam bedoeld is lokken posts als deze wel andere uit om ook hun site te pluggen. Je zou de eerste niet zijn die even snel een foutje in zijn site programmeert om daarna hier in een vraag je link te pluggen.

Je hebt trouwens je site en CSS niet door "een W3c" gegooid maar door een validator.

[webdavid]

Haha, oke ik snap m.
Volgende keer zal ik m dan maar in een map daarna zetten.

Is dit goed?

www.tgthelocals.com/test/index.html

Is geen link die werkt maar gewoon een voorbeeld

[Dreeass]

NMe schreef op vrijdag 30 mei 2014 @ 11:53:
Mooi, dan kan ik de spam naar die site uit je startpost halen. Het is hier op het forum gebruikelijk om te verwijzen naar een testcase, niet naar livesites. Zelfs als iets niet als spam bedoeld is lokken posts als deze wel andere uit om ook hun site te pluggen. Je zou de eerste niet zijn die even snel een foutje in zijn site programmeert om daarna hier in een vraag je link te pluggen.

Je hebt trouwens je site en CSS niet door "een W3c" gegooid maar door een validator.

Je kan toch niet steeds een testpagina maken voor een website dat nog steeds in ontwikkeling is bijvoorbeeld?

[soulrider]

maar als je het probleem kunt reproduceren op een pagina met weinig andere info op (lees: minder html- en minder css-tags), heb je al veel mogelijkheden geschrapt en toon je ook dat je al wat moeite hebt gedaan om het zelf te onderzoeken.
in de meeste gevallen vind je zo soms ook al de oplossing ;-)

[ Voor 14% gewijzigd door soulrider op 30-05-2014 19:32 ]

[RobIII]

Dreeass schreef op vrijdag 30 mei 2014 @ 19:25:
[...]


Je kan toch niet steeds een testpagina maken voor een website dat nog steeds in ontwikkeling is bijvoorbeeld?

Jazeker wel. Het idee is dat je net voldoende code post om je probleem te reproduceren, niet meer, niet minder. Dat dien je sowieso al voor jezelf te doen (je probleem isoleren) om voor jezelf uit te sluiten dat bepaalde zaken geen invloed hebben op je probleem en als je er daarna niet (meer) uit komt heb je vanzelf een testcase om hier voor te leggen; daar hoef je als 't goed is weinig tot niets meer voor te doen eer je een topic opent. Met een jsfiddle (of een testpagina op je eigen domein of door gewoon relevante code in je topic te plaatsen m.b.v. code tags) met een handvol regels code (be it HTML/CSS/JS/C#/Java/BrainfuckWhatever of een combinatie daarvan) hoeven wij ook niet tussen de bomen door op zoek naar de speld in een bos ( ) en doe je dus behalve jezelf ook ons een lol

Dat is overigens basis debugwerk; je werkt ontdoen van irrelevante meuk totdat je niets overhoudt anders dan waar je probleem in optreedt (reproduceren) en daarmee aan de slag om te kijken wat de oplossing is.

[ Voor 20% gewijzigd door RobIII op 30-05-2014 20:13 ]

[Room42]

Ik heb zo al tientallen topics NIET gepost doordat ik bij het maken van het topic mezelf dermate veel vragen stelde dat ik het antwoord uiteindelijk zelf al vond