Bewegende images

Status
Niet open voor verdere reacties.

motower

Gebruiker
Lid geworden
10 aug 2004
Berichten
472
Hallo, ik weet niet of mijn vraag hier op de juiste plaats is, maar bij deze ....

Ik heb op deze pagina (http://evissi.com/index2017.html) 'bewegende' images, maar zou die graag van boven naar beneden willen hebben, dus beeldvullend (responsive). Weet iemand hiervoor een oplossing?
 
Hallo Bron,

Bedankt voor je antwoord.

Inmiddels heb ik dit gevonden wat meer de bedoeling is. Alleen vraag ik me af hoe door te linken naar een bestaande pagina???
 
Oops, ik had beter eerst naar je pagina kunnen kijken. Je vraag is denk ik anders. Op je pagina staat een accordeon menu met 4 verticale menu items (menuknoppen). Je wilt die van boven naar beneden zeg je. Begrijp ik daaruit dat je horizontale menu items wilt hebben?
 
Nee, het moet verticaal, hihi. http://evissi.com/index-taste.html Deze heb ik inmiddels bijna 'ontrafeld'. Nu is het alleen nog zo dat als je op een link hebt geklikt en naar een pagina gaat en je daarna in de browser op 'terug-pijltje' klikt dat je dan op een 'volledige div' terechte komt i.p.v. alle vier naast elkaar.
 
Ziet er gaaf uit :thumb: De css ga je zeker uitkomen. Suc6 met de website!
 
Hoi Bron,

Dank je!

Ik weet niet of ik er uit ga komen, hihi, want hij werkt niet goed op (tel/pad) http://evissi.com/index-taste.html Dat ligt aan de dive waar het logo instaat. Inmiddels heb ik nog een versie op gemaakt met "interne css" en dat werkt beter, maar nu is het logo niet responsive . Dus als je nog tips hebt dan houd ik me aanbevolen! :d
 
Je gebruikt height:100vh op de container. IE was de eerste die vh ondersteunde. Pas nadat IE10 was uitgebracht werd het opgenomen in Chrome en pas nadat IE11 was uitgebracht werd het opgenomen in Opera. Als je vh gebruikt op iOS7 (Chrome en Safari) dan is deze buggy. Bij Android is minimaal 4.4 nodig. Je zal er dus rekening mee moeten houden dat de website niet bij iedereen goed wordt weergegeven.

Alternatief.
html, body {height:100%;}
body > .container {min-height:100%;}
 
Laatst bewerkt:
Hoi Bron,

Ahaaaa, bedankt voor je info!
Hoe en waar moet ik precies jouw alternatief plaatsen?
 
Op deze pagina staat in de html
Code:
<style>
.container {
  position: relative;
  height: 100[B]vh[/B];
  overflow: hidden;
}

Dit wordt dan
Code:
<style>
html, body {
  height: 100%;
  margin: 0;
}
body > .container {
  min-height: 100%;
}
.container {
  position: relative;
  overflow: hidden;
}
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan