ajuster la position de block <div>

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : ajuster la position de block <div>

serialplayer

Salut,
Je voudrais placer en bas de ma page 3 liens sur une même ligne:
un à droite pour retourner à la page précédente
un au milieu pour aller au sommaire
un à gauche pour aller à la page suivante.
Le plus simple serait d'utiliser un tableau, mais je crois que cela n'est pas recommandé. Je me suis donc tourné vers les <div> mais je n'arrive pas à les positionner correctement.
Quelqu'un pourait-il m'aider?

Publicité

gatsu35

Blablaté par Harko

<ul class="liensbas">
<li class="first"><a href="#">lien gauche</a></li>
<li class="last"><a href="#">lien gauche</a></li>
<li><a href="#">lien gauche</a></li>
</ul>

CSS :
.liensbas {text-align:center;}
.liensbas .first {float:left;}
.liensbas .last {float:right}

????

olivthill

Un exemple complet en suivant les indications de Gatsu35.

<html>
<head>
<style type="text/css">
.liensbas {text-align:center; list-style-type:none; margin:0;}
.liensbas .first {float:left;}
.liensbas .last {float:right}
</style>
</head>
<body>
Test de 3 blocs alignés
<p>
<ul class="liensbas">
<li class="first"><a href="#">lien gauche</a></li>
<li class="last"><a href="#">lien droit</a></li>
<li><a href="#">milieu</a></li>
</ul>
</body>
</html>

Message cité 1 fois

gatsu35

Blablaté par Harko

olivthill a écrit :

Un exemple complet en suivant les indications de Gatsu35.

Code :

<html>
<head>
<style type="text/css">
.liensbas {text-align:center; list-style-type:none; margin:0;}
.liensbas .first {float:left;}
.liensbas .last {float:right}
</style>
</head>
<body>
Test de 3 blocs alignés
<ul class="liensbas">
<li class="first"><a href="#">lien gauche</a></li>
<li class="last"><a href="#">lien droit</a></li>
<li><a href="#">milieu</a></li>
</ul>
</body>
</html>

serialplayer

Merci beaucoup,
ça fonctionne impec. Je n'aurais jamais pensé à utilisé une liste de cette façon.
J'en profite pour vous souhaiter onne année
:hello:

naeco

Buddy Rich Big Band

pourquoi c'est pas conseillé de faire ça dans un tableau ?

serialplayer

parce qu'un tableau sert à mettre des données dedans et non à faire une mise en page. Utiliser un tableau serait le détourner de son usage.

naeco

Buddy Rich Big Band

ok, pas faux, j'avais jamais vu les choses sous ce point de vu, c'est interessant

ZeBix

edit > preview

@Naeco :
c'est LE grand débat parmi les Web Designers.

Les recommandations W3C et ceux qui les respectent, dont je (tente de) faire partie, abhorrent les tableaux pour la mise en page... alors qu'un (trop) grand nombre de site les utilisent encore à ce dessein ... comme aux glorieux temps du début de l'explosion Internet (1996+)

Si tu veux donc être un codeur sérieux, la SEULE raison pour laquelle tu vas employer un tableau c'est comme serialplayer le dit, pour présenter des données, par exemple issues d'une base de données (usage le plus courant).

Sur le dernier site que je suis en train de coder (pour des potes) je tente de faire l'uber geek et de ne plus utiliser aucun mais aucun tableau, eh bien franchement j'ai du mal sur certains points, surtout sur la compatibilité IE/FF avec la gestion des DIVs dans l'espace ... mais je lutte, docteur, je lutte !

Plus d'infos sur le sujet :
http://designorati.com/web-design/ [...] es-so-bad/
(j'adore l'extrait suivant :

Citation :

Believe it or not, when I asked the question to a web designer: Why are tables bad? I couldnt get a straight answer. The answer I got was: They are not made for layout. I said to myself that one could design with tables, so why are they not meant for it?

)

http://css-discuss.incutio.com/?page=TablesVsDivs

http://www.imarc.net/blog/76/div_vs_table_battle_2k6/

naeco

Buddy Rich Big Band

C'est noté, merci d'avoir pris le temps d'expliquer

FORUM HardWare.fr

Programmation

HTML/CSS

ajuster la position de block <div>

Sujets relatifs
Problème position image	Récupérer et redéfinir la position du curseur
block insecables	Utilisation de UIA (User Interface Application Block)
Cherche un valeur dans une ligne et retourne la position de la cellule	position relative ? absolue ? table ? bref : que choisir dans mon cas?
[.NET] StreamReader, position dans un fichier, fonction peek et seek	position du curseur dans un formulaire
Obtenir la position d'un noeud	[Ruby] Position de la souris en GTK2
Plus de sujets relatifs à : ajuster la position de block <div>

Page générée en 0.052 secondes