Probleme de css ! help please

dans ta réponse pleine de faute, tu me critique sans me connaitre alors franchement, ça n'en vaut pas la peine !en attendant, je ne sais pas ce que je pourrais faire pour que mon code vous plaise alors qu'on me dit qu'il est sans erreurs. :'(

Macho ? sexiste ? Je ne savais pas que tu es une fille.

Enfin la réponse à ta question est là

Ref post24

"D'accord, mais il est ici impossible de reprendre ton code pour t'expliquer ce qui ne va pas, ce que tu pourrais faire pour l'améliorer. Il y en a trop. Le code que tu indiques est vraiment un peu n'importe quoi pour quelqu'un qui s'y connaît.
C'est pour ça qu'un exemple peut te permettre de l'étudier sans qu'on ait besoin de reprendre ligne à ligne (parce que c'est à ce niveau-là) ton code.
Sans qu'on ait besoin de te dire change ça ici, change ça là, supprime ça aussi… à de trop nombreux endroi"ts.

Il n'y a rien d'autre à ajouter.

re ^^

Aurevoir et merci d'être passée , ce fut un plaisir de pouvoir rsoudre ton problème.

Merci à Ghief pour le temps " Bénevole"

Tout est dit à bientôt isis59 repasse nous voir quand tu veux.

gihef, lorsqu'on fait une citation, je peux comprendre que tu ne la mettes pas entière, mais tu serait prié d'y inserer la partie a laquelle on s'interesse :

"sinon, merci pour le script modifié" ! et oui, il faut lire !

Apres, ton petage de plomb, bin je trouve ça malheureux de se trouver sur un forum d'entraide, sans avoir la patience de comprendre le probleme des personnes qui s'y trouvent.{j'en passe pasqu' il y aurait trop de choses a dire et je ne suis pas la pour ça!}
pour la mise en forme de mon CODE :D, je ne peux pas modifier alors une fois que c'est envoyé, ça reste comme ça! depuis ta remarque, j'ai bien l'intention de le faire ton simple clic, il faut juste que j'en aie l'occasion !! pour en revenir au "il faut lire" , ta remarque :

“je demande [pas] que vous me fassiez le code”.si tu me relis bien, j'ai bien inscrit "je NE demande que vous me fassiez le code" ! j'aurais pu passer la nuit a te prouver que tes "arguments" (si l'on peut considerer cela comme tels ) ne sont que foutaises, mais franchement, j'ai pas envie de m'amuser.Je suis ici pour chercher des reponses et non pour me faire insulter (et toi qui ose faire reference a la charte ^^ c'est l'hopital qui se fou de la charité !! ). Puisque, apparemment, vou etes les 2 seuls a survoler ce sujet et que vous etes legerement macho sur les bords, voir sexistes, disons que je ne vais pas rentrer dans votre jeu et j'en resterais là !

Et bien même si je suis d'accord avec toi, je n'aurais pas pris le temps de le dire, je n'ai pas cette patience, surtout quand qu'en on sais dans quel oreille ça va tomber.

Rappel.
La question initiale : “voila, j'ai ma page qui est divisée en 4 acadres, et le cadre col-right s'est retrouvé en dessous de col-left au lieu d'en etre a la droite ! es ce que quelqu'un reussirais a me dire d'ou viens le probleme?? merci”

Ici, tu es dans un forum spécialisé dans le webmastering. Tu y trouveras donc des personnes qui s'y intéressent et qui ont plus ou moins de savoir, de connaissances dans ce domaine. Ce ne sont pas tous des “masters”.
Cependant, on y aborde des questions relatives à ce sujet et on y rencontre des questions sur le HTML, les CSS, le Javascript, le PHP…
La communauté des utilisateurs de ces techniques a l'habitude de parler de choses précises avec des termes précis qui décrivent précisément des éléments, des actions…
C'est pour ça que “Tu n'utilises pas de cadres.”. Cadre, c'est autre chose.
Et “voila mon script :” ou “il s'amuse a jouer sur la mise a forme du script”. Ce n'est pas un script. Un script, c'est autre chose. Encore.
Et il ne “joue” pas. Il t'indique, patiemment, ce qu'il serait préférable de faire.
Il serait bon que tu emploies d'emblée les termes appropriés si tu ne supportes pas qu'on te les apprenne.
Parlons des mêmes choses avec les mêmes termes et on risque de mieux se comprendre. Quoique…

“je demande [pas] que vous me fassiez le code”.
D'accord, mais il est ici impossible de reprendre ton code pour t'expliquer ce qui ne va pas, ce que tu pourrais faire pour l'améliorer. Il y en a trop. Le code que tu indiques est vraiment un peu n'importe quoi pour quelqu'un qui s'y connaît.
C'est pour ça qu'un exemple peut te permettre de l'étudier sans qu'on ait besoin de reprendre ligne à ligne (parce que c'est à ce niveau-là) ton code.
Sans qu'on ait besoin de te dire change ça ici, change ça là, supprime ça aussi… à de trop nombreux endroits.
Rien ne t'empêche d'essayer de le refaire. Fais-le. Ça t'aidera à comprendre. M'enfin, ça m'étonnerait, tu vas encore simplement le pomper.
Par contre, plutôt que de nous renvoyer ton mépris et de nous envoyer balader, tu aurais pu demander des explications. Encore aurait-il fallu que tu aies tenté de comprendre.

“après l'avoir remiercié”
Je te cite : “lol t'aime bien faire le malin toi ! ptdr ! sache qu'ily aura toujours quelqu'un de meilleur que toi quelque part !! ensuite, si tu veux t'amuser a chercher la ptite bete, tes "émo" se lisent (normalement, é oui moi francais ! ) de gauche a droite et non le contraire donc;-) serait plus aprecié !”
Ça, un remerciement ?
J'ai plutôt eu l'impression de lire une gamine pas finie qui se la pète parce qu'elle croit avoir découvert l'eau tiède en faisant une page web alors qu'elle ne sait que pomper du code (mauvais*) et mal le bidouiller pour produire une page laide et sans savoir de quoi elle parle. Une bêcheuse qui n'est pas capable d'apprécier l'effort qu'on fait (à plusieurs) pour tenter de lui apporter un peu des connaissances qu'on a soi-même mis du temps à acquérir, pour la guider, lui indiquer des pistes.
Je ne fais pas le malin. Si c'était le cas, je t'aurais répondu quelque chose comme : “Woua, même pas capable de faire ça. Moi je sais le faire. lol!!!!” sans te prouver que je sais effectivement le faire.
Par contre, toi, tu les prends de haut ceux qui te font remarquer que ta question initiale est incomplète, qu'il y manque quelque chose d'essentiel : le CSS.
Il te faut de ton côté accepter qu'il y ait des gens qui en savent plus que toi.
De toute façon j'en sais plus que toi. Heureusement. C'est pour ça que je répond(ai)s à tes questions et pas l'inverse. Et que ma solution fonctionne.

* “Sa mise en page et son code etant bons”
Non. Son code n'est pas bon. Même s'il ne produit qu'une erreur. Il utilise du float inutilement.
Que tu le croies ou non. C'est comme ça.
D'ailleurs, il s'appelle “test”.
Et si tu savais lire les gabarits, propres, nets, corrects qu'on te propose http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS tu l'aurais vu.
Tous les exemples que tu trouves sur le web ne sont pas forcément bons.
Et tu n'as pas “fait que remplacé ses textes”. Tu as ajouté d'autres éléments, sans même le voir, qui risquent de te poser d'autres problèmes. Je te l'ai signalé “Le texte est dans le layer5, pas dans col-right.”

Tu n'as peut-être pas compris l'utilité de ce forum.
Car, en effet, je sais “qu'il y aura toujours quelqu'un de meilleur que” moi. Heureusement. Ce n'est pas le but du jeu. Ici, on se met souvent à plusieurs pour construire quelque chose de plus solide, pour proposer, confronter… des solutions qui, au final, donnent souvent quelque chose de plus riche. Les frimeurs ne restent pas longtemps.
Je n'ai pas tenté de t'en mettre plein la vue mais simplement de te proposer des solutions. Ce qui était plus simple que de te décrire point par point tout ce qui ne va pas dans ta page.

Bien que tu dises “ça ne repond pas a ma question !”, tu pourrais quand même remarquer qu'on a répondu à “es ce que quelqu'un reussirais a me dire d'ou viens le probleme??”.
Et maintenant, “je voulais juste savoir s'il est possible de garder le meme systeme ( c'est a dire le menu fixe a gauche et chaque lien du menu s'ouvrant dans la partir de droite) en utilisant les blocs de css et non les frames.”
Ah bon ? C'est nouveau.
À l'aide ! Encore. Alors que tu nous parles mal. Et que ce n'est pas complété.
Cherche.
Ils sont gentils de continuer à te répondre. Vraiment. Tu le réalises j'espère.

De plus, tes réponses sont à la limite de la Charte de ce forum qui parle de bénévolat… de courtoisie. On pourrait demander la fermeture ce ton post.

Et si tu n'es pas capable de comprendre (je te l'avais déjà demandé) qu'on préfère ici lire du code mis en forme, si tu n'es pas capable de faire cet effort (un simple clic) et de respecter les usages, change de forum. Tu n'es pas prête à l'utiliser.
Et comme tu n'es pas non plus capable d'apprécier l'aide qu'on peut t'y apporter, tu nous fais perdre notre temps. Pour rien. Des polémiques vaines et empreintes d'égotisme.
Passe plutôt ton temps à apprendre. Seule.

++
Inutile de répondre. Mais pas de réfléchir.
Je ne participerai plus à aucun des échanges que tu pourrais encore susciter dans ce forum.
Pour moi, isis59 est repartie vers le néant. Et c'est tant mieux parce que sa rencontre a été désagréable.
Le sujet est clos.

--

désolé j'avais oublié de mettre la nouvelle page. ce n'est pas fini, d'autres liens arriveront sur la gauche .

http://cfw.webou.net/avec_css/index.htm

st possible de garder le meme systeme ( c'est a dire le menu fixe a gauche et chaque lien du menu s'ouvrant dans la partir de droite) en utilisant les blocs de css et non les frames

Le lien que tu nous a montré n'utilise pas d'ifram, le 'menu' de gauche que tu m'entionne n'existe pas ou est vide de tout lien.

Et il ne faut pas utiliser cette méthode de toute façon désuet et très mal vu de nos jours ou le coding web est devenu quelque chose de carré. Tu trouveras plus d'information sur google avec -> sémantique+accessibilité

Exemple simple, comment mettre en favori une page qui n'a pas ça propre URL ?

Si tu veux faire plusieurs page sans répéter x fois le même code pour le menu et le header, utilise, en php, des "pseudo frame".

je ne comprends pas désolé ! ne t'inquiete pas, ton lien je l'ai visité puisque j'ai refait ma page en utilisant ces modèles mais ce lien ne parle que des positionnement des blocs ! quel rapport avec ma question?

Si tu a regardé mon 1er lien tu as ta réponse.

lol tu n'as pas l'air de comprendre ce que je veux !! a aucun moment, je ne demande que vous me fassiez le code ( et j'ai meme dit a ghief, apres l'avoir remiercié, que j'essayerai de le faire par moi meme) je voulais juste savoir s'il est possible de garder le meme systeme ( c'est a dire le menu fixe a gauche et chaque lien du menu s'ouvrant dans la partir de droite) en utilisant les blocs de css et non les frames. t'enerve pas ! ^^

Apparemment tu ne comprends pas alors je vais faire simple, ton code est crade, super faut, c'est de la soupe, enfin tu choisie le terme que tu préfère, on ne va donc pas s'amuser à débuguer cette "chose" qui sert code.

Je t'ai donné des liens très utilises, maintenant si t'en rien à faire et que tu veux qu'on apporte la cuillère à la bouche comme un bébé bonne chance pour trouver cette personne ...

enfin bref, ça ne repond pas a ma question ! ^^

l interet c est d expliquer , mais je vois que ton seul souci c est de chercher d autres gens pour t amuser , alors que ceux qui passent ici tente de t aider.

Amuses toi bien quand même , et tu peux me faire signe quand tu à pris le temps de réflechir et comprendre , j ai le temps moi de mon coté pas de soucis .

Have fun

salut

il y a surtout des gens qui t apportent leurs experiences et une aide précieuse :) (:
le" tout" est une bonne chose , le" n importequoi" n est que l interpretation que tu en fais.

J ai regardé aussi ton code , et quand bien même si à ce niveau je n arrive pas à la cheville de ghief

Je lui trouve trop de défauts , maitenant s il marche chez celui à qui tu la piqué , tant mieux le pb ne viens donc pas du code reécupéré , mais du code travaillé....

Pourquoi faire simple lorsque c est meux quand c est compliqué , j avoue..

ya pas mal de monde en ce moment chez les webmasters ! mais bon, ya de tout et du n'importe quoi ! ^^

up svp

lol t'aime bien faire le malin toi ! ptdr ! sache qu'ily aura toujours quelqu'un de meilleur que toi quelque part !! ensuite, si tu veux t'amuser a chercher la ptite bete, tes "émo" se lisent (normalement, é oui moi francais ! ) de gauche a droite et non le contraire donc;-) serait plus aprecié !
ensuite, j'ai utilisé un exemple http://tomleskeud.free.fr/test_css01.html je n'ai fait que remplacé ses textes par les miens rien de plus !
Sa mise en page et son code etant bons, alors le mien (en tout cas le css ! ) l'est aussi !! sinon, merci pour le script modifié mais bon j'aurais preferé le faire seul ! je pense que c'est ce que je vais faire ! ^^ et si je n'y arrive pas, j'utiliserai ta page que je modifirai !

et je ne repondrai pas a s.spark car je vois qu'il s'amuse a jouer sur la mise a forme du script...! bon merci a tous ! ^^ et, au passage, est ce qu'il est possible de faire pour que le col-left reste fixé au fond et que lorsqu'on clique sur un lien du col-left, il s'ouvre dans col-right ? ceci sans utiliser les frames?? ou frames obligatoires?

Bonjour,

Je vais en rajouter une couche.

Mais avant un rappel : utilise ce bouton pour présenter ton code ici.
Ou, mieux, donne directement l'adresse de la page qui pose problème.
Ça rentre ? (-;

Tu n'utilises pas de cadres.
Cadre est la traduction de frame. C'est quelque chose de précis.
Dans ton cas, on parle plutôt de blocs.

Utilise un DOCTYPE correct.

Mets des commentaires <!-- --> dans tes pages. Ils t'aideront à t'y retrouver.

Et, en effet, le code de la page c'est un peu n'importe quoi.
Mélange de feuille de styles, de styles dans les balises, de mise en forme HTML.
Comment veux-tu qu'on s'y retrouve ?
Sois un peu plus stricte avec ton éditeur, contrains-le à t'obliger à créer des styles.
Et donne des noms clairs à tes styles.

Il n'y a pas que le CSS qui te pose problème.
Si tu places des “choses inutiles” (voir s.spark et “<SPAN style="COLOR: rgb(158,193,255)"><font color="#0066FF" size="4">” qui se répètent et se contredisent) un peu n'importe où, elles influent sur le contenu.
Par exemple, les <p> en dehors de tes <div> les repoussent.

Essaye des margin (pas en cm) plutôt que des espaces pour… espacer.

Le texte est dans le layer5, pas dans col-right.

Quant à tes styles, ne choisis le float qu'en connaissance de causes. Ne le pose pas au petit bonheur…
Et, après du float, du clear.
Les polices que tu utilises, je ne les connais même pas, je ne les vois pas. Fais autrement.

Le header peut avoir sa place dans le content.

Alors, essaye ça (j'ai viré les scripts) :

<?xml version="1.0" encoding="ISO-8859-15"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  <title>Document sans nom.  On peut trouver autre chose.</title>
<style type="text/css"> /* le type est obligatoire */
#content {
  position:relative;
  width:1100px;
  border:solid 1px #00f;
  }
.header {
  width:1100px;
  border:solid 1px #000;
  }
.col-left {
  float:left;
  width:245px;
  border:solid 1px #f00;
  }
.col-right {
  float:left;
  width:800px;
  height:434px;
  border:solid 1px #0f0;
  }
.footer {
  clear : left;
  width:1100px;
  border:solid 1px #aaa;
  }
</style>
    <meta name="generator" content="Namo WebEditor v5.0" />
</head>
  <body bgcolor="#FF0000" background="http://cfw.webou.net/brnbck72.gif" onload="namosw_init_menu();" onresize="namosw_ns_resize();">
<!-- content -->
    <div id="content">
<!-- header -->
      <div class="header">
        <center>
          <h1>
            <a href="http://cfw.webou.net/"><font face="Gargoyles Normal" size="7" color="#fff300"><i>Bienvenue sur le site de la CFW</i></font></a>
          </h1>
        </center>
      </div>
<!-- fin de header -->
<!-- col-left -->
      <div class="col-left">
        <p align="center">
          <img src="http://cfw.webou.net/combat.gif" border="0" width="240" height="93" />
        </p>
        <div id="layer1" style="width:198px; height:61px; position:absolute; left:17px; top:248px; z-index:1; border : 1px dashed #fff; color : #fff;">
          layer1
        </div>
        <div id="layer2" style="width:198px; height:60px; position:absolute; left:18px; top:145px; z-index:1; border : 1px dashed #fff; color : #fff;">
          layer2
        </div>
        <div id="layer3" style="width:198px; height:189px; position:absolute; left:16px; top:360px; z-index:1; border : 1px dashed #fff; color : #fff;">
          layer3
        </div>
      </div>
<!-- fin de col-left -->



<!--    </div>
     fin de quoi ?
     De content !   -->




<!-- col-right -->
    <div class="col-right">
      <p align="center">
        &nbsp;
        <font color="#FFFFCC" face="Chiller" size="7"><i><b><img src="https://i19.servimg.com/u/f19/11/21/74/33/12345611.jpg" border="0" /></b></i></font>
      </p>
      </p>
      <div id="layer5" style="width:607px; height:438px; position:absolute; left:232px; top:66px; z-index:1; border : 1px dashed #fff; color : #fff;">
      layer5
        <p align="center">
          <SPAN style="COLOR: rgb(158,193,255)"><font color="#0066FF" size="4">Vous voulez integrer la cfw?</font></SPAN>
        </p>
        <p align="center">
          <SPAN style="COLOR: rgb(158,193,255)"><font color="#0066FF" size="4">merci de nous laisser un petit message sur</font></SPAN>
        </p>
        <p align="center">
          <SPAN style="COLOR: rgb(158,193,255)"><font color="#0066FF" size="4">&nbsp;</font>
          <a href="javascript:na_open_window('le_forum_de_la_cfw', 'http://forumcfw.forumactif.com', 0, 0, 800, 600, 0, 1, 0, 0, 1)" target="_self"><i><u><font color="red" size="4">le
          forum</font></u></i></a>
          <font color="white" size="4">ET</font>
          <font color="#0066FF" size="4">d'envoyer un message a
          zentrix59</font></SPAN>
        </p>
        <p align="center">
          <SPAN style="COLOR: rgb(158,193,255)"><font color="#0066FF" size="4">en precisant&nbsp;votre nombre de point,</font></SPAN>
        </p>
        <p align="center">
          <SPAN style="COLOR: rgb(158,193,255)"><font color="#0066FF" size="4">votre type de jeu (mineur ou raideur)</font></SPAN>
        </p>
        <p align="center">
          <SPAN style="COLOR: rgb(158,193,255)"><font color="#0066FF" size="4">apres vous etre enregistré!</font></SPAN>
        </p>
        <p align="center">
          <span style="COLOR: rgb(158,193,255)"><br />
           <font color="#0066FF" size="5">A BIENTOT !!</font></SPAN>
        </p>
      </div>
    </div>
<!-- fin de col-right -->
<!-- footer -->
    <div class="footer">
      <p>
        <font color="white" face="Blackadder ITC" size="7">        
        <a href="javascript:na_open_window('le_forum_de_la_cfw', 'http://forumcfw.forumactif.com', 0, 0, 800, 600, 0, 1, 0, 0, 1)" target="_self"><font color="#FFFFCC" face="Chiller" size="7"><i><b>Le
        forum</b></i></font></a>
      </p>
    </div>
<!-- fin de footer -->


<!-- pas de fin de content alors j'ajoute -->
  </div>


  </body>
</html>

C'est compliqué, hein ? (-;

++
spidag devrait trouver moins d'erreurs (-;
“Aidez-moi” on comprend aussi (-;

--

Il y beaucoup de chose inutile

Commence par mettre des id ou il faut des id et des class là ou il faut des class

Tu as mis dans ton header:

<div class="header">
<center>
...
</center>
</div>

C'est inutile il te faut mettre :

<div id="header">
...
</div>

#header {text-align:center; width:100%; border:solid 1px #000;}

Ensuite ton conteneur "content" ne doit pas contenir le header.

Toute cette portion de code est inutile :

            <p>
               &nbsp;
            </p>
            <p>

               <font color="red">&nbsp;</font>
            </p>
            <div id="layer1" style="width:198px; height:61px; position:absolute; left:17px; top:248px; z-index:1;">
               <p>
                  &nbsp;
               </p>
            </div>
            <p align="center">
               
               <font face="Gargoyles Normal" color="red"><span style="font-size:36pt;">&nbsp;</span></font>

            </p>
            <div id="layer2" style="width:198px; height:60px; position:absolute; left:18px; top:145px; z-index:1;">
               <p align="center">
                  <font color="blue">&nbsp;</font>
               </p>
            </div>
            <div id="layer3" style="width:198px; height:189px; position:absolute; left:16px; top:360px; z-index:1;">
               <p>
                  &nbsp;

               </p>
               <p>
                  &nbsp;
               </p>
            </div>

Ensuite pareil avec ce morceau là :

         <p>
            &nbsp;
         </p>

         <p>
            
            <font face="Gargoyles Normal" color="red"><span style="font-size:36pt;">&nbsp;</span></font>
         </p>
         <p>
            &nbsp;
         </p>

Enfin je vais arrêté là a ce rythme on ne garde rien.

Je te conseil de te mettre au codage web sans utiliser d'éditeur qui génère le code, c'est très caca.

Voilà des mise en page structuré :
http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS

Et un site indispensable :
https://openclassrooms.com/fr/

bin normalement, le texte défile de bas en haut. et le css, c'est simple de l'avoir ! il suffit d'ouvrir le lien que j'ai donné, et de faire clic droit, code source de la page et on obtiens :

<style>
#content{position:relative; float:left; width:1100px; border:solid 1px #0000ff;}
.header {position:relative; float:left; width:1100px; border:solid 1px #000000;}
.col-left {position:relative; float:left; width:245px; border:solid 1px #ff0000;}
.col-right {position:relative; float:left; width:800px; height:434px; border:solid 1px #00ff00;}
.footer {position:relative; float:left; width:1100px; border:solid 1px #aaaaaa;}
</style>