OVH Cloud OVH Cloud

div en dessous d'une autre

1 réponse
Avatar
pere.noel
sur mon essai :
<http://yvon-thoraval.com/zengarden/navbar_1.html>

je souhaite positionner #"navcontainerbot (la barre de navigation du
bas)

sous #content (le contenu de la page)

que dois-je changer???
--
une bévue

1 réponse

Avatar
MIMATA
"Une bévue" wrote:
MIMATA wrote:

Dans la page que tu as indiquée, y'a
une tripotée de div qui ne me semblent pas utiles


ah oui, je vois la remarque par exemple :
[...]
mais où ailleurs ?



Bonjour, je viens de jeter à nouveau un oeil à ton code qui semble avoir
évolué. Je me permets juste de dire que tu peux encore faire mieux au niveau
de tes nombreuses divs dont la plupart sont parfaitement inutiles. Par
exemple, dès le début du body :
<div id="date">le 28/01/2006</div>
<div id="header">
<h2>yvon's bookmarks</h2>
</div>
Pourquoi des divs ?! Utilise simplement les balises html, elles sont là pour
ça, ton code devient donc : <p id="date">le 28/01/2006</p>
<h2 id="header">yvon's bookmarks</h2>Ou : <div class="pair">Stanilas
Barnabé<br/><div class="switch">Il s'agit de texte, normalement, tu devrais
dire s'il s'agit d'un titre, d'un paragraphe, une liste, d'une liste de
définition, etc..Mettre directement du texte dans un div fonctionne, je suis
d'accord, mais ce n'est pas sémantiquement correct.Ici, comme cela a été
dit, il s'agit apparenemnt d'une liste de définition. Tu devrais donc
utiliser les balises dl, dt et dd
(http://www.startyourdev.com/HTML/Balise-DL.html)Tu as des exemples
d'utilisation de cette balise dans des menus et même combiné avec des listes
ici :
http://css.alsacreations.com/xmedia/exemples/deroulant/menu-vertical.htmOu
encore à la fin : <div id="valid">
<p> <a href="[...]</a>
</p>
</div>Mets juste :<p id="valid"> <a href="[...]</a>
</p>...quoique vu que c'est pour les images...je me demande si un paragraphe
est mieux adapté qu'un div ici...j'ai même l'impression que vu qu'il ne
semble pas y avoir de positionnement particulier, la balise div et la balise
p peuvent certainement sauter toutes les deux...Et n'oublie pas (je sais pas
si c'est applicable dans ton code) que tu peux spécifier plusieurs classes
en même temps ex au lieu de : <div id="navbarbot">
<ul id="navlistbot">Tu peux mettre : <ul id="navbarbot
navlistbot">Dernière chose, tu peux styler ton curseur aussi pour retrouver
la petite main en mettant cursor: pointer; dans ta css.Voilà...A+