Site compatible sou sIE mais pas Mozilla.

Dylav · le 4 juin 2007

Excuse-moi, Lomaster, si je ne suis pas réactif, mais ma liaison Internet perso ne fonctionne plus depuis vendredi soir (quasiment juste après le message que je t'ai envoyé)... Je vais essayer de réparer ça dès ce soir, grâce aux conseils éclairés reçus ici même ce matin, de mon bureau. Mais il te faudra peut-être patienter encore car, sans être un boulet, je ne suis tout de même pas un bidouilleur de première, et je ne vais peut-être pas réussir à rétablir la liaison...

P.S.: au bureau, mon proxy bloque hiboox... je ne vois pas tes images

lomaster · le 4 juin 2007

re ,

Pour les images, j'ai utilisé un autres hébergement.

Ne t inquiète pas, je n'ai pus te répondre qu'aujourd'hui, je n'ai quasiment pas eu internet pendant le week end.

édite :

J'ai commencé le codage du site ( le découpage) avec ImageReady et bloc note.. C'est donc diviser en tableau car le logiciel code pas Tableau et non pas en Div...

Voici ou j'en suis pour le moment :

ici ( il est long à charger actuellement, c'est un hébergement provisoire qui me permet de me faire aider plus facilement.)

Donc comme tu peux le constater, je n'arrive pas à mettre la bonne image en fond.. Les deux colonnes sur la gauche ainsi que la droite. Le design est bien mais pas sur le fond..

Une petite aide. quand tu auras t'as connexion

Amicalement.

Modifié le 4 juin 2007 par lomaster

Dylav · le 5 juin 2007

Re,

Tu vas rire (peut-être), mais le proxy de mon bureau bloque aussi ta page (sous le motif "Private Homepage")...

... et je retourne demander des conseils, parce que ma liaison Internet ne veut toujours pas se rétablir.

@+ (j'espère)

lomaster · le 5 juin 2007

pas de problème, occupe toi de tes problèmes de connexion avant tout.

lomaster · le 7 juin 2007

Bonjour tout le monde,

J'avance tranquillement dans le codage du site, j'ai réglé le problème du fond et j'ai abandonné les tableau et me suis donc mis au balise "Div".

J'arrive donc au menu, j'ai bien essayer de regarder le topic que l'on m'a montré au début mais je n'y arrive vraiment pas...Je bloc au niveau du css et du javascript. Car je pense que mon fichier html et bon.

Voici mon fichier html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Arcachon Beauty Spot</title>

<link href="index.css" rel="stylesheet" type="text/css" media="screen">

<script type="text/javascript" src="MenuDeroulant.js"></script></head>

<body>

<div id="contenu">



<img src="images/banniere.png" width="895" height="200" alt="">



<div id="menu">

<ul>

<li> <a href="accueil.htm"> <img src="images/accueil.png" width="105" height="21" alt=""> </a>            </li>

<li> <a href="sante.htm" > <img src="images/sante.png" width="103" height="21" alt=""> </a>

<ul>

<li> <a href="tv.html" class="ssmenu">Thérapie Vasculaire</a></li>

<li><a href="luxo.html" class="ssmenu">Luxoponcture</a></li>

<li><a href="sophrologie.html" class="ssmenu">Sophrologie</a></li>

</ul>

</li>

<li><a href="beaute.htm"> <img src="images/beaute.png" width="104" height="21" alt=""> </a>

<ul>

<li> <a href="amincissement.html" class="ssmenu">Amincissement</a></li>

<li><a href="ipl.html" class="ssmenu">I.P.L</a></li>

<li><a href="sophrologie.html" class="ssmenu">Luxoponcture</a></li>

<li> <a href="po.html" class="ssmenu">Prothésiste Ongulaire</a></li>

<li><a href="training.html" class="ssmenu">Training</a></li>

<li><a href="rv.html" class="ssmenu">RV</a></li>

</ul>

</li>

<li><a href="bien-etre.htm"> <img src="images/bien-etre.png" width="105" height="21" alt=""> </a>

<ul>

<li> <a href="jesaispas.html" class="ssmenu">je sais pas </a></li>

<li><a href="bv.html" class="ssmenu">Beauté du visage</a></li>

<li><a href="lpg.html" class="ssmenu">L.P.G</a></li>

<li> <a href="loxo-bien-etre.html" class="ssmenu">Luxoponcture</a></li>

<li><a href="chezpa.html" class="ssmenu">chezpa </a></li>

<li><a href="chezpabis.html" class="ssmenu">chez pa</a></li>

</ul>

</li>

<li><a href="contacts.htm"> <img src="images/contacts.png" width="104" height="21" alt=""></a> </li>

</ul>

</div>

</div>

</body>

</html>



<script language="javascript"></script>

<script language="javascript" src="http://js.cybermonitor.com/clubv3.js">

</script>

<noscript>

<img src="http://stat3.cybermonitor.com/clubv3_v?R=edit_PagesPersos_abonnes&S=total;PagesPersos">

</noscript>



<script language="JavaScript" src="http://perso-static.club-internet.fr/popUnder3.js"></script>

<script language="JavaScript"> setTimeout("dailyPopUnder('myPopUnder', popUnderData[Math.floor(Math.random()*(popUnderData.length))], 620, 512);", 3000); </script>

Je pense être bien partie, maintenant je n'arrive pas mettre les bonnes valeur / balise dans le fichier css pour arriver à ce résultat :

j'ai réussi à bein coder le menu, il se trouve au bon endroit mais dès que je mets les balise <li> sa me change tout..

Bref je n'ai pas réussi à mettre ce menu en place une aide serait le bien venu.

Petit rappel :

je souhaite avoir un menu comme celui de zebulon donc en javascript.

On m'a donné un lien en début, la même question avait trouvé solution puisqu'il demandait une chose identique. Malgrès cela je n'y arrive pas.

Amicalement.

Edit:

en cherchant j'ai trouvé ceci :

http://www.rs-dev.com/ejs/RSmenu.html c'est exactement ce que je veux mais avec mon design mais je ne pige vraiment rien , je n'arrive pas à le mettre sur mon site.

Modifié le 7 juin 2007 par lomaster

Dylav · le 8 juin 2007

Bonjour Lomaster,

Excuse-moi pour mon pointillisme, mais je n'ai toujours pas rétabli ma liaison Internet : qu'est-ce que je suis malheureux...

Pour ton problème, tout d'abord ta page HTML semble effectivement correcte. Je l'ai passée au validateur XHTML du W3C, et les seules erreurs qu'il détecte concernent la formulation des balises "vides" : il faut mettre un "/" avant le chevron de fin, par exemple pour <meta>, <link> et <img>. Exemple : <img src="images/accueil.png" width="105" height="21" alt="" />.

Maintenant, pour chercher ce qui coince, il serait intéressant que tu nous postes aussi ta feuille de style et ton script JavaScript (même si tu l'as recopié, il pourrait avoir été altéré au cours de la manip').

En tout cas, va voir le site de Saladin, il fonctionne impeccable, et sa page index est suffisamment simple pour que le mécanisme apparaisse sans difficulté. Si tu veux tout récupérer d'un coup (HTML, CSS et JavaScript), tu te positionnes sur la page concernée, et tu fais Fichier / Enregistrer sous / Page web complète. Tu obtiendras d'une part la page HTML, et d'autre part un répertoire de tous les fichiers associés (images, feuille de style, script)

@+ j'espère

lomaster · le 8 juin 2007

bonjour dylav,

j'ai récupérer plein de script pour ce menu ( saladin, zebulon et le lien donné dans mon dernier post) mais je n'arrive pas à l'adapter pour mon site...Au niveau du fichier css je pense.

Voici donc ou j'en suis :

Visitez mon site web

et je suis un peu perdu maintenant... je pense que j'ai bien organiser mon menu dans le fichier html mais c'est pour le css et le fichier javascript que je bloque...

Dylav · le 8 juin 2007

Argh ! Entre mon proxy au bureau qui m'interdit de visiter ton site, et ma liaison Internet défaillante à la maison, je suis dans l'incapacité de te répondre... Désolé !

lomaster · le 9 juin 2007

re tout le monde,

j'ai réglé le problème du menu en Javascript, mais j'ai un autre problème souvent rencontré, mais dans le sens inverse...

le découpage de mon site est bien présenté sous IE mais pas sous MOzilla.

Pourriez-vous m'aidez à trouver pourquoi?

le lien vers le site :

http://blog.lolo.free.fr/

le fichier html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Arcachon Beauty Spot</title>

<link href="index.css" rel="stylesheet" type="text/css" media="screen">


<!-- script menu
*************************************************************************-->
<script type="text/javascript" src="fichier-javascript/MenuDeroulant.js"></script>



</head>

<body onload="setHover('menu');">

<div id="contenu">

<!-- Header
*************************************************************************-->

<img src="images/banniere.png" width="895" height="200" alt="">




	<!-- Menu
*************************************************************************-->








<div id="chmenu">
 <ul id="menu">
<li><a  href="http://www.saladin5.fr/index.html"  class="menuprincipal"><img src="images/accueil.png" width="105" height="21" alt="">
	</a></li>

<li><a href="http://www.saladin5.fr/definition.html"  class="menuprincipal" class="menuprincipal"> <img src="images/sante.png" width="103" height="21" alt=""></a>
  <ul>
	<li><a href="http://www.saladin5.fr/definition.html" class="ssmenu">Thérapie Vasculaire</a></li>
		<li><a href="http://www.saladin5.fr/ir.html" class="ssmenu">Luxoponcture</a></li>
			<li><a href="http://www.saladin5.fr/definition.html" class="ssmenu">Sphrologie</a></li>
  </ul>
</li>

	 <li><a href="http://www.saladin5.fr/definition.html" class="menuprincipal"> <img src="images/beaute.png" width="103" height="21" alt=""></a>
  <ul>
	<li><a href="http://www.saladin5.fr/definition.html" class="ssmenu">Amincissement</a></li>
		<li><a href="http://www.saladin5.fr/ir.html" class="ssmenu">I.P.L</a></li>
			<li><a href="http://www.saladin5.fr/definition.html" class="ssmenu">Luxoponcture</a></li>
			<li><a href="http://www.saladin5.fr/definition.html" class="ssmenu">Prothésiste Ongulaire</a></li>
		<li><a href="http://www.saladin5.fr/ir.html" class="ssmenu">Training</a></li>
			<li><a href="http://www.saladin5.fr/definition.html" class="ssmenu">R.V</a></li>
  </ul>
</li>


 <li><a href="http://www.saladin5.fr/definition.html" class="menuprincipal"> <img src="images/bien-etre.png" width="103" height="21" alt=""></a>
  <ul>
	<li><a href="http://www.saladin5.fr/definition.html" class="ssmenu">Je sais pas</a></li>
		<li><a href="http://www.saladin5.fr/ir.html" class="ssmenu">Beauté du visage</a></li>
			<li><a href="http://www.saladin5.fr/definition.html" class="ssmenu">L.P.G</a></li>
			<li><a href="http://www.saladin5.fr/definition.html" class="ssmenu">Luxonponcture</a></li>
		<li><a href="http://www.saladin5.fr/ir.html" class="ssmenu">je ne sais pas</a></li>
			<li><a href="http://www.saladin5.fr/definition.html" class="ssmenu">chez pas</a></li>
  </ul>
</li>

<li><a href="http://www.saladin5.fr/serveurphoto.html" class="menuprincipal"><img src="images/contacts.png" width="104" height="21" alt=""></a></li>
 </ul>
</div>

<table id="Table_01" width="894" height="542" border="0" cellpadding="0" cellspacing="0">
	<tr>
			<td rowspan="2">
					<img src="images/zone-texte-gauche.png" width="408" height="432" alt=""></td>
			<td rowspan="2">
					<img src="images/zone-texte-droit.png" width="314" height="432" alt=""></td>
			<td colspan="2">
					<img src="images/image-produit.png" width="172" height="41" alt=""></td>
	</tr>
	<tr>
			<td>
					<img src="images/zone-texte-produit.png" width="160" height="391" alt=""></td>
			<td rowspan="2">
					<img src="images/colonne-g.png" width="12" height="420" alt=""></td>
	</tr>
	<tr>
			<td colspan="3">
					<img src="images/bande-dessu-signature.png" width="882" height="29" alt=""></td>
	</tr>
	<tr>
			<td colspan="4">
					<img src="images/tt-droi-reserve.png" width="894" height="81" alt=""></td>
	</tr>
</table>

	<!-- Zone texte
*************************************************************************-->



</div>





</body>
</html>

le fichier css :

/* body
--------------------------------------------------------------------*/


body {
background:#3578b5 url(images/cote-gauche.png)  repeat-x;
font-family:"times new roman","courrier new","lucida console";
color:#ffffff;
margin: auto;
width: 1024px;


}

img 
{ 
border:none;
}






#contenu
{
 margin-left: 5%;
}








#chmenu {
margin-top: 0%;
padding: 0%;
height: 21px;
background-color: #255480;
margin: center;
width: 895px;

}

ul#menu li ul
{
	display:none;
	height: 24px;
}

ul#menu li:hover>ul
{
display:block;
}

ul#menu
{
font-family:times new romans ,Helvetica, sans-serif;
font-weight: bold;
height: 21px;
background-color: #255480;
margin: 0%;
padding: 0%;
margin-top: 0%;
float: center;
display:block;
}

ul#menu li
{
float:left;
display:block;
}

ul#menu li a.menuprincipal 
{
display:block;
color: #46c343;
padding-left: 50px;
padding-right: 20px;
padding-top: 0%;
padding-bottom: 0%;
text-decoration: none;


}



ul#menu li a.menuprincipal_fin
{
display:block;
color: #F8FFFF;
padding-left: 7px;
padding-right: 7px;
padding-top: 0px;
padding-bottom: 4px;
text-decoration: none;
}

ul#menu li a.ssmenu
{
font-family: times new romans, Arial, Helvetica, sans-serif;
font-size: 11px;
z-index:100;
background-color: #255480;
color: white; /* couleur texte sous menu */
padding: 0px 10px 5px 0px;
border: 1px white;
text-decoration: none;
text-align: center;
margin-left: 20px;
margin-top: -2px;
}

ul#menu li a.ssmenu-i
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
z-index:100;
background-color: #46c343;
color: white;
border: 1px white;
padding: 5px 10px 5px 5px;
text-decoration: none;
}





ul#menu li a.ssmenu:hover
{
color: white;
background: #46c343;
}

ul#menu li a.ssmenu-i:hover
{
color: white;
background: #46c343;
}

ul#menu ul
{
position:absolute;
float: left;
list-style:none;
margin:0px;
padding:0px;
width:150px;
z-index:1;
}

ul#menu ul li a
{
display:block;
border-top: 0.5px solid white; /*Theme Change here*/
border-bottom: 0.5px solid white;
border-left: 0.5px solid white;
border-right: 0.5px solid white;
font:normal 11px times new roman;
z-index:100;
background-color: white;
width: 150px;
}

#Table_01
{
position: absolute !important;
}

Merci de me donner un coup de main.

Modifié le 10 juin 2007 par lomaster

lomaster · le 10 juin 2007

Personne n'a d'idée ?

Connexion

Pas encore inscrit ?

Site compatible sou sIE mais pas Mozilla.

Messages recommandés

Dylav

Lien vers le commentaire

Partager sur d’autres sites

lomaster

Lien vers le commentaire

Partager sur d’autres sites

Dylav

Lien vers le commentaire

Partager sur d’autres sites

lomaster

Lien vers le commentaire

Partager sur d’autres sites

lomaster

Lien vers le commentaire

Partager sur d’autres sites

Dylav

Lien vers le commentaire

Partager sur d’autres sites

lomaster

Lien vers le commentaire

Partager sur d’autres sites

Dylav

Lien vers le commentaire

Partager sur d’autres sites

lomaster

Lien vers le commentaire

Partager sur d’autres sites

lomaster

Lien vers le commentaire

Partager sur d’autres sites

Rejoindre la conversation

En ligne récemment 0 membre est en ligne

Zebulon

Outils en ligne

Naviguer