Bienvenu dans l'enfert des webdeveloppeur. En fait tu dois tout coder "en brut" c'est a dire sans style (oui oui je sais cela va etre tout moche) mais ton code sera purifié et marchera correctement
ensuite tout ce qui est le style (décalages, images de fond, type d'écriture) tu dois le gérer avec un feuille de style css
sache que c'est trés chiant, par exemple je vais te montrer mon site internet http://kickntoast.free.fr/
J'ai fait comme je t'ai dit plus haut
Le code en lui même a été facile a écrire mais la feuille de style (pour qu'elle soit adaptée a IE et a Firefox) j'ai mis 10 heures pour la faire ...
Pensez à cocher "résolu" le cas échéant

C'est la méthode que j'ai appliqué à mon site : une page HTML et une feuille CSS.

B je ne sais pas alors désolé
Pensez à cocher "résolu" le cas échéant

Bonjour,

<xmp> je ne connaissais pas. C'est du XML, pas du HTML, non ?
Remplace-les par des choses plus actuelles, des <pre> ?

Seulement, ça crée de nouveaux problèmes. Le code HTML est interprété.
J'ai résolu ça en remplaçant le “<” du <table> dans le code du script par son nom HTML “&lt;”.

Il reste le problème des débordements.
Je ne me suis jamais penché sur le problème, mais il me semble que ça concerne du “wrap”, du “white-space”.
Une discussion récente de ce forum l'évoque http://www.commentcamarche.net/forum/affich 3718912 balise pre


Pour le menu qui se balade dans Opera.
Je te propose cette solution :

— supprime le “position: relative;” de “#en_tete a, #en_tete .current {”

— ajoute “position : relative;” dans “#en_tete {”

— crée un nouveau style

#en_tete #menu {
  position : absolute;
  bottom : 2px;
  }

<div id="menu">
  <a href="../index.html">le projet</a>
  <a href="../mot.html">le mot</a>
  <a href="../outils.html">les outils</a>
  <span class="current">le script</span>
  <a href="../tableaux/tableaux.html">les tableaux</a>
</div>

Bonjour Gihef,

un grand merci pour ton aide.
Ta solution est beaucoup plus logique, beaucoup moins "bricolage" que ce que j'avais fait.

Je viens de faire un test sur la page d'accueil, avec un fond rouge, pour voir si tout mes éléments sont bien alignés comme il faut :

http://pierre.inalco.free.fr/index.html

C'est impeccable avec IE et Opera, mais Firefox me met un espace d'1px.
Je ne comprends pas...

Voici une capture d'ecran que tu puisses constater par toi même : http://pierre.inalco.free.fr/test.PNG

A+

PM;


PS: le site devrait rester au moins jusqu'à l'année prochaine

Il est possible que tu aies une border-bottom d'1px qui ait un effet indésirable.
Compense ça par un -1px au bottom du #menu ?
Ou ajoutes-en une aux éléments du #menu ?


++
“font-family : "Courier New", serif;”
"Courier New" est plutôt une “monospace”.

--

dans ma page j'ai fait un div avec une border "dashed" pour mettre en valeur des petits bouts de code
avec IE7 la bordure n'est pas affichée et le texte déborde,
avec Opera la bordure est affichée mais le texte déborde.

Problème résolu. J'ai mis une balise <pre> et spécifié, dans le code html, un affichage différent (border: solid) pour IE qui supportait mal ma border en dashed. (cf. code CSS)

<q> les bordures des boutons du menu n'apparaissent pas avec IE7, sont décallées avec Opera et Firefox (Fedora8).</q>

En mettant mon menu sous forme de liste j'ai résolu le problème d'espace que j'avais avec FireFox.
C'est maintenant identique sous IE, Opera et FF.

Dernier problème : j'aimerais supprimer la bordure en dessous du bouton activé (ex: "le projet" pour index.html) afin d'avoir un effet de fondu avec le corps de la page...

Si quelqu'un a une idée, je suis toujours preneur! :D

A+

la page : http://pierre.inalco.free.fr/index.html

Il est possible que tu aies une border-bottom d'1px qui ait un effet indésirable.
Compense ça par un -1px au bottom du #menu ?
Ou ajoutes-en une aux éléments du #menu ?

++
“font-family : "Courier New", serif;”
"Courier New" est plutôt une “monospace”.

Je viens juste de voir ton post et je vais essayer ce que tu proposes.
Ca me permettra sans doute de regler ce probleme de border dont je viens de parler...
Merci du conseil,

A+

Je viens de faire une série de test... ça me fait pareil qu'avant.
Quand je mets -1px pour Firefox, ça applique les changements à IE et Opera qui n'en ont pas besoin.
Bref, c'est un vrai casse-tête.

Je recommencerai demain...

A+

Bonjour, juste en passant,un code html écrit scrupuleusement dans le corps en respectant un ordre strict du type: menu/ marge G/ centre/ marge D/ pied de page, devrait passer de la même façon dans FF, IE, Opéra, Netscape...L'ajout du css (utile selon les cas) est toujours délicat, au terme et à la virgule près, c'est vrai, c'est casse tête et quand on trouve l'erreur, bien la noter pour s'en souvenir encore 3 mois après !( lol)......

Bonsoir à tous,
Ca y'est, j'ai réglé mon problème!

Ceux que la solution intéresse peuvent aller voir la version définitive de mon site :

http://pierre.inalco.free.fr/shizen/index.html OU
http://tal.univ-paris3.fr/...

A bientot,