28173 sujets

CSS et mise en forme, CSS3

Bonsoir,

Je revois ma page d'accueil et je rencontre un souci de css...

Je dois avoir 1 bloc de 400 de haut à gauche et 2 de 200px superposés à droite mais n'arrive pas à le mettre en place...
les 2 blocs de droite ne veulent pas se superposer et se décalent vers le bas...

voici lurl:

http://www.frequenceplusfm.com/accueil2.php


le css:

.inc1 {
background-image: url('dossier_css/incbg1.gif');
width: 865px;
height: 400px;
margin-left: 0px;
margin-right: 0px;
}

.pad1 {
width: 410px;
float: left;
margin-left: 30px;
margin-top: 125px;
position: relative;
}
.pad2 {

width: 415px;
float: right;
margin: right;
position: absolute;
}

.pad2a { 
width: 415px;
height: 200px;
margin-top: 125px;
position: right;
}
.pad2b {
width: 415px;
height: 200px;
margin-top: 250px;
position: relative;
}

Merci pour vos conseils...
Bonne journée
Modifié par ogd (19 Dec 2006 - 11:17)
Hello!
J'ai trouvé la solution...
Enfin, quelque chose qui marche, sans être certain du bon choix...
J'ai donc tout d'abord remplacé les class par des blocs... et agencé le tout de cette manière:

[code]#inc1 {
  	background-image: url('dossier_css/incbg1.gif');
    	width: 865px;
    	height: 400px;
    	margin-left: 0px;
    	}
    	
    	#pad1 {
    	    		width: 410px;
			float: left;
			margin-left: 15px;
			margin-top: 100px;
    			position: relative;
}
	#pad2 {
			
	    	    	width: 315px;
	    	    	float: right;
	    	    	margin-right: 0px;
	    	    	margin-top: 100px;
	    	    	}
	    	    	
	.pad2a {   	    	
	    	    	width: 315px;
	    	    	height: 200px;
		    	position: right;
}
	.pad2b {
	    	    	width: 315px;
	    	    	height: 145px;
	    	    	position: right;
	    	    	margin-top: -45px;
}

Est ce la bonne méthode?
Merci de m'avoir lu
Bonne journée