Probléme site
bonne nuit,
j'ai un probléme avec mon site des que je veut plaçer une colonne a gauche voici ce que ça fait:
"https://imageshack.com/"
sa l'envoie de l'autre côté!
voila le html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>OS-ASTUCES</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">OS-ASTUCES</a></h1>
<h2><a href="">L'informatique n'as pas de limites.</a></h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Tutoriaux</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
<div id="column-two">
<div class="boxed">
<h2 class="title">Bienvenue sur os-astuces</h2>
<div class="content">
<p>Bienvenue sur os-astuces ce site a pour but de vous aidez quelque soit votre systeme d'exploitation!</p>
</div>
</div>
voila le css
#menu {
width: 1024px;
height: 35px;
margin: 0 auto;
background: #CE6318 url(images/img2.gif) repeat-x;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 24px;
padding: 8px 20px 0 20px;
border-bottom: 2px solid #CE6318;
text-transform: lowercase;
text-decoration: none;
font-size: 1em;
font-weight: bold;
color: #F7E5D9;
}
#menu a:hover {
background: #CE6318;
border-bottom-color: #DC915C;
color: #FFFFFF;
}
/* content */
#content {
width: 1024px;
margin: auto;
/* Column One */
/* Column Two */
#col-two {
float: left;
width: 380px;
}
#col-two .boxed {
margin-bottom: 10px;
}
#col-two .boxed .title {
height: 20px;
padding: 10px 0 0 10px;
background: url(images/img07.gif) no-repeat;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
color: #FFFFFF;
}
#col-two .boxed .content {
padding: 19px 19px 0 19px;
background: #E5ECED url(images/img08.gif) repeat-x;
border: 1px solid #528489;
border-top: none;
}
#col-two .boxed blockquote {
background: #E5ECED url(images/img08.gif) repeat-x;
}
/* Footer */
un grand merci aux personnes qui pourront m'aider.
--
comment ca marche est une grande fammille dont nous somme tous frére et soeur!!!
j'ai un probléme avec mon site des que je veut plaçer une colonne a gauche voici ce que ça fait:
"https://imageshack.com/"
sa l'envoie de l'autre côté!
voila le html
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>OS-ASTUCES</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">OS-ASTUCES</a></h1>
<h2><a href="">L'informatique n'as pas de limites.</a></h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Tutoriaux</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
<div id="column-two">
<div class="boxed">
<h2 class="title">Bienvenue sur os-astuces</h2>
<div class="content">
<p>Bienvenue sur os-astuces ce site a pour but de vous aidez quelque soit votre systeme d'exploitation!</p>
</div>
</div>
voila le css
#menu {
width: 1024px;
height: 35px;
margin: 0 auto;
background: #CE6318 url(images/img2.gif) repeat-x;
}
#menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 24px;
padding: 8px 20px 0 20px;
border-bottom: 2px solid #CE6318;
text-transform: lowercase;
text-decoration: none;
font-size: 1em;
font-weight: bold;
color: #F7E5D9;
}
#menu a:hover {
background: #CE6318;
border-bottom-color: #DC915C;
color: #FFFFFF;
}
/* content */
#content {
width: 1024px;
margin: auto;
/* Column One */
/* Column Two */
#col-two {
float: left;
width: 380px;
}
#col-two .boxed {
margin-bottom: 10px;
}
#col-two .boxed .title {
height: 20px;
padding: 10px 0 0 10px;
background: url(images/img07.gif) no-repeat;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
color: #FFFFFF;
}
#col-two .boxed .content {
padding: 19px 19px 0 19px;
background: #E5ECED url(images/img08.gif) repeat-x;
border: 1px solid #528489;
border-top: none;
}
#col-two .boxed blockquote {
background: #E5ECED url(images/img08.gif) repeat-x;
}
/* Footer */
un grand merci aux personnes qui pourront m'aider.
--
comment ca marche est une grande fammille dont nous somme tous frére et soeur!!!
Configuration: Linux Firefox 3.0.5
9 réponses
-
Il te mank une balise pour fermer un div, je pense que c'est ca qui bug .. Je l'ai rajouter en gras !!!
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>OS-ASTUCES</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<h1><a href="#">OS-ASTUCES</a></h1>
<h2><a href="">L'informatique n'as pas de limites.</a></h2>
</div>
<div id="menu">
<ul>
<li><a href="#">Accueil</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">Tutoriaux</a></li>
<li><a href="#">contact</a></li>
</ul>
</div>
<div id="column-two">
<div class="boxed">
<h2 class="title">Bienvenue sur os-astuces</h2>
<div class="content">
<p>Bienvenue sur os-astuces ce site a pour but de vous aidez quelque soit votre systeme d'exploitation!</p>
</div>
</div>
</div>
-
-
Pourquoi il y a autant de class ???
Tu peux me donner chak explikation de chak class ??? Elles servent à quoi ??
Et jpeux voir ton bout de CSS correspondent à c class ???
-
en gros cette partie là
<div id="column-two">
<div class="boxed">
<h2 class="title">Bienvenue sur os-astuces</h2>
<div class="content">
<p>Bienvenue sur os-astuces ce site a pour but de vous aidez quelque soit votre systeme d'exploitation!</p>
</div>
</div>
correspond a sa dans le css
#col-two {
float: left;
width: 380px;
}
#col-two .boxed {
margin-bottom: 10px;
}
#col-two .boxed .title {
height: 20px;
padding: 10px 0 0 10px;
background: url(images/img07.gif) no-repeat;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
color: #FFFFFF;
}
#col-two .boxed .content {
padding: 19px 19px 0 19px;
background: #E5ECED url(images/img08.gif) repeat-x;
border: 1px solid #528489;
border-top: none;
}
#col-two .boxed blockquote {
background: #E5ECED url(images/img08.gif) repeat-x;
}
-
dsl jdoi y alé, jregarde ca demain trè tot !!!!
Bone journée !!!
-
d'accord merci beaucoup!
-
Comment tu représente par ton code, le centre de la page ??? c'est à dire, la page blanche en faite, elle est centrée, quel code tu mets, pour la mettre ??
-
salut
elle est réprésenter par colum-One -
Et a un moment donnée tu fais pas un <div id="column-one"> enfin un truc du genre koi ???? Si oui montre moi ou tu le fé dan ton code ...
