[debutant]affichage sur le meme niveau

**christophebmx** · 08/02/2005, 17h24

bonjour a tous,

Hm j'ai toujours fait des p'tits dev sans me soucier du design ...;-) et bon je me rends compte que c'est vachement important et surtout avec les feuilles de styles je peux gagner du temps ;-)!

Bref, j'ai un p'tit souci de design! je vous explique j'aimerais que mon compteur s'affiche en haut de la page ds un tel taille a gauche pas trop du bord etc ....et qu'a droite soit mis la date !

Apres avoir cherche sur le net j'ai fini par trouve des tutos et bon ca tourne presque j'arrive bien a afficher ma date et le compteur mais il ne sont pas a la meme hauteur !

voici ma feuille de style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
/** date **/
.fordate{
font-family : verdana, arial;
font-size:10;
margin-left: 800px ; 
margin-top:0px; 
 
}
 
/** compteur **/
.cp{
font-family : verdana, arial;
font-size: 10;
margin-left: 10px;
margin-top: 0px;
}

je les affiche comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
.....
</head>
<body>
<div class="cp">
<?php require_once('nbpers.php');?>
<div class="fordate">Nous sommes le :<?php echo date("j M Y");></div>
</div>

il s'affiche bien ds la bonne taille mais pas a la meme hauteur j'ai beau changer la valeur margin top rien n'y fait !
je me trompe peut etre si quelqu'un avait une idée

je suis sous ie 6 et fire fox 1.0

**El Riiico** · 08/02/2005, 17h40

C'est normal, les <div> fonctionnent sous formes de blocs qui ne s'alignent pas par défaut.

D'ailleurs en passant, tu ferais mieux d'utiliser des balises <p>
à la place de <div>, ce serait sémantiquement plus correct.

Pour faire en sorte qu'une balise de type bloc (div ou p) s'affiche en ligne, c'est la propriété : display:inline;

**christophebmx** · 10/02/2005, 15h34

salut salut El Riiico,

Je te remercie pour ces infos et te souhaite une excellente fin de semaine !

Ciao ciao

Christophe

[debutant]affichage sur le meme niveau

HTML

Discussions similaires

Partager

Partager