28172 sujets

CSS et mise en forme, CSS3

Soucis de mise en page

Bonjour,

Bonne année à tous pour commencer et tout ce qui va avec Smiley smile

Alors voila je suis en pleine mise en page de ma page et j'ai un soucis, en effet je met du texte dans ma partie du corps du site, et ma partie corps s'agrandit et ça empiète sur ma bannière je ne vois pas comment faire je vous copie colle mon css, et je vous donne le site qui est en ligne:)

mon site : http://tnn-iut.fr


body 
{
background-image:url("fond_text_site.png");
}
#menu_horizontal ul
{
padding-left: 0;
margin-top: 10 px;
margin-left: 0;
background-color: black;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#menu_horizontal ul li { display: inline; }

#menu_horizontal ul li a
{
padding: 0.2em 1em;
background-color: black;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#menu_horizontal ul li a.accueil:hover
{
background-image: url("bouton_1s.png");
}

table.table2{
display: block;
}
td.en_tete
{
background-image: url("en_tete.png");
background-repeat:no-repeat;
}
 td.corp
 {
 background-color: white;

 }

img.compteur
{
float: center;
}
/* Le menu */

#menu
{
   float: left;
   width: 120px;
}

.element_menu
{
   background-color: black;
   background-image: url("") ;
   background-repeat: repeat-x;
   
   border: 2px solid black;
   
   margin-bottom: 20px;
   list-style-type : none;
}



/* Quelques effets sur les menus */


.element_menu h3
{    
   color: black;
   font-family: unrealT, 8Pin Matrix, Akbar, Almonte snow, angel;
   text-align: center;
   list-style-type : none;
}

.element_menu ul
{
   list-style-image: ;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
   list-style-type : none;
}

.element_menu a
{
   color: white;
   list-style-type : none;
}


img.bastien
{
margin-top:10 px;
}

div#galerie 
{ 
    width: 100% ; 
	height: 100%;
    background: white ; 
    border: 1px solid black ; 
    padding: 0 ; 
 
    text-align: center ; 
    font: 0.9em Georgia, serif ; 
} 
 
ul#galerie_mini 
{ 
    margin: 0 ; 
    padding: 0 ; 
    list-style-type: none ; 
} 
 
ul#galerie_mini li 
{ 
    float: left ; 
} 
 
ul#galerie_mini li a img 
{ 
    margin: 0px 0px ; 
    border: 1px solid white ; 
} 
 
dl#photo 
{ 
    clear: both ; 
    margin: 0 auto ; 
} 
 
dl#photo dt 
{ 
    font: italic 2.5em/1.5em Georgia, serif ; 
    color: black ; 
} 
 
dl#photo dd 
{ 
    margin: 0 ; 
} 
 
dl#photo img 
{ 
    border: 1px solid black ; 
}


Voici mon code css,.

Merci de m'aider car je dois rendre ce site pour Lundi et je n'ai pas tout terminé et ça me pose problème, c'est un projet pour mon IUT et je suis noté :s

Cordialement
Modifié par mazneoo (02 Jan 2010 - 14:34)
Oui je sais, ben au départ j'utilisais des DIVS et j'avais des soucis de mise en page, donc je me suis mis au tableau ^^
Sujet clos
Aller à