Webprofis is een Forum waarin je vragen kunt stellen die webgerelateerd zijn. Heb je vragen over of problemen met je Webpagina, HTML, CSS, Javascript, PHP of andere client of serverside scriptingtalen? Stel ze dan gerust op dit forum.
Op dit forum zijn een aantal vrijwilligers actief die u graag met uw vragen willen helpen en u waar mogelijk een passend antwoord aanbieden.
Hebt u zelf veel ervaring en kennis met betrekking tot het bovenstaande? U bent van harte welkom om uw kennis met anderen te delen!
We hopen dat eenieder op dit Forum een leerzame ervaring mag opdoen.
Team Webprofis
We hopen dat eenieder op dit Forum een leerzame ervaring mag opdoen.
Team Webprofis
Website Firefox goed, Safari en Chrome problemen.
Ik heb op deze site een probleem. In firefox draait alles zo als het moet zijn, Safari loopt goed, totdat je bij de Footer komt (de social media buttons). De buttons zijn niet zichtbaar en op het moment van hovering wordt de hele background uit zijn verband getrokken. In chrome werken de socialmedia buttons wel normaal en blijft daar de achtergrond in model, alleen als je bij over-ons komt, laat de achtergrond zich als het ware herhalend zien bij het naar beneden scrollen en wanneer je omhoog scrollt wordt de eigenlijke achtergrond heel smal en nemen de foto's van de slider er de plaats in. Ik heb in IE niet kunnen testen, dus daar weet ik niet hoe eea loopt. Op een Android telefoon heb je bij portfolio dat de achtergrond grotendeels verdwijnt en vervangen wordt door de foto's van de slider. Tot slot verdwijnt bij het kijken op de iPad, bij "over ons" de achtergrond weer. (in zowel Chrome als Safari) en zijn er vooral bij Safari problemen met de social media buttons in de footer.
Wie kan mij vertellen wat er fout gaat.
Dank
nuet editt: url tussen tags gezet
Wie kan mij vertellen wat er fout gaat.
Dank
nuet editt: url tussen tags gezet
Login of Registreer om te reageren.
Reacties
Er zit zowiezo een error in je script ( Placeholders.init is not a function ).
Scrolldown werkt niet, zo ook de rechter arrow down dus kom niet handig bij het menu.
Bij over ons, zou ik de tekst naast de afbeelding zetten scheelt scroll werk.
Ook de foto zou ik veranderen "zonder laptop" want die witte background komt niet tot zijn recht, of even google laptop.png
Je contact iets meer aandacht geven, focus / hover en misschien een validatie op je velden.
Firefox geeft geen afbeeldingen weer in je portfolio.
Chrome geeft ook geen afbeeldingen weer.
Maar als eerste zou ik de javascript fout oplossen, kan zijn dat dan al andere fouten worden hersteld.
Zo zie ik het in Safari:
Wat betreft die achtergrond Over Ons: daarin valt me op dat de tekst Over ons, waarom doe ik wat ik doe in Safari niet zichtbaar is en in Chrome wel.
In de console even gekeken en die achtergrond staat nu zo in de css: Op de een of andere manier wordt ie niet geladen, echter als je hem forceert (!important) dan wel:
Nogmaals dank
Tevens zul je voor veel browsers je stylsheet moeten aanpassen, dit is naemlijk je probleem omtrent de verschillende weergaves en werken betreffende animation en de browsers.
Ik heb zelf een dergelijk website rvdesigns, en zover ik weet gaat het in iedere browser goed.
Maar het is niet eenvoudig dat kan ik je wel vermelden!
Ik dank weer voor de moeite
Dus ergens met stylen heb je iets fout gedaan.
1. De jQuery core staat onderaan in je index.html
Die moet in de head komen.
2. in je main.css: ( ergens rond regel 696) Haal die position relative eruit.
Kijk eens of Chrome nu die achtergrond laadt bij stukje Over Ons
Chrome laadt de achtergrond bij Over Ons en Safari geeft nu ook 3 images weer net boven de socialmedia icons wat er eerst ook niet waren
Nogmaals dank
Ik zie hem hier wel goed!
Wat zie jij nu? Nog steeds geen achtergrond bij Over ons?
De url webprofis.nl/test/peter/ heb ik ook getest met browserstack.com/ in zowel Chrome 38 en Safari 5.1 en beiden geen enkel probleem te zien
regel 120 staat nu: Veranderen in:
regel 129 staat nu: Veranderen in:
In de main.js op regel 270 staat nu: Veranderen in:
Regel 352 staat nu Veraderen in:
Regel 360 staat nu: Veranderen in:
Regel 377 staat nu: Veranderen in:
Tevens in de main.css op regel 565 staat: Zorg dat deze image bestaat zodat je logo ook in responsive wordt weergegeven, en zodra de header bar (menu) active is.
Tip:
Als je geen twitter gebruikt laad dan ook deze javascripts niet, dit geld ook voor andere applicaties.
Ik dank jullie nogmaals voor de moeite, ik pas morgen de adviezen van Rene aan.
In ieder geval ik heb deze url ( webprofis.nl/test/peter/) ook getest bij Browserstack in Chrome en Safari onder Windows 7 en daar waren ze allebei zonder problemen...Ik heb dus niet getest onder Mac OS
Overigens ik heb zelf een tijd geleden een probleem gehad met een webpagina die onder alle browsers (ook Safari), mits Windows exact hetzelfde uitzag , maar degene die een Mac hadden zagen complete verschuivingen....tja...dat zijn vaak hele lastige dingen om te zoeken waar hem dat in zit
1e: mijn eigen pc; Windows 7 en Chrome 39
2e: mijn eigen pc; Windows 7 en Safari 5.1
3e: via website van Browserstack getest; Windows 7 en Safari 5.1
4e: via website van Browserstack getest; Windows 7 en Chrome 38
5e: via website van Browserstack getest; OS Yosemit en Chrome 38
6e: via website van Browserstack getest; OS Yosemit en Safari 8
Merk op: eigen pc W7 en Safari 5.1. H2 niet weergegeven; via browserstack W7 en Safari 5.1 gekozen H2 wel
weergegeven...
Nogmaals dank
Op een foto kan ik geen stylesheets bekijken
Nogmaals dank.
http://www.kriesi.at/support/topic/problem-with-scrollspy-single-page-navigation-on-chrome-and-ios/
Ik dank jullie alle bij voor jullie moeite.
ik zal de testurl op dit domein verwijderen