bonjour a tous, j'ai commencer a créer un site possédant plusieurs pages
j'ai donc fais un lien vers les pages précédente et suivant
cependant les liens se mettant comme ceci :

Page Précédente
Page Suivante

alors que je voudrai qu'il se mettent cote a cote

Page Précédente - Page Suivante

comment faire ?

merci de vos réponses

PS : Je connais le HTML et le CSS au cas ou ^^

<p><a href="page1.html">Précédent</a> - <a href="page3.html">Suivant</a></p>

PTDR Dur de ne pas savoir faire un href.

c'est ce que je fais hein ! mais quand je fais ca les lien ce mettent lun en desssous de lautre --'

Et dans ton css t'as pas un truc qui dit que le bloc qui contient les liens a une largeur définie (qui serait trop petite) ou qui définit les liens comme étant des blocs ?

C'est normal, la plupart des balises fermantes HTML font des retour à la ligne : </a> </p> </h1> ...

Soit tu met tes liens dans une liste du genre
<ul>
<li><a href="page1.html">Précédent</a></li>
<li><a href="page3.html">Suivant</a></li>
</ul>

Avec dans ton css un
ul li
{
float:left;
}

Soit tu met directement dans un tableau
<table>
<tr><td><a href="page1.html">Précédent</a></td><td><a href="page3.html">Suivant</a></td></tr>
</table>

Tu peux aussi ajouter des styles pour supprimer les puces dans le premier cas, et les bordures dans le 2eme cas.

Je pense que la première solution est plus jolie

Tu fais dans ta page html :

<div class="menu">
<a href="">Page précedente</a>
<a href="">Page suivante</a>
</div>

Tu fais dans ta page css :
.menu a
{
float:left;
padding:5px;
}

et voila !

merci bcp au deux personne m'ayant repondue

au vu de l'heure de testerai ca demain et je vous dis qoui

mais deja merci ^^

bob63
Posté le 16 juillet 2012 à 19:09:30
C'est normal, la plupart des balises fermantes HTML font des retour à la ligne : </a> </p> </h1> ...

Soit tu met tes liens dans une liste du genre
<ul>
<li><a href="page1.html">Précédent</a></li>
<li><a href="page3.html">Suivant</a></li>
</ul>

Avec dans ton css un
ul li
{
float:left;
}

Soit tu met directement dans un tableau
<table>
<tr><td><a href="page1.html">Précédent</a></td><td><a href="page3.html">Suivant</a></td></tr>
</table>

Tu peux aussi ajouter des styles pour supprimer les puces dans le premier cas, et les bordures dans le 2eme cas.

Je pense que la première solution est plus jolie
__________________________________

Déjà le coup des balises fermantes qui font des retours à la ligne ça m'a fait rire.
Mais je crois que t'as touché le fond en utilisant un tableau.

@le-platinum-3 : Ça donne quoi si tu fais bêtement ceci ? :

a{
display: inline;
}

Un petit conseil: si tu utilises Firefox installe l'addon Firebug (ou Web développeur je sais plus). Si tu utilises Google Chrome il y en a un d'intégré par défaut.
Dans les deux cas tu peux (presque?) tout savoir sur tes éléments HTML en faisant un simple clique droit sur l'élément que tu veux inspecter. ( "Inspecter l'élément" )

3615_mylife > J'ai bien préciser que la méthode du tableau n'était pas propre. Mais elle est possible.

Je n'irais pas plus loin dans mes arguments. J'ai cliqué sur ta CDV, ca m'a suffit ...

Bref, revoit tes bases HTML, certaines balises HTML font bien des retours à la ligne comme p, h1, ...

J'ai mal lu une partie.

Non t'as juste dis que la méthode des listes à puce était plus jolie.

Oui <p><h1> (et la suite) <div> <ul> (là je pourrais t'en lister pleins encore ) font des retours à la ligne car se sont des balises de type block.
<a><img/><input/> sont des balises de type inline.

A moins de préciser dans le CSS
a{
display: block
}

se sera TOUJOURS une balise inline.

Ah et ça veut dire quoi le ? "J'ai cliqué sur ta CDV, ca m'a suffit ... "
Nan parce que ma CDV y'a pas grand chose alors ton taunt est foireux ~ ~
Je programme en HTML/CSS/PHP depuis que j'ai 10ans (et que mes parents aient fait l'erreur de me mettre un ordi sous le nez). Je crois que je sais encore se que je dis.

On peut voir une de tes créations ?

J'ai rien d'en ligne sous la main là (nouveau projet qui est pour le moment en Work in progress).

Et j'ai rien à vous prouvez non plus, t'façon.

Ah non, loin de moi l'idée de te faire croire ça. C'était juste comme ça.