[css] centrer/ aligner

Fermé

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 - 5 nov. 2007 à 21:31
IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 - 25 oct. 2008 à 13:43

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 ;)

A voir également:

[css] centrer/ aligner
Css retour à la ligne - Forum CSS
Dans le document à télécharger, léa a utilisé 2 méthodes différentes pour centrer le nom des continents. lesquels sont centrés correctement ? - Forum Jeux vidéo
Gimp centrer texte ✓ - Forum The Gimp
Css exposant ✓ - Forum CSS
Aligner 3 images horizontalement css ✓ - Forum HTML

90 réponses

Réponse 41 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 11:15

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: ;)

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 11:22

je tape en direct sur ccm, forcement y a du déchet !!!

Réponse 42 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 11:20

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)

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 11:25

tu as fait sauté la fermeture de '</body>' et de '</html>' en collant.

Réponse 43 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 11:23

oki lol

Réponse 44 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 11:24

c'est bon j'avait mal fermé le <body> et <html>

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

Posez votre question

Réponse 45 / 90

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 11:27

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>

Réponse 46 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 11:28

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 ;) )

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 11:30

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).

Réponse 47 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 11:31

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 ;) )

Réponse 48 / 90

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 11:42

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;
}

Réponse 49 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 11:50

Re ;)

ouai, j'ai mis mais, oulalala :p

Réponse 50 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 12:00

pour le block pub quand je met width:90px; ça deborde sur la banière :S

Réponse 51 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 12:05

tjrs là?

Réponse 52 / 90

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 12:07

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>'

Réponse 53 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 12:08

<ul> ? c'est quoi?

Réponse 54 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 12:10

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>

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 12:11

quel texte ?

<msg destination="css" autor="IgiX">je t'aime moi, pourquoi t'en fait aps autan avec moi?</msg>
???

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 12:12

il faut augment l'espacement du texte en conséquence !

div#texte
{
padding:0 150px; /* (largeur '<body>' - largeur bannière) / 2 */
}

Réponse 55 / 90

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 12:10

un liste non triée (Unordered List).

Réponse 56 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 12:12

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?

Réponse 57 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 12:14

oky, mais padding:0 150px le 0 correspond a la auteur?

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 12:20

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 !

Réponse 58 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 12:18

et maintenant, comment enlever la bordure de l'iamge dans pub?

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 12:21

div#pubs a img
{
border-style:none;
}

Réponse 59 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 12:23

border-style:none; marche pas :s

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
6 nov. 2007 à 12:26

si il fonctionne, je l'ai testé sur ton site !!!
mais il ne faut pas oublier le "s" à 'div#pubs".

Réponse 60 / 90

IgiXcs Messages postés 172 Date d'inscription jeudi 20 septembre 2007 Statut Membre Dernière intervention 28 décembre 2008 94
6 nov. 2007 à 12:26

@ #69, nan, border="0" donne des erreurs dans le w3c :S

Discussions similaires

Utilisation des méthodes de manipulations du DOM

trait horizontal avec du css

Enlever le soulignement sous les liens en HTML/CSS

HTML - définir taille bouton

Alignement du texte à gauche et à droite