non enregistrement des feuilles Css?

celtacadien · Message par **celtacadien** » 30 août 2006, 14:32

Bonjour,
débutant, j'essaie d'utiliser les feuilles de style afin d'avoir plus de possibilités dans l'établissement de ma page d'accueil (avec les tableaux ça a marché
sans trop de difficulté) mais je ne trouve pas pourquoi:
- quand j'ai fini de créer mes feuilles de style, elles semblent non enregistrées en ce qui concerne la position des items.
la visualisation des images incorporées aux conteneurs sur la page navigateur les amène toutes en tas sur la gauche alors qu'en Nvu elles sont bien en place.
- chaque fois que je rouvre Nvu quand je sélectionne une feuille de style il me faut décocher la mention " cochez pour désactiver une feuille de style .elle ne sera pas enregistrée".
ça se recoche par défaut (sauf la première feuille)
c'est agaçant de ne pas comprendre et sur les tutos, je n'ai pas trouvé d'info à ce sujet (même en suivant pas à pas les leçons)
quequ'un à t'il la ficelle qui me manque ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.7.12) Gecko/20050919 Junglechat/1.0.7 (Firefox/1.0.7 polymorphe)

Message par **chinon37** » 30 août 2006, 15:52

Est-ce que la page est en ligne et si oui, à quelle adresse? merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Invité · Message par **Invité** » 30 août 2006, 16:38

Bonjour,
merci de m'avoir répondu.
non, elle n'est pas en ligne puisque je suis en train d'essayer de la créer (pour remplacer celle existante créée avec les tableaux).

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.7.12) Gecko/20050919 Seavache/1.0.7 (Firefox/1.0.7 polymorphe)

Message par **chinon37** » 30 août 2006, 16:41

peux-tu mettre dans ce post le code source de ta page?

Invité · Message par **Invité** » 30 août 2006, 17:26

merci en tous cas de t'occuper de débutants.

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>miseenpagecss</title>
  <style title="conteneur" media="all" type="text/css">
#conteneur {
    background-color: #ffff99;
    width: 90%;
    height: 90%;
    margin-left: 5%;
}

#drapeaux {
    background-color: #ffcc99;
    width: 100%;
    height: 100px;
}


  </style>
  <style title="enumeration" media="all"
 type="text/css">
#enumeration {
    background-color: #cccccc;
    width: 30%;
    height: 25px;
    margin-left: 35%;
}


  </style>
  <style title="imageD" media="all" type="text/css">
#imageD {
    background-color: #ccffff;
    height: 300px;
    width: 40%;
    margin-left: 60%;
}


  </style>
  <style title="imageG" media="all" type="text/css">
#imageG {
    background-color: #ccccff;
    margin-left: 60%;
    width: 30%;
    height: 300px;
}


  </style>
</head>
<body>
<div style="" id="conteneur">conteneur<br>
<div style="" id="drapeaux"><br>
<div style="position: absolute; left: 69px; top: 28px;"></div>
<br>
<br>
<div style="position: absolute; left: 69px; top: 28px;"></div>
<br>
<br>
<br>
<div style="position: absolute; top: 122px; left: -22px;"
 id="enumeration"><br>
</div>
<div id="imageD"><img
 style="width: 300px; height: 309px;" alt=""
 src="../Source%20Photos/Copie%20de%20Photo%20054.JPG"><br>
<div style="position: absolute; top: 146px; left: -45px;"
 id="imageG"><img style="width: 400px; height: 300px;"
 alt="" src="../Source%20Photos/Copie%20de%20Photo%20196.JPG"></div>
<div style="position: absolute; left: 69px; top: 153px;"></div>
<br>
<div style="position: absolute; left: 69px; top: 148px;"></div>
<div style="position: absolute; left: 724px; top: 153px;"></div>
<br>
<br>
<br>
<div style="position: absolute; left: 724px; top: 153px;"></div>
</div>
<div style="position: absolute; top: -293px; left: 372px;"
 id="enumeration"></div>
</div>
</div>
</body>
</html>

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.7.12) Gecko/20050919 Waterimpala/1.0.7 (Firefox/1.0.7 polymorphe)

Message par **chinon37** » 30 août 2006, 18:47

1er probleme: tu as créé une feuille de style interne par règle: il ne faut qu'une seule feuille de style qui contiendra toutes les règles.
Ensuite, il faut que tu donnes une position aux id que tu as créées: comment veux-tu placer tes blocs?
Ci dessous le source avec une seule feuille de style et toutes tes règles:

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta name="generator" content="HTML Tidy for Windows (vers 12 April 2005), see www.w3.org">
    <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
    <title>
      miseenpagecss
    </title>
<style title="conteneur" media="all" type="text/css">
#conteneur {
background-color: #ffff99;
width: 90%;
height: 90%;
margin-left: 5%;
}
#drapeaux {
background-color: #ffcc99;
width: 100%;
height: 100px;
}

#enumeration {
background-color: #cccccc;
width: 30%;
height: 25px;
margin-left: 35%;
}
#imageD {
background-color: #ccffff;
height: 300px;
width: 40%;
margin-left: 60%;
}

#imageG {
background-color: #ccccff;
margin-left: 60%;
width: 30%;
height: 300px;
}
</style>
  </head>
  <body>
    <div style="" id="conteneur">
      conteneur<br>
      <div style="" id="drapeaux">
        <br>
        <div style="position: absolute; left: 69px; top: 28px;"></div><br>
        <br>
        <div style="position: absolute; left: 69px; top: 28px;"></div><br>
        <br>
        <br>
        <div style="position: absolute; top: 122px; left: -22px;" id="enumeration">
          <br>
        </div>
        <div id="imageD">
          <img style="width: 300px; height: 309px;" alt="" src="../Source%20Photos/Copie%20de%20Photo%20054.JPG"><br>
          <div style="position: absolute; top: 146px; left: -45px;" id="imageG">
            <img style="width: 400px; height: 300px;" alt="" src="../Source%20Photos/Copie%20de%20Photo%20196.JPG">
          </div>
          <div style="position: absolute; left: 69px; top: 153px;"></div><br>
          <div style="position: absolute; left: 69px; top: 148px;"></div>
          <div style="position: absolute; left: 724px; top: 153px;"></div><br>
          <br>
          <br>
          <div style="position: absolute; left: 724px; top: 153px;"></div>
        </div>
        <div style="position: absolute; top: -293px; left: 372px;" id="enumeration"></div>
      </div>
    </div>
  </body>
</html>

celtacadien · Message par **celtacadien** » 31 août 2006, 11:08

Bonjour,
je te remercie pour ta réponse.
il y avait des choses que je n'avais donc pas comprises dans les leçons.
incompréhension ou mal expliquées ?
je penche nettement pour la première solution (trop pressé).
encore merci.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.7.12) Gecko/20050919 Firerenard/1.0.7 (Firefox/1.0.7 polymorphe)

Geckozone

non enregistrement des feuilles Css?

non enregistrement des feuilles Css?

Qui est en ligne ?