Disposition des blocs [Résolu]

fedexpress · 05/10/2011, 19h39

Bonjour,

J'ai 2 blocs qui se trouvent à l'intérieur d'un autre bloc que je n'arrive pas à bien positionner.
Les 2 blocs dépassent.
Voir pièces jointes pour un aperçu des blocs et le css utilisé.

Merci d'avance

NoSmoking · 05/10/2011, 22h01

Bonsoir,
le code HTML minimaliste serait apprécié.

Emyleen · 06/10/2011, 10h45

Voila ce que j'ai bidouillé avec ton css et l'image que tu nous as donné :

Fichier CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
div#container {
	background: none repeat scroll 0 0 transparent;
    border: 1px solid #E0E0E0;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
 
div#content {
	border-radius: 0 0 0 0;
    height: 50px;
    margin: 23px auto;
    position: relative;
    width: 600px;
}
 
div#content .rw_top_rated {
	border: 2px solid #000000;
    border-radius: 0 0 0 0;
    display: inline;
    float: right;
    height: 40px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding: 5px;
    width: 250px;
}
 
 
div#content .wpfp_widget_view {
	border: 2px solid #000000;
    border-radius: 0 0 0 0;
    display: inline;
    float: left;
    height: 40px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
    padding: 5px;
    width: 250px;
}

Fichier HTML

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>
 
<body>
<div id="container">
	<div id="content">
    	<div class="rw_top_rated">
        </div>
        <div class="wpfp_widget_view">
        </div>
    </div>
</div>
</body>
</html>

En espérant t'avoir éclairé.

fedexpress · 06/10/2011, 15h28

ok

.
C'est un site fait avec wordpress.
Voilà le code HTML du bloc souhaité.
Merci encore

05/10/2011, 22h01	#2
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 779 Points : 4 779	Bonsoir, le code HTML minimaliste serait apprécié.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email