Diviser un écran en deux zones

Par Charles Ntg, il y a 8 ans

Les bases HTML/CSS

Bonjour,

Voila je rencontre un petit problème avec mon code.

Ce que je veux

J'utilise un système de slider (flexslider) en fullscreen et j'aimerai que mon bouton Previous prenne 50% gauche de l'écran et Next prenne 50% droite et non pas juste une simple flèche cliquable.

J'ai essayé de jouer sur la longeur 50% de mes éléments mais cela ne fonctionne pas.

Voici le début d'essai que j'ai fait : http://www.kthxbye.fr/test/

Un petit coup de pouce please ? :)

Merci,

3 réponses

Charles Bourree, il y a 8 ans

Tes boutons ont disparu !?
Charles ou Andréa ?

tomazn, il y a 8 ans

Bonjour,
Essayes juste d'ajuster la hauteur de tes boutons comme ceci :

.flex-nav-prev, .flex-nav-next, .flex-prev, .flex-next { height: 100%; }
JeremieMeunier, il y a 8 ans

Pourquoi ne pas les mettre en absolute dans le bloc parent de ton slider ?

.flex-nav-prev, .flex-nav-next, .flex-prev, .flex-next { position: absolute; top: 0; bottom: 0; width: 50% } .flex-nav-prev, .flex-prev { left: 0; } .flex-nav-next, .flex-next { right: 0; }