Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 16/11/2011, 11h12   #1
 
Homme
Analyse système
Inscription : juin 2011
Messages : 59
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Analyse système

Informations forums :
Inscription : juin 2011
Messages : 59
Points : -7
Points : -7
Par défaut Valeur de height non appliquée sur un div

bonjour voici les codes html et css:
Code :
1
2
3
4
5
6
7
8
<body>
<div id="a" onmouseover="mopen('m1',true)" onmouseout="mopen('m1',false)">
 
        <a href="#">Images</a>
</div>
<div id="b">Jo Deyris</div>
 
  </body>
Code :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
body
{
   width: 760px;
   margin: auto;
   margin-top: 25px;
   margin-bottom: 20px;     
}
 
 
#a
{
text-align:center;
width:760;
height:400;
}
 
#m1
{
display:none;
}
étant donné que j'ai donné à #a une height de 400, comment se fait t'il que jo deyris soit affiché à la ligne en dessous de Images?ça devrait être bien plus bas en effet puisque j'ai donné au premier bloc une hauteur de 400!Je comprends vraiment pas...

EDIT : ah je crois comprendre, n est ce pas car je n'ai pas rempli mon premier div avec suffisament de choses (j ai mis que le texte images) donc quelque soit le height,jo deyris vient se greffer juste dessous, c est pas ça le raisonnement?
programmeur400 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/11/2011, 12h27   #2
Rédacteur/Modérateur
 
Avatar de 12monkeys
 
Homme Dr. Peters
Webmaster
Inscription : novembre 2006
Messages : 3 620
Détails du profil
Informations personnelles :
Nom : Homme Dr. Peters
Âge : 35
Localisation : France, Bas Rhin (Alsace)

Informations professionnelles :
Activité : Webmaster
Secteur : Service public

Informations forums :
Inscription : novembre 2006
Messages : 3 620
Points : 6 232
Points : 6 232
Bonjour

Ne serais-ce pas plutôt parce que tu as oublié l'unité de mesure à tes valeurs width et height !

Code :
1
2
3
4
5
6
#a
{
text-align:center;
width:760px;
height:400px;
}
L'unité de mesure est obligatoire en CSS sauf pour la valeur zéro.
__________________
Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS
Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS !
Votez pour les messages qui vous ont aidés...
12monkeys est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/11/2011, 16h48   #3
 
Homme
Analyse système
Inscription : juin 2011
Messages : 59
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Gironde (Aquitaine)

Informations professionnelles :
Activité : Analyse système

Informations forums :
Inscription : juin 2011
Messages : 59
Points : -7
Points : -7
non c'est pas à cause des px qui manquent car les ajouter ne change rien je crois bien que c'est moi qui ait raison si vous voulez me contredire allez y montrez moi que je me trompe je serais ravi d'apprendre
programmeur400 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/11/2011, 20h51   #4
Rédacteur/Modérateur
 
Avatar de 12monkeys
 
Homme Dr. Peters
Webmaster
Inscription : novembre 2006
Messages : 3 620
Détails du profil
Informations personnelles :
Nom : Homme Dr. Peters
Âge : 35
Localisation : France, Bas Rhin (Alsace)

Informations professionnelles :
Activité : Webmaster
Secteur : Service public

Informations forums :
Inscription : novembre 2006
Messages : 3 620
Points : 6 232
Points : 6 232
Tout d'abord l'obligation de l'unité de mesure est une réalité, si tu ne l'appliques pas tant pis pour toi.

Ensuite je teste ton exemple tout simple et le width et le height ne s'appliquent pas, logiquement ! Et ce que ce soit avec Firefox ou Internet Explorer 8.

Donc dis nous avec quel navigateur tu testes, et montres nous une page en ligne qui reproduit ton bug.
__________________
Vous débutez dans la creation de sites web : les bases du html et débuter avec les CSS
Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS !
Votez pour les messages qui vous ont aidés...
12monkeys est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/11/2011, 21h37   #5
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 944
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 944
Points : 4 776
Points : 4 776
Bonsoir,
sans DOCTYPE effectivement cela fonctionne sans ajouter l'unité, mais c'est parce que les navigateurs sont cool.

Les "bonnes manières" veulent quand même que l'on mette un DOCTYPE et les unités, il en va du rendu sur les différents navigateurs.

Citation:
non c'est pas à cause des px qui manquent car les ajouter ne change rien je crois bien que c'est moi qui ait raison si vous voulez me contredire allez y montrez moi que je me trompe je serais ravi d'apprendre
le but du forum est de t'aider à résoudre un soucis mais si tu veux te passer des conseils libre à toi de faire comme il te semble.

A tout hasard...
- http://j-willette.developpez.com/tut...bases-du-html/
- http://css.developpez.com/tutoriels/premiers-pas/
...et il y en a plein d'autres.
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 13h39.


 
 
 
 
Partenaires

Hébergement Web