éléments « absolus » Repositionner la page web - CSS

Question

Je aime vraiment l'image curseur sur ce site page d'accueil: http://festival.co.nz/

Cependant, je me demandais, est-il possible de déplacer le « précédent » et « suivant » boutons pour être de chaque côté de l'image principale 'active'. Actuellement, ils sont fixés à l'extrême gauche & droite.

Le style de ces éléments est assurée par ce fichier CSS: http://css.festival.co.nz/yk-minifier/72cdcb814eb3e3beaa50436a9f869b1c.css mais je suis vraiment pas sûr où commencer si je devais essayer de déplacer les boutons pour être de chaque côté de l'image centrale.

Un grand merci pour les pointeurs avec cela.

Answer 1

Plus j'y pense, plus il est probablement plus sensé d'utiliser les requêtes média pour les tailles de l'ordinateur de bureau et de les ajuster en conséquence.

Désolé pour la perte de temps ici les gars de

Answer 2

Set left:240px au lieu de left:0 pour a.prev_event dans votre css.

a également établi right:240px au lieu de right:0 pour a.next_event dans votre css.

Hope this vous donnera le résultat que vous voulez

Answer 3

Modifiez le code suivant à la ligne 397 du fichier CSS:

de

a.prev_event { 
    left: 0; 
} 

à

a.prev_event { 
left: 50%; 
    margin-left: -470px; 
} 

Et sur la ligne 401, changer

a.next_event { 
    right: 0; 
} 

à

a.next_event { 
    margin-right: -470px; 
    right: 50%; 
}