Probleme de designe , css !!

max1395 -  
 max1395 -
Bonjour,
je suis entrin de réaliser mon site et j'ai plein de probleme de design alors je voudrais que vous m'aidiez .
mon premier probleme c'est que mon site est composer comme sa

-----------------------------------------Menu1---------------------------------------------
menu3---------------------------------actu-------------------------------------menu2
news------------------------------------------------------------------------------menu5
menu4

et donc mon probleme c'est que comme "actu" est la ou je mets les news il va s'agrandire (logique) mais les menu en dessous ( menu 5,news,4 ) decsende avec lui !!! alors que je voudrais qu'il reste à leur place .Donc sa me fais des gros trou et sa ne me convient pas .
voila mon fichier css :
.ensemble1
{

Background: url("/image/fond1.jpg"); 
	
}


.titre
{
Alignement vertical: top ;
font-weight: bold ;
font-style: italic ;
color: blue ;
text-align: right ;
}


.actu
{
float :left ;
color:  blue ;  
margin-top : 10px ;
margin-left : 10px ;
margin-right : 10px ;
margin-bottom : 10px ;
border-style : inset ;
border-color : red ;
background-color: rgb(41,38,37) ;
}





.titremenu1
{
font-weight: blod ;
font-style : italic ;
text-decoration : underline , overline ; 
vertical-align : top ;
color : blue ;
}

.conexion
{
float :right ;
font-variant : small-caps ; 
color: red ;
border-style : inset ;
border-color : red ;
background-color: rgb(41,38,37) ;
}


.menu1
{
text-align :center
}



.menu2
{
float :right ;
text-align : left ;
color: blue ;
margin-top : 10px ;
margin-left : 10px ;
margin-right : 10px ;
margin-bottom : 10px ;
border-style : inset ;
border-color : red ;
background-color: rgb(41,38,37);
}


.news
{
float :left ;
float :left ;
text-align : left ;
color: blue ;
margin-top : 10px ;
margin-left : 10px ;
margin-right : 10px ;
margin-bottom : 10px ;
border-style : inset ;
border-color : red ;
background-color: rgb(41,38,37) ;
}


.menu3
{
float :left ;
text-align : left ;
color: blue ;
margin-top : 10px ;
margin-left : 10px ;
margin-right : 10px ;
margin-bottom : 10px ;
border-style : inset ;
border-color : red ;
background-color: rgb(41,38,37) ;
}

.menu4
{
float :left ;
float :left ;
text-align : left ;
color: blue ;
margin-top : 10px ;
margin-left : 10px ;
margin-right : 10px ;
margin-bottom : 10px ;
border-style : inset ;
border-color : red ;
background-color: rgb(41,38,37) ;
}

.menu5
{
float :right ;
font-weight : lighter  ;
font-variant : small-caps ; 
color: blue ;
margin-top : 10px ;
margin-left : 10px ;
margin-right : 10px ;
margin-bottom : 10px ;
border-style : inset ;
border-color : red ;
background-color: rgb(41,38,37) ;
}


.menuonglet { float:left; }
.menuonglet li a { 
 display:block; 
 color:rgb(41,38,37); 
 font-size:10px; 
 font-weight:bold; 
 text-decoration:none; 
 font-family:arial, verdana, sans-serif; 
 text-align:center; 
 margin-right:50px;
 cursor:pointer; 
 }

.menuonglet { 
 list-style:none; 
 border-bottom:#5dbef5 solid 5px;
 background-color: rgb(41,38,37) ; 
 width:100%; height:27px; 
 line-height:27px;
 margin:10px 0 0 0; 
 }
.menuonglet li { 
 float:left; 
 margin-left:10px;
}

.menuonglet li a {
 display:block; 
 float:left; 
 height:27px; 
 line-height:27px; 
 color:#aaa; 
 text-decoration:none; 
 font-family:arial, verdana, sans-serif; 
 text-align:center; 
 font-size:11px;
 padding:0 0 0 7px; 
 cursor:pointer; 
}
.menuonglet li a b {
 float:left; 
 display:block; 
 padding:0 14px 0 7px;
}

.menuonglet li a:hover {
 color:#fff; 
 background: rgb(41,38,37) ;
}

.menuonglet li a:hover b {
 background:rgb(41,38,37) 
 no-repeat right top;
}

.menuonglet li.current a {
 color:#fff; 
 background:rgb(41,38,37) ;
}
.menuonglet li.current a b {
 background:rgb(41,38,37) ;
}


les autres choses dans le fichier sont des trucs au dessus ou autres mais pas genant
merci j'ai vraiment besoin d'aide car je galère avec le design !!!!!!!!

1 réponse

max1395
 
finalement j'ai changé mon designe sa engendrer pas que ce probleme
0