Reprise du message précédent :

44ko monstrueux pour un truc qui s'affiche pas sans JS et qui est configurable que-dalle en fait
 
Tu fait ton machin en HTML normal, que tu fais figurer dans ta page. Pis 10 lignes de JS pour gérer ça Donc on peut faire 100x mieux facilement

bein fais moi mieux alors

j'ai adapté un menu css qui me plaisait dans une page de test, seulement je ne trouve pas ce qui agit sur la largeur des rectangles du menu, j'aimerais le rendre moins large
 
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%; /* précision pour Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
 
visible sur http://isislafurette.free.fr/menu.htm

#menu dl {
float: left;
width: 12em;
}

c'est bien ça merci
 
que signifie em je connaissais px mais em ...

d'après cette page http://wiki.media-box.net/documentation/css/em
 
la valeur em ajoute une certaine taille par rapport à la taille parente fixée dans le body par exemple, c'est bien ça

tres utile pour garder des tailles relatives (ctrl + + pavé numérique et ctrl + - sous FireFox)
toujours dans l'optique d'avoir une meilleur accessibilité (ici les pour peu voyants), moi je ne m'en sert plutot pour les typos que pour les blocks...

ctrl + ou moulette, en effet je capte l'intérêt ! Autant remplacer tous les px par des em alors pour le texte

je vais péter un câble. Le css c'est sympa mais depuis que j'ai voulu appliquer un menu, maintenant ça merdouille avec ma iframe. Oui je sais les frame/iframe c'est le mal absolu, quoi qu'il en soit je ne sais pas comment faire afficher le contenu d'une page dans une zone sans frame/iframe.
 
Regardez les merdouilles que ça me fait http://isislafurette.free.fr

css: overflow

je colle ça dans tous mes éléments de menu et ça fera quoi ?
 
parce qu'en lisant là : http://wiki.media-box.net/documentation/css/overflow  
 
j'imagine que je colle celui ci overflow: visible qq part
 
en tout cas j'avance bcp grace à vous et si là ça résoud mon pb, je vous aime

mechkurt, si tu m'as proposé ça c'est que tu as compris d'où venait le problème. Seulement voilà, j'ai testé overflow: visible (même le overflow: hidden; histoire de voir si ça fonctionnait) dans tous les élements ci dessous mais cela n'a rien changé, ou alors je n'ai pas compris où l'utiliser
 
 
 
 
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
ici
}
#menu {
position: absolute;
top: 120;
padding: 14px;
z-index:100;
width: 100%; /* précision pour Opera */
ici
}
#menu dl {
float: left;
width: 8em;
ici
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
color:#FF9B00;
background: #000000;
border: 1px solid #595959;
margin: 1px;
ici
}
#menu dd {
display: none;
border: 1px solid #595959;
ici
}
#menu li {
text-align: left;
font-size: 9;
background: #000000;
ici
}
#menu li a, #menu dt a {
color: #FF9B00;
background: #000000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
color: #000000;
background: #FF9B00;
}

en fait pour préciser le problème; voici ce qui a été fait :
 
    <div id="menu">
     <dl>
      <dt onmouseover="javascript:montre('smenu1');">Accueil</dt>
       <dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
        <ul>
         <li><a href="accueil.php">Accueil</a></li>
         <li><a href="news.php">Les news</a></li>
        </ul>
 
       </dd>
     </dl>
 
la partie en rouge a été ajoutée selon les explications données sur le site qui donne ce menu en exemple. Elle permet de faire disparaitre le sous menu lorsque la souris n'y est plus. Si je retire cette partie en rouge, je n'ai plus le problème expliqué au dessus (que vous pouvez remarquer en passant au dessus du sous-menu qui "scintille" et qui disparait des fois sans raison. En revanche si je la retire, le dernier sous menu affiché ne se ferme jamais quand la souris n'y est plus. Le seul moyen a été d'ajouté la partie rouge et ça rend moche
 
http://css.alsacreations.com/Const [...] horizontal (tout en bas)

je viens de tester sous internet explorer et là pas de bug , firefox sucks

nan ton code suxxxx !

pour l'overflow, google et ton ami (non que je ne veuille pas t'aider, mais c'est toujours mieux de trouver l'info ):
http://www.google.fr/search?q=css+overflow+frame
premier lien tres bon site, j'ai pas regarder les autres...

 
 
spa mon code hein ! moi j'suis pas assez doué pour pondre un truc comme ça (si tu parles du menu css). Si tu parles de ma iframe oui je sais ça suxe . Pour ton "google est ton ami", si tu as lu mon message tu auras remarqué que j'avais trouvé l'info sur l'overflow (même si pas assez détaillé par rapport à ce que tu m'as montré )

il est méga plus complet ton lien que l'autre pauvre wiki media, je comprend de suite mieux
 
terrible, je risque d'y passer un bon bout de temps mais ça me plait bien.
 
Ce que les tutos ne disent pas c'est comment dire aux liens d'afficher leurs cibles dans l'overflow (tout comment on leur dit target="nomdelaframe" )
 
En gros comment rendre le contenu de l'overflow dynamique

Bah on peut pas. Et pis c'est pas grave. Y'a plus de notion de cible, de fenêtre ou de cadre en vrai XHTML (je parle de la dtd Strict).
 
Une page = un document. C'est comme ça que ça marche, et on ne peut rien y faire. Toute tentative d'utiliser plusieurs documents pour une page (donc frame, iframe, etc) va forcément poser un problème quelque part.

en gros chaque page (rubrique ou section) de mon site doit avoir la totalité des informations de ma première page ? En gros chaque page doit avoir la même bannière au même endroit, le même menu etc. C'est bien ça ? (ça fait pas un peu lourd ?)

C'est exactement ça. Faut insérer bannière et menu via PHP par exemple. C'est comme ça que ça marche . De toute manière, y'a que les sites ultra-amateurs qui utilisent encore les frames. Tout ce qui est un peu professionnel respecte le principe d'une page = un document.

si ton code html est léger (parcque que le contenu et la mise en page en fchiers css séparés) et tes graphismes communs a toutes les pages (donc en cache), non!

non mon html est encore assez lourd, ma feuille de style n'indique que les couleurs et les tailles des polices (+ mon menu maintenant et l'overflow que je vais utiliser) mais le contenu est encore dans chaqune de mes pages htm. Pour mes pages php, le contenu est bien evidement dans une bdd mais pas mes tableaux

 
 
comment ça    
 
si j'ai une seule bannière, faut que j'entre son nom dans ma bdd pour la faire affichier via une requete ? C'est pas un peu lourd juste pour une image

Euh... Je vois pas pourquoi tu veux utiliser une base de données

non pour la simplicité de tes mises a jour (mais rien avoir avec le poids du fichiers generes) tu peut avoir tes entetes de pages dans un fichier PHP (dans mon exemple function.php):

et apres tu apelles ces fonctions PHP depuis chacune de tes pages (ici index.php par exemple):

evidement le fichier html genere auras exactement le même poids mais si tu veux modifier ton head (remplacer le .gif par un .swf par exemple) ce serat plus simple

 
bein non mais je comprend pas pk tu me parles de php alors qu'en html ça fait pareil  

@mechkurt, je faisais ça pour mes formulaires mais j'y ai même pas pensé pour le reste, trop fort ! Merci mec

Non en HTML c'est pas pareil. En HTML, t'es obligé d'utiliser des frames pour couper une page en plusieurs document.
 
Avec PHP, tu cherches tes divers documents et tu créer la page finale que tu envoies. Ainsi, pas besoin de reporter par exemple le menu dans chaque page, il va être automatiquement inséré.

FlorentG on s'est mal compris j'étais partie du principe que tu me demandais d'insérer ma bannière en php et je comprenais pas pk. Là tu me conseilles de faire comme l'exemple de mechkurt et c'est tout à fait ce que je vais faire à présent

au fait, quel est l'interet de mettre <?php plutôt que <? (c'est juste pour la visibilité et la compréhension ?)

Pour la portabilité. Il n'y a pas tous les serveurs qui supportent <? . Aussi, si tu dois mettre du PHP dans un fichier qui a d'autres processing instructions (genre <?xml, <?xml-stylesheet etc...), t'es obligé d'utiliser <?php

arg, faut que je change vite tous mes <? alors

sous ie j'ai un ascensseur permanent à l"horizontal, j'ai tout fait pour le virer, changer toutes les tailles de tableaux, en px ou en % rien à faire, saleté. (overflow) => même si l'ascensseur verticale ne dépasse pas de mon cadre de base et que le tableau est tout pas large, je l'ai quand même cet ascensseur horizontal)
 
Je fais des tests sur un autre compte ici : http://mwnn.free.fr il n'y a que 2 pages ok avec la méthode de mechkurt qui est assez géniale même si j'ai quelques petits choses bizares (des paramètres css qui ne sont plus pris en compte etc.)

tu veux pas faire un peu de rangement parcque la avec tes bouts de javascript de tous les cotes, ton head que tu ferme 2 fois et ton iframe qui sert plus a rien, ton code source c'est quand même un peu le bordel    
 
sinon essaye de te debarrasser au maximum des tableau...

en plus la molette de la souris ne fait plus défiler les ascenceurs sous firefox (dans l'overflow)
 
Mon iframe sert encore pour la partie admin mais j'ai pas encore changé le truc. Pour les tableaux, si tu penses aux div dans tous les sens et aux padding, ça devient vite galère quand tu veux faire des colonnes (je n'y suis jamais arrivé)
 
le javascript, y'en a besoin pour le menu, j'ai pas le choix. Le head je vais vérifier mais avec les pages qui en appelent d'autres, je suis un peu paumé

 
 
la partie de js que l'on voit quand on edit le code
 

 
Je ne sais pas ce que c'est ! Et ça se trouve nul part dans mes page    
 
j'ai fait ctrl+f et entré SymRealWinOpen mais dans aucune de mes 2 pages (la page qui a le head et le foot) et la page index)
 
 
 
edit : après comparaison ça a l'air d'être le résultat de ça mais je comprends pas
 

Norton AntiSpam machin. Norton injecte automatiquement ce code dans chaque page pour bloquer les popup C'est de la mouise en barre

je deteste les tableaux

 
 
sérieux !!!!!!!!! alors que je l'ai désactivé ce con, tu m'étonnes que c'est de la merde en barre. A la fin de mon abonnement (gratos, j'ai ma soeur qui bosse chez Symantec), je le dégage et passe à la version payante de bitdefender + un vrai firewall