Diviser un écran en deux zones

Charles Ntg
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

JeremieMeunier
Réponse acceptée

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; }
Charles Bourree

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

tomazn

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

.flex-nav-prev, .flex-nav-next, .flex-prev, .flex-next
{
    height: 100%;
}