Problème Xhtml/CSS

Chao · 17 Janvier 2009 à 23:39

Bonjour/soir tout le monde

.

J'ai un petit problème avec mon code,.

Voila je comptais faire mon site en bloc, de se fait j'ai fais plusieurs blocs et je leurs ait attribué une classe chaque pour tout pouvoir placer convenablement par la suite en Css.
Le problème c'est que je n'arrives pas à les placer comme je le veux.

Trois problème sont survenues:

-Incapable de bouger mon bloc vers le haut grâce à marge-bottom, cela créer une bar de défilement verticale au lieu de déplacer l'image/texte (résolue: utiliser position: absolute;)

-Parfois une image apparait par dessus d'une autre quand elle est supposé être en dessous (je peux très bien régler ça avec un background image, plaçant la deuxième par dessus mais je suis quand même curieux de savoir pourquoi et si il y a une façon de placer X bloc au dessus de Y sans relier au hasard.). (résolu merci a Daru

)

-Une mystérieuse barre de défilement horizontale est apparue je ne sais pas comment et refuse de partir. (résolu)

Voici mon code Xhtml:

[spoiler]

Citation<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Acceuil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Mécanique" href="css_base.css" />

</head>
<body>

   

   <div class="logo1">

</div>


   

   <div class="menu"> 

      <div class="menu1"> 
      <h4>Menu1</h4>
      <ul>
      <li><a href="c1.html">C1</a></li>
      <li><a href="c2.html">C2</a></li>
      </ul>
      </div>

      

      <div class="menu2"> 
      <h4>Menu2</h4>
      <ul>
      <li><a href="c3.html">C3</a></li>
      <li><a href="c4.html">C4</a></li>
      </div>


   <div class="corp">
     <div class="news">
     <h4> News </h4>
     <ul>
     <li><p> News 1</p></li>
     </ul>
     <img src="image/test.jpg" alt="test" />
     </div>
   </div>

   
   <div class="feet">
   <img src="image/test2.png" alt="Test2" />
</div>

</body>
</html>

[/spoiler]

Voici mon code CSS:[spoiler]

Citation.news
{
width: 400px;
height: 600px;
margin-left: 60px;
}

.feet
{
width: 579pc;
height: 448px;
margin-bottom: 100px;
}

[/spoiler]

Je me demande si il n'y a pas une façon plus simple de placer les blocs que je ne connais tout simplement pas. Merci de m'aider

.

Edit:

J'aimerai bien que le me donne un truc pour bien organiser le tout, je peux tout placé comme je le veux par contre si par exemple je veux rajouter une news je devrais changer beaucoup trop de chose.
Je dois avoué je suis très faible au niveau de crée un plan, pourtant je trouves cela essentiel pour me lancer dans un projet.

Edit2:

Il y a une façon pour que le fond et la bordure suivent aussi quand le bloque est ''dépassé''? (résolu: J'ai réorganisé mon code et ma façon d'utiliser les blocs, ainsi que je ne devais pas poser de hauteur défini si je voulais que ça suivent.)

Problème Xhtml/CSS

Chao

17 Janvier 2009 à 23:39 Dernière édition: 18 Janvier 2009 à 06:43 par Maxime