Probléme site

Fermé
Utilisateur anonyme - 8 févr. 2009 à 22:34
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 - 10 févr. 2009 à 10:12
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.



A voir également:

9 réponses

974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
9 févr. 2009 à 06:16
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>

0
Utilisateur anonyme
9 févr. 2009 à 09:25
salut

"https://imageshack.com/"

presque! regarde l'image.
0
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
9 févr. 2009 à 11:00
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 ???

0
Utilisateur anonyme
9 févr. 2009 à 12:41
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;

}

0

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

Posez votre question
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
9 févr. 2009 à 12:56
dsl jdoi y alé, jregarde ca demain trè tot !!!!


Bone journée !!!

0
Utilisateur anonyme
9 févr. 2009 à 12:56
d'accord merci beaucoup!
0
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
10 févr. 2009 à 04:54
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 ??


0
Utilisateur anonyme
10 févr. 2009 à 09:55
salut
elle est réprésenter par colum-One
0
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
10 févr. 2009 à 10:12
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 ...

0