Ajouter un positionnement CSS aux boutons

J'ai un bouton précédent et un bouton suivant pour un script de pagination php, qui tombent tous les deux sous la classe paginate.Ajouter un positionnement CSS aux boutons

.paginate { 
    font-family:Arial, Helvetica, sans-serif; 
    padding: 3px; 
    width:400px; 
} 

.paginate a { 
    padding:2px 5px 2px 5px; 
    margin:2px; 
    text-decoration:none; 
    color: #fff; 
    width: 180px; 
}

donc je leur ai donné à la fois leurs propres cours individuels suivant et précédent

.next { 
    background: url("../images/more.fw.png") no-repeat; 
    height: 87px; 
    width:128px; 
    padding:10px; 
    margin:50px; 
    font-family:Arial; 
    font-size:24px; 
    color:#fff; 
    position:fixed; 
    top:585px; 
    right:470px; 
}

.previous { 
    background: url("../images/previous.fw.png") no-repeat; 
    height: 87px; 
    width:128px; 
    padding:10px; 
    margin:50px; 
    font-family:Arial; 
    font-size:24px; 
    color:#fff; 
    position:fixed; 
    top:585px; 
    right:620px; 
}

Comme vous pouvez le voir dans le lien ci-dessous ces boutons S'adapte parfaitement côte à côte lorsqu'il est placé en haut de la page, mais ce que j'essaie de faire est d'obtenir t Il appuie sur les boutons pour s'asseoir disent 20 px au-dessous de la section ci-dessus. Cependant, si je change de ti à partir du haut 558px, ce qui se passe est que les boutons sont assis à des hauteurs différentes et ne s'asseoiront pas l'un à côté de l'autre.

Toutes les idées seraient appréciées.

Merci

Source

2012-11-08 Stan Williams

Vous avez le style mis à position: fixed, de sorte qu'ils ne serez se déplacer lorsque l'écran défile - Est-ce que vous voulez?

.paginate { 
    position: relative; 
    ... 

.next { 
    position: absolute; 
    display: block; 
    ...

maintenant votre bouton top et right tous par rapport au conteneur paginate

Source

2012-11-08 08:50:57 trapper

Merci quand je supprime la position fixe, les boutons finissent par ressembler à ceci: http://www.qrrw.net/E –

Votre code HTML est assez cassé là-bas - vous avez le bouton suivant à l'intérieur du bouton précédent! – trapper

Merci non cela ne fonctionne pas, rien ne semble faire à part ce que je mets la première fois http://www.qrrw.net/E Je pense que le problème doit être parce que les deux boutons sont dans la même classe –

vous pouvez régler le bouton par position:absolute; à la fois .next et .previous pour que la potion de bouton changer wont

Source

2012-11-08 08:51:02

Ajouter un positionnement CSS aux boutons

Répondre

Questions connexes