Bonsoir tout le monde,

J'ai cherché à appliquer les conseils pour marquer la page en cours comme active dans le menu à partir de cette adresse : http://forum.alsacreations.com/faq/#item31

Je vous fait une copie de ma page d'accueil et de ma feuille de style. Je pense que l'erreur se trouve dans la feuille de style. Mais bon je ne suis pas un expert, raison pour laquelle je vous demande conseil.

Sinon voici le site en question : http://domainedevillaine.free.fr

Dans l'attente de vos conseils je vous souhaite une bonne nuit et vous remercie par avance. Herspear

Page d'accueil :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML><HEAD>
<TITLE>Bienvenue au Domaine de Villaine</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<LINK href="Index_fichiers/Style.css" rel="stylesheet" type="text/css">
<META content="MSHTML 6.00.2900.2627" name=GENERATOR>
<meta http-equiv="Content-Type" content="text/html">
<meta http-equiv="content-language" content="fr">
<meta http-equiv="content-style-type" content="text/css"> 
<meta http-equiv="content-script-type" content="text/javascript"> 
<meta name="description" content="Gites, Chalets, le Domaine de Villaine vous attends pour vos vacances, week-ends ou séminaires. Pêche de la carpe et du carnassier. No Kill"> 
<meta name="keywords" content="Domaine de Villaine, Gites, Chalets, Vacances, séminaire, week end, carpe, black bass, brochet, sandre, gardon, No Kill"> 
<meta name="identifier-url" content="http://domainedevillaine.free.fr">
<meta name="author" content="Bienvenue au Domaine de Villaine, Rivaux Nicole"> 
<meta name="reply-to" content="herboss@hotmail.com"> 
<meta name="copyright" content="Bienvenue au Domaine de Villaine, Rivaux Nicole"> 
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="15 days">
<meta name="Rating" content="General">
</HEAD>
<BODY id="accueil">
<DIV class=conteneur>
<DIV class=header></A> </DIV>
<DIV class=menu>
<P>	<li><a href="http://domainedevillaine.free.fr/"id="accueilnav">Accueil</a></li>
    <li><a href="http://domainedevillaine.free.fr/Leschalets.htm"id="Leschaletsnav">Les Chalets</a></li>
    <li><a href="http://domainedevillaine.free.fr/Legite.htm"id="Legitenav">Le Gîte</a></li>
	<li><a href="http://domainedevillaine.free.fr/Activites.htm"id="Activitesnav">Les Activités</a></li>
	<li><a href="http://domainedevillaine.free.fr/Situation.htm"id="Situationnav">Situation</a></li>
	<li><a href="http://domainedevillaine.free.fr/Contact.htm"id="Contactnav">Contact</a></li>
	<li><a href="http://domainedevillaine.free.fr/Liens.htm"id="Liensnav">Liens</a></li><BR><BR>
	</P>
	<div align="center"><IMG class=photo height=76 alt=Chalet src="Logogite.jpg"width=73>
      </P>
    </div>
</DIV>
<DIV class=frame>
<P class="commentaire">&nbsp;</P>
<P class="commentaire">Venez vous d&eacute;tendre dans ce paradis situ&eacute; dans la r&eacute;gion Auvergne au coeur de l'Allier.</P>
<P class="commentaire">&nbsp;</P>
<div align="center"><IMG class=photo height=200 alt=Chalet src="Chalet.jpg"width=400>
    </P>
</div>
<P>&nbsp;</P>
<p class="commentaire">En pleine nature à proximité du village de MAILLET, </p>
<p class="commentaire">les chalets et le g&icirc;te du Domaine de Villaine vous accueillent toute l'ann&eacute;e.</p>
<p class="commentaire">Cet endroit calme et reposant est id&eacute;al pour vos vacances, week-ends ou s&eacute;minaires...</p>
<P>&nbsp;</P></br></br></br></br>
<div id="xiti-logo"><p>
<a href="http://www.xiti.com/xiti.asp?s=199700" title="Mesurez votre audience">
<script type="text/javascript">
<!--
Xt_param = 's=199700&p=Liens';
Xt_r = document.referrer;
Xt_h = new Date();
Xt_i = '<img width="39" height="25" border="0" ';
Xt_i += 'src="http://logv27.xiti.com/hit.xiti?'+Xt_param;
Xt_i += '&hl='+Xt_h.getHours()+'x'+Xt_h.getMinutes()+'x'+Xt_h.getSeconds();
if(parseFloat(navigator.appVersion)>=4)
{Xt_s=screen;Xt_i+='&r='+Xt_s.width+'x'+Xt_s.height+'x'+Xt_s.pixelDepth+'x'+Xt_s.colorDepth;}
document.write(Xt_i+'&ref='+Xt_r.replace(/[<>"]/g, '').replace(/&/g, '$')+'" title="Analyse d\'audience">');
//-->
</script>
<object>
<noscript>
<div id="xiti-logo-noscript">
Mesure d'audience ROI frequentation par <img width="39" height="25" src="http://logv27.xiti.com/hit.xiti?s=199700&amp;p=" alt="Analyse d'audience" />
</div>
</noscript>
</object>
</a>
  </p>
  </div>
</DIV>
<DIV class=footer>
  <div align="center" class="Style1">
     http://domainedevillaine.free.fr
 
  </div>
</DIV>
</DIV></BODY></HTML>


et voici ma feuile de style :

HTML {
	WIDTH: 100%; HEIGHT: 100%
}
BODY {
	WIDTH: 100%;
	HEIGHT: 100%;
	SCROLLBAR-FACE-COLOR: #9999cc; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCFF; SCROLLBAR-SHADOW-COLOR: #cccccc; SCROLLBAR-3DLIGHT-COLOR: #CCCCFF; SCROLLBAR-ARROW-COLOR: #CCCCFF; SCROLLBAR-TRACK-COLOR: #CCCCFF; SCROLLBAR-DARKSHADOW-COLOR: #9999FF
}
BODY {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 0.8em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	FONT-FAMILY: "Bookman Old Style";
	BACKGROUND-COLOR: #CCCCFF;
}
.conteneur {
	WIDTH: 100%;
	POSITION: absolute;
	HEIGHT: 593px;
	BACKGROUND-COLOR: #CCCCFF;
}
.header {
	HEIGHT: 100px;
	BACKGROUND-COLOR: #CCCCFF;
	background-image:  url(Allier20043.jpg);
	background-repeat: no-repeat;
}
.menu {
	LEFT: 0px;
	WIDTH: 150px;
	POSITION: absolute;
	HEIGHT: 500px;
	BACKGROUND-COLOR: #ccccff;
	text-align: center;
}
.frame {
	MARGIN-LEFT: 150px; OVERFLOW: auto; WIDTH: auto; HEIGHT: 500px; BACKGROUND-COLOR: #9999cc
}
P {
	MARGIN: 0px 0px 0px
}

ul, li {
margin:0;
padding:0;
}

ul {
	position: absolute;
	left: 194px;
	top: 47px;
	background: transparent url(../aucune) left top;
	height: 226px;
	width: 318px;
	text-align: center;
}

li {
display: inline;
}

li a {
	display: block;
	height: 40px;
	width: 150px;
	line-height: 55px;
	color: #9999CC;
	font-size: 24px;
	font-family: "Monotype Corsiva";
	text-decoration: none;
	font-weight: 700;
}

li a:hover {
color: #CCCCFF;
background: #9999CC url(../Aucune) no-repeat left top;
}
.photo {
	margin-bottom: 0px;
	text-align: center;
}
.commentaire {
	MARGIN-TOP: 4px;
	FONT: oblique bold 16px Geneva, Arial, Helvetica, sans-serif;
	COLOR: #CCCCFF;
	PADDING-TOP: 4px;
	text-align: center;
}
.Style1 {
	color: #9999CC;
	background-color: #CCCCFF;
}
.Style2 {
	color: #CCCCFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}
body#accueil a#accueilnav,
body#Leschalets a#Leschaletsnav,
body#Legite a#Legitenav,
body#Activites a#Activitesnav,
body#Situation a#Situationnav,
body#Contact a#Contactnav,
body#Liens a#Liensnav, {
color:#FF6600;
font-weight:bold;
}

Modifié par Herspear (07 Oct 2005 - 11:28)
Désolé mais je vais commencer à faire un le modérateur mais bon, ca ne me plais pas trop non plus que les gens ne respecte pas les consigne mise en place dans un forum. Herspear, as tu lu les consignes ? Non ? alors je t'invite personnellement à allez voir ca ==> Règles du Forum !

Une fois ça lu, réédite ton post s'il te plais pour que ca soit plus clair pour tout le monde.

Apres l'intitulé de ton post ne nous donne pas trop envie de se pencher sur ton cas.

Voila ca c'est la partie administrative.

body#accueil a#accueilnav,
body#Leschalets a#Leschaletsnav,
body#Legite a#Legitenav,
body#Activites a#Activitesnav,
body#Situation a#Situationnav,
body#Contact a#Contactnav,
body#Liens a#Liensnav[#red],{[/#]
color:#FF6600;
font-weight:bold;
}


La voila ton erreur ! revois ta syntaxe CSS, bon allez j'ai pas envie de laisser de suspens voila le code rectifier.

body#accueil a#accueilnav,
body#Leschalets a#Leschaletsnav,
body#Legite a#Legitenav,
body#Activites a#Activitesnav,
body#Situation a#Situationnav,
body#Contact a#Contactnav,
body#Liens a#Liensnav {
color:#FF6600;
font-weight:bold;
}


Méfie toi des erreurs de majuscule/minuscule, un conseil fait tout en minuscule tu gagneras du temps !
Modifié par Super_baloo8 (07 Oct 2005 - 01:55)
Bonjour Herspear et bienvenue sur Alsacréations Smiley smile ,

Tu dois être quelqu'un de consciencieux puisque tu as déjà parcouru la faq, tu as dû oublié de consulter un article des règles, le 13 pour être précis, qui indique comment présenter les codes dans le forum Smiley smile .

Merci d'éditer ton premier post pour rendre plus lisible ton code. Smiley cligne

Profites-en pour reformuler le titre de ton post qui pour le moment n'engage pas les membres à te répondre, d'autant plus que tu as clairement identifier ton soucis "marquer la page en cours comme active"; çà ferais un bon titre çà Smiley cligne
Modifié par Igor (07 Oct 2005 - 01:31)
Bonjour,

Bon ben j'ai lu les conditions du forum et m'y suis employé. Excusez moi mais j'étais tellement absorbé par mon problème......

Cependant avant d'entrer en contact avec vous j'ai beaucoup lu les FAQ, ce qui m'a d'ailleurs donné l'occasion d'améliorer un peu le site.

Au fait, qu'en pensez vous de ce site?

http://domainedevillaine.free.fr

Bien à vous et merci pour avoir réglé mon problème. Herspear
Re-bonjour,

Je reviens à vous pour vous informer que la fonction n'est pas reconnue par Mozila. Est ce normal?

Sinon, la présentation sous Firefox (bannière du haut prennant toute la largeur) me convient parfaitement. Je n'arrive pas à avoir la même chose sous IE (une barre de défilement verticale s'établie par défaut).

Auriez vous une idée messieur?

Bien à vous. Herspear
Je suis aller voir ton site sur trois navigateur (IE, FF, Maxthon) et à chaque fois le site est pareil, je ne vois pas du tout ce qui change.

Info: je suis en 1240x1024 et je surfe en plein ecran. Je n'est pas essayé en 1024x768 mais je pense que ce sera la meme chose.

Ton header prend toute la largeur sur les trois navigateurs.

Pour sur ceux qu'on pense du site, il faut poster un nouveau sujet dans la partie :

a écrit :
Ergonomie et esthétique générale, demandes d'avis et de critiques
Salon dédié au design web, aux projets finalisés et conçus selon les normes de validité et de qualité en général
Bonjour Super_baloo8 et merci pour tes commentaires.

Voici ce que ca donne sous IE :
upload/3623-headersousI.gif

Voici ce que ca donne sous FF :
"dit par Igor: merci d'utiliser l'option vignette pour l'upload d'images, pour ne pas déformer le forum

Voici ce que je voudrais sous IE (je l'ai pris sous FF) :
upload/3623-Cequejevoud.gif

Bien sur je voudrais que le scroll soit de la même couleur que sous IE (celui que j'ai fabriqué).

J'ai déjà vu cela sur divers sites. Mais je me suis apperçu en fait qu'il y avait une superposition de pages pour en arriver là.

Dans l'attente.......merci par avance. herspear
Modifié par Igor (07 Oct 2005 - 12:20)
Pour la couleur du scrollbar c'est normal, il n'y a que IE qui prend ca en compte (avec Maxthon aussi).

Je te met les prise d'image sous les différents navigateur :

IE :

upload/3270-ie1.JPG

FF :

upload/3270-ff1.JPG

Maxthon :

upload/3270-maxt1.JPG

Après pour les gros changement IE et Maxthon même chose.

FF respecte mieux surement ta mise en forme de départ (les textes sont plus petits et sont aligné "left" et non pas en "center" comme sur IE.

Je ne vois pas les meme chose que toi c'est normal?
Fonction vignette :

Quand tu clique sur Joindre une image, tu coche en bas de la popup qui apparais "faire une vignette"
Oui je pense que c'est normal que tu ne vois pas les même chose que moi tout du moins sous FF. J'ai la version 1.02. Je viens de charger la 1.07. Cependant mon affichage n'est toujours pas le même quer toi.

Le menu n'affiche pas la page active. Et le scroll est différent (il reste gris alors que le tiens est coloré).

As tu une explication? Ceci dit pour moi ce n'est pas bien grave mais bon...

En fait ce que je voulais au départ c'est plutôt l'affichage de IE. je parle de la mise en page. Et puis en voyant ce que cela donnait sous FF j'ai laissé. La présentation est légèreùment différente mais les deux me conviennent.

Le seul pb que j'avais c'est donc cette bannière qui prend bien la largeur sous FF alors que non sous IE et le scroll latéral de couleur grise sous IE dont je lme passerait bien.

Enfin, ce que je voulais et c'est certainement lié au pb que je rencontre aujourd'hui c'est rendre ce site compatible avec l'ensemble des résolutions. Par exemple mon pied de page qui change de largeur selon la résolution.....et j'en passe.

Si tu as des idées, sache qu'elles sont les bien venues. Merci pour ta précieuse aide. Herspear
Pour l'aide de rien pas de problème Smiley cligne

Pour la couleur de mon scroll c'est tout simplement parce que j'utilise un thème sur XP, donc j'ai tout qui change, et elle est tout le temps bleu la mienne lol.

Ma version de FF est la 1.7.5 donc je ne comprend pas que cela diffère Smiley ohwell je pense plutot à la résolution d'ecran. (1240x1024).

Pour la page active, ca marche nikel chez moi. Je ne comprend pas.

Largeur de la bannière identique chez moi sur les trois navigateur.

Tu peux faire des prise d'image de tes deux navigateurs stp? en entier.

Pour le rendre compatible toutes résolution (enfin presque parce que si c'est du 480x230 c'est pas gagné lol) je crois qu'il suffit de faire une marge fixe (pour ton menu) et apres mettre des 100% ou 15%-70%-15%(header, corps, pieds de page partout dans ton css).
Tiens voici les fichiers.
Sous IE il y a toujours le srcoll de couleur grise. La bannière s'arrête avant:
upload/3623-headersousI.gif
Sous FF la bannière vas jusqu'au ras de la page:
upload/3623-headersousF.gif
Ce que j'aurais voulu. C'est une capture provenant de FF. La bannière vas bien jusqu'au bout de la page à droite. Le scroll lui commence dessous. J'aurais voulu cet config sous IE aussi.
upload/3623-Cequejevoud.gif

En fait je travaille sur ce site en vu d'améliorer le mien pour la suite. Et là il y aura du travail.

Ben j'attends ton commentaire alors. Bien à toi et encore merci. Herspear
Modifié par Herspear (07 Oct 2005 - 13:45)
C'est normal que IE garde ta scrollbar sur la droite, regarde bien tout les site avec IE, ta tjs cette barre ^^.


Pour la scrollbar de la frame, c'est Ok aussi, je ne vois vraiment pas le problème Smiley cligne .

.... Mais sois je suis bête ou soit c'est toi qui vois rien du tout, car tout es pareil partout Smiley eek En tout cas chez moi. Par hazard ne regarderais tu pas ton site en local ? Essaye F5 pour rafraichir lol.

P.S : tu as regardé les image que j'ai prise pour toi ? Tu as vus que tout été pareil ou pas ?
Oui je suis bien d'acord avec toi. Les pages s'affichent de la même manière. C'est pas de problème.

Mais tu as bien répondu à ma question. La scrollbar de couleur grise reste sous IE mêm si l'on cré une autre scroll bar. Ta capture d'image (IE) est la même que la mienne.

Cependant j'ai vu des sites où cette dernière disparaissait totalement au profit de la nouvelle créée. Mais je pense qu'il doit y avoir superposition de page au démarage. Pour exemple ce site : http://www.francepecheservices.com/fr/frameset.html

Le scroll bar à droite ne monte pas jusqu'en haut de la page. Il s'arrête juste sous le header.

Qu'en penses tu? Bien à toi. Herspear
Herspear a écrit :
Oui je suis bien d'acord avec toi. Les pages s'affichent de la même manière. C'est pas de problème.

Mais tu as bien répondu à ma question. La scrollbar de couleur grise reste sous IE mêm si l'on cré une autre scroll bar. Ta capture d'image (IE) est la même que la mienne.

Cependant j'ai vu des sites où cette dernière disparaissait totalement au profit de la nouvelle créée. Mais je pense qu'il doit y avoir superposition de page au démarage. Pour exemple ce site : http://www.francepecheservices.com/fr/frameset.html

Le scroll bar à droite ne monte pas jusqu'en haut de la page. Il s'arrête juste sous le header.

Bonjour,
c'est un site dans des frames. Cela n'est plus recommandé de nos jours.
Dans ton cas, tu as une double barre à cause de ton div avec overflow.
Est-il vraiment utile ?
Bonjour chmel,

Tout d'abord merci pour ta contibution. Cette double barre sur la droite de couleur grise apparaît très bien lorsque je change ma résolution. Si je passe en 800*600 elle se dédouble de celle que j'ai créé et en plus joue un rôle important puisqu'elle fait défiler la page. La mienne dans ce cas fait défiler le contenu du body. En gros et en détail ca fait bordélique si tu vois ce que je veux dire.

Lorsque la résolution est plus importante, cette barre grise est simplement présente et diminue d'autant la largeur de ma page.

Par contre si tu peux me faire un copié collé de ce que tu veux que je modifie ce serait mieux.

Enfin, je voudrais par la même occasion essayer de rendre le pied de page toujurs de la mêm largeur. Il change en fonction de la résolution aussi.

Voilà tu connais mes pb maintenant. Merci de m'aider. Sympa. Herspear