Page 1 sur 1
[Résolu] Bloc
Publié : 13 janv. 2007, 21:54
par NYKO
J'ai un problème pour réaliser le bloc de droit comme ici. Est ce que vous pouvez m'indiquer la manoeuvre plz
http://css.alsacreations.com/modeles/modele6.htm[/url]
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Publié : 13 janv. 2007, 21:56
par Ymai
Bonjour
Il me semble qu'il y a quelque chose d'utile du côté de
http://info.sio2.be/kpz/3/1.php
Publié : 13 janv. 2007, 22:24
par NYKO
Oui j'avais lu çà avant pour tous les blocs j'arrive à me débrouiller mais pour le bloc de droit j'y arrive pas.
L'entete , le pied de page flottant , le bloc gauche ok. mais ...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Publié : 13 janv. 2007, 22:35
par Ymai
Il me semble que le document d'origine "Alsacreations" contient
Code : Tout sélectionner
...
<div id="conteneur">
<div id="header">....<div>
<div id="gauche">...</div>
<div id="droite">.....</div>
<div id="centre">....</div>
<div id="pied">....</div>
</div>
...
selon la même logique que ce qui se trouve dans le tuto mentionné.
La feuille de style contient, quant à elle:
Code : Tout sélectionner
#centre {
background-color:#9999CC;
margin-left: 150px;
margin-right: 150px;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}
#droite {
position: absolute;
right:0;
width: 150px;
}
c'est-à-dire tout ce qui est nécessaire à la mise en forme des trois blocs principaux; toujours comme dans le tuto.
Donc, plus de précision sur le problème serait bienvenu.
Publié : 14 janv. 2007, 01:36
par NYKO
J'ai réussi à faire un modele de ce que je voulais. J'utilise kompozer comme conseillé.
J'ai deux questions pourquoi ne pas utilisé des pourcentage pour les blocs de cote.
Et pourquoi est ce que quand j'tulise la barre se trouvant en bas pour modifier le fond la boite .... Et lorsque que j'utilise l'onglet outil pour avoir l'editeur CSS çà me se modifie pas . C'est un peu bizarre de trouver des infos qui n'apparaisse pas pour et pour l'autre.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Publié : 14 janv. 2007, 01:45
par NYKO
Je penses qu'il y a un conflit entre les deux non ?
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Publié : 14 janv. 2007, 11:50
par Ymai
NYKO a écrit :J'ai réussi à faire un modele de ce que je voulais. J'utilise kompozer comme conseillé.
J'ai deux questions pourquoi ne pas utilisé des pourcentage pour les blocs de cote.
Pourquoi pas?
Et pourquoi est ce que quand j'tulise la barre se trouvant en bas pour modifier le fond la boite .... Et lorsque que j'utilise l'onglet outil pour avoir l'editeur CSS çà me se modifie pas . C'est un peu bizarre de trouver des infos qui n'apparaisse pas pour et pour l'autre.
Pas trop clair, pour moi.
Parlons-nous bien de modifications des styles dans la barre d'état, en bas de la fenêtre et de l'éditeur CSS accessible par le menu Outils?
Si c'est bien le cas, le problème résulte sans doute d'une compréhension partielle du fonctionnement de CSS.
Lorsque l'on modifie un style par l'éditeur CSS, il faut bien vérifier que le bloc (ou la balise) qui est stylé possède une "class" ou un "id" auquel on peut faire référence.
En l'occurrence, ici, si l'on modifie les styles des objets #gauche, #droite, #centre,... je ne vois pas pourquoi cela ne fonctionnerait pas. A moins qu'il y ait déjà quelque chose indiqué au niveau local. Du genre:
<div id="droite"
style="float:left">
Auquel cas, cette directive de style aura priorité sur le contenu de la feuille de style. Le bloc sera flottant à gauche, quoiqu'on précise dans l'éditeur de styles.
Exemple complet:
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>titre</title>
<style type="text/css">
#droite {
float: right;
width: 150px;
background-color: red;
}
</style>
</head>
<body>
<div style="float: left;" id="droite"></div>
</body>
</html>
Le bloc "droite" est bien... à gauche, alors que la feuille de style le positionne... à droite.
C'est le mécanisme de la cascade. La feuille de style est inopérante pour la couleur de fond.
Est-ce le problème qui se pose?
Publié : 14 janv. 2007, 13:46
par NYKO
oui c'était une mauvaise compréhension de css. J'ai réglé le probleme, dès que je mets mon site ne ligne après révision de css , je te demanderai si j'ai pas fait de bêtise
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Publié : 14 janv. 2007, 14:02
par NYKO
Ouf je viens de comprendre pourquoi çà n'avait pas marcher. C'est exactement ce que tu as écris . Au niveau local j'avais fait des modifs et donc çà prenais le pas sur l'editeur de styles.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Publié : 14 janv. 2007, 15:28
par Ymai
Résolu? Merci de l'indiquer en éditant le premier post.