Alignement blog
known
-
known -
known -
Bonsoir,
Voilà. J'ai un problème d'alignement sur mon blog.
http://keve.kv.free.fr/blog/index.php
Quand le contenu (le texte) du gros bloc gauche est assez petit, les autres blocs s'alignent normalement.
Mais regardez sur l'autre page about.php.
http://keve.kv.free.fr/blog/about.php
Le texte est déjà plus grand. Et étrangement, les deux blocs "contenu" et menu se rapprochent.
Comment cela se fait il ? Les deux pages sont pourtant codées exactement de la même façon. (au niveau de la mise en page)
Vous pouvez consulter les codes sources.
Voilà, j'espère avoir une réponse qui puisse m'aider.
PS: En fait, j'ai perdu quelques notions en xHTML / CSS, donc je peux pas régler certains problèmes.
Voilà. J'ai un problème d'alignement sur mon blog.
http://keve.kv.free.fr/blog/index.php
Quand le contenu (le texte) du gros bloc gauche est assez petit, les autres blocs s'alignent normalement.
Mais regardez sur l'autre page about.php.
http://keve.kv.free.fr/blog/about.php
Le texte est déjà plus grand. Et étrangement, les deux blocs "contenu" et menu se rapprochent.
Comment cela se fait il ? Les deux pages sont pourtant codées exactement de la même façon. (au niveau de la mise en page)
Vous pouvez consulter les codes sources.
Voilà, j'espère avoir une réponse qui puisse m'aider.
PS: En fait, j'ai perdu quelques notions en xHTML / CSS, donc je peux pas régler certains problèmes.
4 réponses
body {
background-color: #3c3c3c;
text-align: center;
}
/* Bannière... */
#header a img {
border: none;
display: block;
margin: 0 auto;
}
/* menu horizontal */
/* padding = espace entre chaque liens */
ul#horizontal {
list-style-type: none;
width: 632px;
height: 25px;
font-size: 17px;
margin-right: auto;
margin-left: auto;
padding: 0;
font-family: 'Comic Sans MS', serif;
}
li.link_left {
float: left;
}
li.link_right {
float: right;
}
ul#horizontal a {
font-weight: bold;
text-decoration: none;
color: #ffc41d;
padding: 0 0.5em;
background-color: #333333;
}
ul#horizontal a:hover {
font-weight: bold;
text-decoration: none;
background-color: #ffd632;
color: #3C3C3C;
padding: 0 0.5em;
}
/* BAS */
#bas p#bottom {
background-color: #4B4B4B;
padding: 0 0.2em;
color: #FFFFFF;
margin: 2em 0 0 0;
padding: O;
text-align: center;
font-family: Arial, serif;
font-size: 13px;
}
#bas a img {
border: none;
}
/* CORPS / ARTICLES */
#corps {
text-align: left;
width: 465px;
margin-left: 180px;
font-family: 'Trebuchet MS', Verdana, serif;
color: #7e7e7e;
font-size: 12px;
background-color: #404040;
padding-top: 4px;
padding-left: 7px;
padding-right: 7px;
padding-bottom: 7px;
}
#corps a {
color: #ffd632;
font-weight: bold;
text-decoration: none;
}
#corps a:hover {
color: #ffd632;
font-weight: bold;
text-decoration: underline;
}
/* Menu droite... */
#right_menu{
float: right;
text-align: left;
width: 140px;
height: 250px;
margin-right: 180px;
margin-bottom: 10px;
font-family: 'Trebuchet MS', Verdana, serif;
color: #7e7e7e;
font-size: 12px;
background-color: #404040;
padding-left: 7px;
padding-right: 7px;
border-bottom: 6px solid #ffd632;
}
#right_menu .titre2 {
font-size: 18px;
font-family: Georgia, 'Trebuchet MS', serif;
border-bottom: 3px solid #858585;
text-indent: 5px;
}
#right_menu li {
list-style-type: circle;
}
/* Maintenant le corps au sein de l'article */
#corps .titre {
font-size: 20px;
font-family: Georgia, 'Trebuchet MS', serif;
border-bottom: 3px solid #ffd632;
text-indent: 5px;
}
#corps input[type=text], #corps input[type=password], #corps input[type=submit], #corps input[type=reset], #corps textarea {
background-color: #3c3c3c;
font-family: 'Comic Sans MS', Georgia, 'Trebuchet MS', serif;
font-size: 11px;
color: #7e7e7e;
border-bottom: 1px solid #535353;
border-left: 2px solid #535353;
border-right: 1px solid #535353;
border-top: 1px solid #535353;
}
#corps input[type=text]:focus, #corps input[type=password]:focus, #corps textarea:focus {
border-bottom: 1px solid #5c5b5b;
border-left: 2px solid #5c5b5b;
border-right: 1px solid #5c5b5b;
border-top: 1px solid #5c5b5b;
}
/* concernant les images qui flottent... */
body #corps .left {
float: left;
padding: 6px;
}
body #corps .right {
float: right;
padding: 6px;
}
body #corps .center {
display: block;
margin: 0 auto;
padding: 6px;
}
Code source du CSS
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <title>La vie d'un G33K sur ce blog.</title> <link rel="stylesheet" media="screen" type="text/css" title="diz" href="http://keve.kv.free.fr/blog/css/diz.css" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta http-equiv="pragma" content="no-cache" /> <meta name="description" content="Le blog du grand et paresseux Known* quoi." /> <meta name="robots" content="index,follow" /> </head> <body> <div id="header"> <!-- Header et toussa --> <a href="../blog/index.php"><img src="http://keve.kv.free.fr/blog/header.png" alt="Par Known* !" /></a> <ul id="horizontal"> <li class="link_right"><a href="../blog/index.php" title="L'accueil du blog quoi.">HOMEPAGE</a></li> <li class="link_right"><a href="#" title="La liste des articles.">ARTICLES</a></li> <li class="link_right"><a href="../blog/about.php" title="About me... and this blog!">A PROPOS...</a></li> <li class="link_right"><a href="#" title="Parce qu'il est aussi graphiste, le known* !">PORTFOLIO</a></li> <li class="link_left"><a href="mailto:fs-snake[at]live.fr" title="Je te répondrais peut-être pas.">CONTACT ME</a></li> </ul></div> <!-- Menu --> <div id="right_menu"> <p class="titre2">Menu</p> <ul><li>Sample</li> <li>Sample</li> <li>Sample</li> <li>Sample</li> <li>Sample</li> <li>Sample</li> <li>Sample</li></ul></div> <div id="corps"> <!-- Contenu --> <?php include 'include_index.php'; ?> </div> </body> </html>
Code source de la mise en page.
Si ça peut vous aider à m'aider XD
Merci beaucoup.
Vous ne m'êtes d'aucune utilité c'est bon.
Même pas un post, une question concernant mes codes sources. Attends. A chaque fois que je crée un topic, personne me répond. Affligeant. Et des topics "simples", en plus, pas comme celui-ci. Aucune réaction.
"Taux de réponse : 75.37%". Ouais, je vois. C'est sympa.
OK.
Merci pour votre brillante aide, toute façon, le problème est déjà réglé. (j'ai dû changer la structure du blog, mais bon.)
Même pas un post, une question concernant mes codes sources. Attends. A chaque fois que je crée un topic, personne me répond. Affligeant. Et des topics "simples", en plus, pas comme celui-ci. Aucune réaction.
"Taux de réponse : 75.37%". Ouais, je vois. C'est sympa.
OK.
Merci pour votre brillante aide, toute façon, le problème est déjà réglé. (j'ai dû changer la structure du blog, mais bon.)
