Page 1 sur 1
non enregistrement des feuilles Css?
Publié : 30 août 2006, 14:32
par celtacadien
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)
Publié : 30 août 2006, 15:52
par chinon37
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
Publié : 30 août 2006, 16:38
par Invité
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)
Publié : 30 août 2006, 16:41
par chinon37
peux-tu mettre dans ce post le code source de ta page?
Publié : 30 août 2006, 17:26
par Invité
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>
Publié : 30 août 2006, 18:47
par chinon37
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>
Publié : 31 août 2006, 11:08
par celtacadien
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)