Les images sont decalées...

[Djukbox]

Bonjour,
Voila mon problème avec Kompozer :

Quand je fait mon site, je cale les images les une sur les autres pour que le menu aille bien, mais une fois publié, sur le web les images sont decalées.

Voici mon problème en image :

http://www.djukbox.com/accueil

les titres sont décalé de l'image du menu.
Comment arrangé ça ?

Merci d'avance.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4

[Fabrice.Tres.Net]

Voilà ce que je vois:


Cela me parait bon.
Si ce n'est pas cela, il faudrait expliquer ton problème!

[Djukbox]

C'est surprenant, voila ce que moi je vois.

Cela doit provenir de mon navigateur ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4

[Fabrice.Tres.Net]

Si je change la dimension de la fenêtre, j'ai des décalages qui sont normaux vu le code utilisé.

Il va falloir apprendre un peu ce qu'est la sémantique du html pour que tu puisses faire la distinction entre le fond et la forme, le contenu et la présentation.

Ton contenu s'est le principal, c'est l'information qui resterait s'il n'y avait rien pour l'embellir: des titres des sous-titres, des paragraphes avec des illustrations (schémas, photos,...), ... des liens pour naviguer vers d'autres pages (le menu)!



Ta partie en rouge devrait être une image de fond, elle n'apporte rien au site, je peux en mettre une autre cela ne changera pas le contenu du site! C'est comme la pochette d'un CD, la musique reste la même même si tu changes la couverture.

En blanc j'ai représenté ce qui sera les données, un div menu contenant les liens vers tes pages. Ensuite tu pourras mettre une image de fond à la div #menu !

Fais d'abord le contenu de ton site (les murs), puis mets la tapisserie à la fin! J'imagine mal découper la tapisserie puis coller les murs ensuite au bout de tapisserie.

[Ymai]

Voilà ce que je vois:


Cela me parait bon.

en 1024

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.4) Gecko/2008111317 Ubuntu/8.04 (hardy) Firefox/3.0.4

[Djukbox]

Merci pour vos réponses.

Donc je vais attaquer avec le contenu, faire les liens avec mes images et je métrerai ensuite l'image de fond rouge (l'espèce de cadre) qui me servira "d'habillage".

Par contre je n'est pas bien comprit les div menu etc.
Pourriez-vous m'éclaircir a se sujet svp ?^^
Merci.


Enfait je n'est même pas les bases de mon site, et c'est problématique, j'ai lut pas mal de tuto déjà mais aucuns ne m'a réellement appris comment implanter les base de mon site etc.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4

[Fabrice.Tres.Net]

Ce que tu peux faire c'est analyser des sites web, et te poser des questions comme:
-Qu'est ce qui est utile?
- Quelles sont les parties ornementales?
...

Tu peux lire http://www.siteduzero.com/tutoriel-3-13 ... e-web.html

et si tu as l'extension web developper, tu peux t'amuser à linéariser des pages web ou supprimer le css pour voir l'info qui reste une fois le superflu retiré!

[Djukbox]

Merci bien,
j'avais déjà lut en intégralité le tuto sur le site du Zero, mais pour Kompozer ce n'est pas se qui m'aide le plus^^.
Je vais aussi faire le deuxième conseil que vous m'avez donné.


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 6.0; fr; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4

[Fabrice.Tres.Net]

Le site du zero doit t'aider à faire la différence entre contenu et présentation.
Kompozer te permettra de réaliser ensuite ton site.
Une page web c'est comme un document papier...quelles sont ses principales parties? Quelles infos y trouvent-on?