Fixer mes images... ??

Angie1186 · Message par **Angie1186** » 13 juil. 2007, 01:00

Bonjour,

voilà ça fait maintenant plusieurs jours que je cherche une solution à ma question mais rien à faire je n'arrive pas à trouver..

en faite je suis en train de créer un site pour y exposer mes montages photos ect... et j'ai fais un menu "accueil, avatars, gifs, kits, etc..." le problème est que quand je l'écris directement depuis le site, ou si je fais un petit bouton cliquable que j'ajoute sur ma page, quand je fais un aperçu, les boutons ou l'écriture sont décallés.. c'est assez ennuyeux car normalement ils sont à une place bien précise, ça gache tout en faite.

pourriez vous me dire quoi faire svp?? c'est très important pour moi et je ne sais plus du tout quoi faire

merci beaucoup d'avance !

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Mongo Bob · Message par **Mongo Bob** » 13 juil. 2007, 07:01

Pas besoin de taper en gras, on arrive à lire quand même.

Angie1186 a écrit :le problème est que quand je l'écris directement depuis le site

Comprends pas. Que veux-tu dire?
Il faudrait que tu communiques ta page de code, que l'on puisse répondre...
A+

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

Invité · Message par **Invité** » 13 juil. 2007, 09:54

Dsl..

voici ma page avec les codes

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>Angie1186 Creas</title>
</head>
<body
 style="background-image: url(http://images2.imagehotel.net/3iyo09rdwq.jpg);">
<div style="text-align: center;"><a
 href="http://angie1186.site.voila.fr/signsblends.htm"><img
 style="border: 0px solid ; position: absolute; top: 329px; left: 388px; width: 132px; height: 28px;"
 alt="" src="http://images2.imagehotel.net/8c5xdjal7q.jpg"></a><a
 href="http://angie1186.site.voila.fr/avatars.htm"><img
 style="border: 0px solid ; position: absolute; top: 329px; left: 285px; width: 80px; height: 28px;"
 alt="" src="http://images2.imagehotel.net/u48watjqiy.jpg"></a><a
 href="http://angie1186.site.voila.fr/kits.htm"><img
 style="border: 0px solid ; position: absolute; top: 329px; left: 525px; width: 80px; height: 28px;"
 alt="" src="http://images2.imagehotel.net/zotispqpq1.jpg"></a><a
 href="http://angie1186.site.voila.fr/gifs.htm"><img
 style="border: 0px solid ; position: absolute; top: 329px; left: 602px; width: 80px; height: 28px;"
 alt="" src="http://images2.imagehotel.net/wjoe7jurbp.jpg"></a><a
 href="http://angie1186.site.voila.fr/wall.htm"><img
 style="border: 0px solid ; position: absolute; top: 329px; left: 684px; width: 80px; height: 28px;"
 alt="" src="http://images2.imagehotel.net/2s1dm3y9md.jpg"></a><a
 href="http://angie1186.site.voila.fr/mp.htm"><img
 style="border: 0px solid ; position: absolute; top: 329px; left: 765px; width: 80px; height: 28px;"
 alt="" src="http://images2.imagehotel.net/8tas1pzo0y.jpg"></a><a
 href="http://angie1186.site.voila.fr/me.htm"><img
 style="border: 0px solid ; position: absolute; top: 329px; left: 832px; width: 80px; height: 28px;"
 alt="" src="http://images2.imagehotel.net/7yyfepw736.jpg"></a><a
 href="http://angie1186.site.voila.fr/liens.htm"><img
 style="border: 0px solid ; position: absolute; top: 329px; left: 906px; width: 80px; height: 28px;"
 alt="" src="http://images2.imagehotel.net/zz2e2jc619.jpg"></a><br>
</div>
<div style="text-align: center;"><a
 href="http://angie1186.site.voila.fr/accueil.htm"><img
 style="border: 0px solid ; position: absolute; width: 80px; height: 28px; top: 329px; left: 195px;"
 alt="" src="http://images2.imagehotel.net/6pe62so9df.jpg"></a></div>
<div style="text-align: center;"><img
 style="width: 800px; height: 1300px;" alt=""
 src="http://images2.imagehotel.net/htlr0vqwis.jpg"><br>
<img
 style="width: 600px; height: 1px; position: absolute; top: 420px; left: 320px;"
 alt=""
 src="http://img78.imageshack.us/img78/7738/ligne1074ze5.gif"></div>
</body>
</html>

et vous voyez, les boutons "accueil, avatars, kit, etc..." devraient être placés juste en dessous de la bannière, dans un petit cadre que j'ai fait spécialement pour ça, mais les boutons sont en décalages..
j'espère que c'est plus compréhensible comme ça

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 13 juil. 2007, 10:42

Donne aussi l'adresse cette page sur le web, cela évite de copier ton code.

Angie1186 · Message par **Angie1186** » 13 juil. 2007, 10:52

Voici l'adresse :

http://site.voila.fr/angie1186/accueil. ... 9212444189

pour le moment je travail seulement sur la page accueil, car je fait une nouvelle version du site

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Fabrice.Tres.Net · Message par **Fabrice.Tres.Net** » 13 juil. 2007, 12:08

En regardant rapidement ton code, tu peux faire + simple.

Tu crées un div (c'est un élément pour contenir d'autres éléments) dans lequel tu rangeras tes images qui servent de liens.
Dans ce cas tu n'auras qu'à positionner le div une seule fois.

Dans un premier temps, tu ajoutes :

Code : Tout sélectionner

<div id="menu" style="border: 2px black solid; width:800px; height: 28px position:absolute; top=329px;left:50px;"> Je metterai ensuite mes images dedans une fois ce bloc bien placé</div>

Tu ajustes ton positionnement via Kompozer (ou à la rigueur Nvu) ou à la main en jouant sur top et left.

Ensuite tu remplaces le texte par une suite de:

Code : Tout sélectionner

<a href="monlien1.html"><img src="bidule1.jpeg" /><a> <a href="monlien2.html"><img src="bidule2.jpeg" /><a>

Pour régler l'espacement entre les images tu ajoutes en début de fichier avant la fermeture de head :

Code : Tout sélectionner

<style type="text/css">
/*<![CDATA[*/
* {
  margin: 0;
  padding: 0;
} /* elimine pas mal de difference entre IE et FF */
#menu.img {
margin-right:20px; /* marge de 20 pixel a droite de l'image */
}
/*]]>*/
</style>
</head>
  <body>

jpbardiau · Message par **jpbardiau** » 13 juil. 2007, 18:07

Angie1186 a écrit :je travail

Serait-il possible d'écrire correctement ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; wa; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4

Angie1186 · Message par **Angie1186** » 13 juil. 2007, 23:06

Merci beaucoup pour ton aide Fabrice.Tres.Net

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 1.1.4322)

Geckozone

Fixer mes images... ??

Fixer mes images... ??

Qui est en ligne ?