Page 1 sur 1
Fixer mes images... ??
Publié : 13 juil. 2007, 01:00
par Angie1186
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)
Publié : 13 juil. 2007, 07:01
par Mongo Bob
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
Publié : 13 juil. 2007, 09:54
par Invité
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)
Publié : 13 juil. 2007, 10:42
par Fabrice.Tres.Net
Donne aussi l'adresse cette page sur le web, cela évite de copier ton code.
Publié : 13 juil. 2007, 10:52
par Angie1186
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)
Publié : 13 juil. 2007, 12:08
par Fabrice.Tres.Net
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>
Publié : 13 juil. 2007, 18:07
par jpbardiau
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
Publié : 13 juil. 2007, 23:06
par Angie1186
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)