Voilà, je fais un site pour des menuiserie et j'ai un petit soucis avec la position d'image...

Je fais du CSS depuis 1 semaine avec notepad++ et dreamweaver, j'ai donc réussi à faire ce petit truc

http://comradekowalski.ifrance.com/accueil.html

Seul problème, l'image en haut, elle est en relative, j'aimerais la mettre au niveau du bouton accueil mais à chaque fois que je chance le margin-top, je décalle même le texte du dessus...

Si j'peux avoir un conseil pour m'aider à bien la positionner sans que tout se déplace avec ?

Tu parle de quel image, la petite en dessous du texte encadré ? ou celle de fond, le gros logo ?! Ton menu est-il flottant ( a gauche ? ) ou non ? Peut tu faire un ptit schéma de ce qur tu veux ?

En fait oui, je parle de la petite image en haut dessous le texte encadré !

J'aimerais qu'elle soit juste à côté de "Accueil", pour l'instant tout et en position relative !

Et pour déplacer cette image j'utilise des "margin" mais à chaque fois ça décalle toute la page ! :-s

Il faut que ton menu soit en position flottante pour ne pas avoir ce soucis, par exemple, tout ce qui compose ton menu, tu le mets dans un div, avec comme propriété "float:left;" et c'est ce div que tu place dans ta page, biensur là, il va faloir refaire les margins du menu, qui seront par rapport à ce div tu vois ? puis pour le contenu, tu fais un float:right; sur un div, dedans le contenu ! une fois ce div ferme tu mets un div vide (<div style="clear:both;"></div> ou le clear:both; dans une class CSS et la class sur le div, ca a pour effet d'annuler les effets de flottement qui le suivent, pour revenir à la normal après

Ok je vais essayer tout ça !

PS : Les boutons en flash, c'est faisable en CSS avec deux images par bouton voir 2 images tout court et le texte par dessus

http://www.thymotep.fr/aide_jvc/7868362/

Fait à l'arrache

Et ben t'as été plus rapide que moi !

Je viens tout juste de positionner l'image à ma façon aussi !

Tu peux regarder mon code si besoin et prefere les class au id, l'id, tu ne peux l'appeller qu'un fois dans ta page, en pratique autant de fois que l'on veux, mais c'est pas du bon code après

D'accord je te remercie ! ^^

Voilà, bon c'est encore le début mais bon, au moins j'ai réussi à positionner 2 images sans tout décaller !

http://comradekowalski.ifrance.com/accueil.html

(J'ai même rajouter un p'tit code javascript sur la première image !)

Enfin merci beaucoup, j'avoue que les Float sont super utiles !

Vire la bordure sur le lien de l'image pour la première, tu fou un border:0px; sur id img a et id img a:hover comme ma page

J'ai plutôt rajouter un border 0px pour enlever le bleu tout moche et j'ai mis un p'tit border 1px black dans le css pour faire un petit cadre fin et noir !

J'aime bien le rendu.

Je parler de la première petite image, PS : Le JS sur l'image marche pas ?

Attend si je re-upload tout !

FileZilla fait pas mal d'erreur du genre "too many connection" urf...

Impossible d'upload mes fichiers !

Too many connection from this ip.

Fais ch*er !