[css] centrer/ aligner

IgiXcs Messages postés 172 Statut Membre -  
IgiXcs Messages postés 172 Statut Membre -
Bonjour,

comment contrer ou sinon aligner un bloc par raport a un autre

www.cfg-serv.c.la j'essaye sans résultat d'aligner le texte avec le header :

merci d'avance ;)

90 réponses

IgiXcs Messages postés 172 Statut Membre 94
 
menu a droite
pub a gauche
un bon 70px pour les 2 ;)


background-image:url(monimage.png); y a un pb :S
nn c'est bon

overflow:hidden; et non overflow:hidden: ;)
0
Dalida Messages postés 7114 Statut Contributeur 923
 
je tape en direct sur ccm, forcement y a du déchet !!!
0
IgiXcs Messages postés 172 Statut Membre 94
 
http://validator.w3.org/... :S (on s'en fiche ou on voit après? je crois c'est ton code html qui a foiré x)
0
Dalida Messages postés 7114 Statut Contributeur 923
 
tu as fait sauté la fermeture de '</body>' et de '</html>' en collant.
0
IgiXcs Messages postés 172 Statut Membre 94
 
oki lol
0
IgiXcs Messages postés 172 Statut Membre 94
 
c'est bon j'avait mal fermé le <body> et <html>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Dalida Messages postés 7114 Statut Contributeur 923
 
ensuite, les colonnes !

on va tenter on verra ce que ça donne !
div#menu
{
width:80px;
float:left;
}
div#pubs
{
width:80px;
float:right;
}
div#texte
{
padding:0 100px;
}


<edit>tu ne veux pas que les colonnes soient à la même hauteur que la bannière ?</edit>
0
IgiXcs Messages postés 172 Statut Membre 94
 
ok, mais pk on maius div#bloc et pas #bloc?

c'est bon, bloc menu a gauche et pub a droite huhu

et si possibble après si on y vient mettre le block menu (et aussi mais pub) pas en haut mais 10px au dessus du hgaut de la page et 10 px a gauche dela marge (10px a droite ppour la pub ;) )
0
Dalida Messages postés 7114 Statut Contributeur 923
 
tu peux mettre les deux.
je trouve ça plus propre, ton identifiant est forcement unique dons il ne peut s'appliquer qu'à cette balise, autant la mettre.
quand les feuilles deviennent plus complexes on s'y retrouve plus facilement.
et ça ajoute '1' au poids de la règle (ce qui peut parfois faire une différence).
0
IgiXcs Messages postés 172 Statut Membre 94
 
oki tu a lu mon édit?


c'est bon, bloc menu a gauche et pub a droite huhu

et si possibble après si on y vient mettre le block menu (et aussi mais pub) pas en haut mais 10px au dessus du hgaut de la page et 10 px a gauche dela marge (10px a droite ppour la pub ;) )
0
Dalida Messages postés 7114 Statut Contributeur 923
 
ouais mais il faut augmenter la largeur de '<body>' sinon c'est vraiment rikiki…
j'ai mis des bordures aux blocs pour mieux les visualiser.
html
{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:100%;
margin:0;
padding:0;
}

body
{
font-size:.9em;
width:860px;
margin:0 auto;
position:relative;
}
div#header h1
{
height:150px;
margin:0;
padding:0;
text-indent:-1000em;
overflow:hidden;
background-image:url("images/header.jpg");
background-position:center;
background-repeat:no-repeat;
}
div#menu
{
position:absolute;
top:20px;
left:0;
width:70px;
border:1px dotted red;
}
div#menu ul
{
margin:0;
padding:0;
list-style-type:none;
}
div#menu ul li
{
margin:0;
padding:0;
}
div#pubs
{
position:absolute;
top:20px;
right:0;
width:70px;
border:1px dotted red;
}
div#texte
{
padding:0 100px;
}
0
IgiXcs Messages postés 172 Statut Membre 94
 
Re ;)

ouai, j'ai mis mais, oulalala :p
0
IgiXcs Messages postés 172 Statut Membre 94
 
pour le block pub quand je met width:90px; ça deborde sur la banière :S
0
IgiXcs Messages postés 172 Statut Membre 94
 
tjrs là?
0
Dalida Messages postés 7114 Statut Contributeur 923
 
yep !

il faut augmenter la largeur de '<body>' en conséquence.
body
{
font-size:.9em;
width:900px; /* = largeur menu + marge + largeur bannière + marge + largeur pub */
margin:0 auto;
position:relative;
}

et la largeur de le pub doit être réglée sur le '<div>' par sur '<ul>'
0
IgiXcs Messages postés 172 Statut Membre 94
 
<ul> ? c'est quoi?
0
IgiXcs Messages postés 172 Statut Membre 94
 
et de ce fait, le texte n'est plus aligné :s


<msg destination="css" autor="IgiX">je t'aime moi, pourquoi t'en fait aps autan avec moi?</msg>
0
Dalida Messages postés 7114 Statut Contributeur 923
 
quel texte ?

<msg destination="css" autor="IgiX">je t'aime moi, pourquoi t'en fait aps autan avec moi?</msg>
???
0
Dalida Messages postés 7114 Statut Contributeur 923
 
il faut augment l'espacement du texte en conséquence !
div#texte
{
padding:0 150px; /* (largeur '<body>' - largeur bannière) / 2 */
}
0
Dalida Messages postés 7114 Statut Contributeur 923
 
un liste non triée (Unordered List).
0
IgiXcs Messages postés 172 Statut Membre 94
 
nan, lol le css ,il ne m'aime pas, ça ce voit :p

revenons a nos moutons, faut refaire le div#texte pour l'aligner avec le header?
0
IgiXcs Messages postés 172 Statut Membre 94
 
oky, mais padding:0 150px le 0 correspond a la auteur?
0
Dalida Messages postés 7114 Statut Contributeur 923
 
non c'est une propriété raccourcie.

tu peux écrire :
padding: "top" "right" "bottom" "left";
padding: "top & bottom" "right & left";
padding;  "top & right & bottom & left";

soit :
padding: 10 5 15 20;
padding: 10 5;
padding; 10;

avec des résultats différents bien sûr !
et hop, un tuto et la base de connaissance de CCM !
0
IgiXcs Messages postés 172 Statut Membre 94
 
et maintenant, comment enlever la bordure de l'iamge dans pub?
0
Dalida Messages postés 7114 Statut Contributeur 923
 
div#pubs a img
{
border-style:none;
}
0
IgiXcs Messages postés 172 Statut Membre 94
 
border-style:none; marche pas :s
0
Dalida Messages postés 7114 Statut Contributeur 923
 
si il fonctionne, je l'ai testé sur ton site !!!
mais il ne faut pas oublier le "s" à 'div#pubs".
0
IgiXcs Messages postés 172 Statut Membre 94
 
@ #69, nan, border="0" donne des erreurs dans le w3c :S
0