Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > Écart trop grand > Lecture du sujet

Écart trop grand

Vous devez être inscrit pour pouvoir poster des messages

RésoluLe problème de ce sujet a été résolu

Page : 1 
Auteur Message
1 visiteur sur ce sujet (1 anonyme)
Page : 1 
Hors ligne Damiatux # Posté le 25/07/2008 à 15:29:39
Ils sont fous ces zér0s
Avatar
Groupe : Membres
Bonjour,

Pour mon site Wikiroma, j'ai utilisé une speed-barre (comme ici). Mais l'écart entre le bloc de la bannière et la speed-barre, ainsi que la speed-barre et le reste, est trop grand. Et quand j'enlève le speed-barre, il se trouve que l'écart est exactement celui que je veux.

Voici le code CSS :
Code : CSS
  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
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
body {
width : 80%;
margin : auto;
margin-top : 20px;
margin-bottom : 20px;
background-color : #ffdb9c;
}

#en_tete {
height : 100px;
margin-bottom : 5px;
background-color : #63bd6d;
border : 1px solid black;
}

#banniere {
text-align : center;
vertical-align : middle;
}

#speed_barre {
height : 30px;
padding : 0;
background-color : #63bd6d;
border : 1px dashed black;
list-style-type : none;
}

#speed_barre li {
display : inline;
padding : 0 0.5em;
line-height : 30px;
}

#speed_barre li.bouton_gauche {
float : left;
border-right : 1px dashed black;
}

#speed_barre li.bouton_droite {
float : right;
border-left : 1px dashed black;
}

#speed_barre a {
color : black;
text-decoration : none;
padding : 0 0.5em;
font : 0.9em "Comic Sans MS";
}

#speed_barre a:hover {
font-style : oblique;
}

#menu {
float : left;
width : 22%;
border : 1px solid black;
margin-bottom : 5px;
background-color : #63bd6d;
}

.petit_menu h3 {
color : black;
font-family : "Comic Sans MS";
list-style-type : none;
text-align : center;
}

.petit_menu {
padding : 0;
margin : 0;
margin-bottom : 5px;
}

.petit_menu a {
color : black;
text-decoration : none;
}

.petit_menu a:hover {
color : black;
font-style : oblique;
}

#corps {
margin-top : 5px;
margin-left : 23%;
margin-bottom : 10px;
padding : 5px;
color : black;
background-color : #63bd6d;
border : 1px solid black;
}

#corps h1 {
color : black;
text-align : center;
font-family : "Comic Sans MS";
}

#corps h2 {
padding-left : 30px;
color : black;
text-align : left;
}

#corps a {
color : black;
text-decoration : none;
}

#corps a:hover {
color : black;
font-style : oblique;
}

#pied_de_page {
margin-left : 23%;
padding : 1px;
text-align : center;
color : black;
background-color : #63bd6d;
border : 1px solid black;
}

.centre {
text-align : center;
}

.sous-lien {
margin-left : 30px;
}

label {
display : block;
width : 150px;
float : left;
}


Que faire ?


Merci d'avance,
Damiatux
Statut Jabber :
Image utilisateur Image utilisateur
Image utilisateur GNU/Image utilisateur Linux user -
Image utilisateur Gentoo user - Image utilisateur GNOME user
Utilisateur du clavier Dvoraj-fr
 
Hors ligne ColdFusion # Posté le 25/07/2008 à 17:29:08
Avatar
Groupe : Membres
As-tu essayé avec

#speed_barre {
height : 30px;
padding : 0;
margin: 5px;
background-color : #63bd6d;
border : 1px dashed black;
list-style-type : none;

Ajuste margin avec la valeur que tu veux ;)
Boitier Recom Backdraft, Carte mère Asus P5Q PRO, Processeur Intel Core 2 Duo E8400 @ 3.00Ghz, Ventirad Noctua NH-U12P, 2 ventilateurs Recom silent blower 1000tpm / 42.8 CFM, Disque dur Hitachi Dekstar P7K500 500Go SATA/II 16Mo, Samsung SH-S223F, Alimentation Thermaltake ToughPower 750Watt, G.Skill Kit Extrem2 2x1Go PC 6400 PK, Gainward Radeon HD4870X2 2Go

Jolie comfig, non ? :-°
 
Hors ligne Yano # Posté le 25/07/2008 à 20:26:13
Avatar
Groupe : Membres
Bonjour,

ColdFusion, fais un effort.
Merci.


Édité le 25/07/2008 à 20:30:41 par Yano
Hors ligne Damiatux # Posté le 25/07/2008 à 21:00:31
Ils sont fous ces zér0s
Avatar
Groupe : Membres
Maintenant j'ai ça : http://img25.xooimage.com/files/b/9/7/capture-520ad4.png avec ce code :
Code : CSS
 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
45
46
47
48
49
50
51
52
53
54
55
56
#en_tete {
	height : 100px;
	background-color : #63bd6d;
	border : 1px solid black;
}

#banniere {
	text-align : center;
	vertical-align : middle;
}

#speedbarre {
	height : 30px;
	margin : 2em 0 0 0;
	padding : 0;
	background-color : #63bd6d;
	border : 1px dashed black;
	list-style-type : none; 
}
 
#speedbarre li {
	padding : 0 0.5em;  
	line-height : 30px;
}
 
#speedbarre li.bouton_gauche {
	float : left;
	border-right : 1px dashed black; 
}
 
#speedbarre li.bouton_droite {
	float : right;
	border-left : 1px dashed black;
}
 
#speedbarre a {
	color : black;
	text-decoration : none;
	padding : 0 0.5em; 
	font :  0.8em "Comic Sans MS";
}
 
#speedbarre a:hover {
	color : black;
	font-style : oblique;
}


#menu {
	float : left;
	width : 22%;
	border : 1px solid black;
	margin-top : 5px;
	margin-bottom : 5px;
	background-color : #63bd6d;
}
Statut Jabber :
Image utilisateur Image utilisateur
Image utilisateur GNU/Image utilisateur Linux user -
Image utilisateur Gentoo user - Image utilisateur GNOME user
Utilisateur du clavier Dvoraj-fr
 
Hors ligne Yano # Posté le 25/07/2008 à 21:18:14
Avatar
Groupe : Membres
Si tu changes tes styles à chaque intervention, on ne va pas s'en sortir.

Les modifs que te proposaient ColdFusion n'ont pas été faites.
Hors ligne ColdFusion # Posté le 26/07/2008 à 04:13:46
Avatar
Groupe : Membres
désolé pour tout à l'heure :euh:

bon je pense que ça ira comme ça:

Code : CSS
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
#banniere {
	text-align : center;
	vertical-align : middle;
        margin-bottom: 2em 0 0 0;
}

#speedbarre {
	height : 30px;
	margin : 2em 0 0 0;
	padding : 0;
	background-color : #63bd6d;
	border : 1px dashed black;
	list-style-type : none; 
}

Édité le 26/07/2008 à 04:14:07 par ColdFusion
Boitier Recom Backdraft, Carte mère Asus P5Q PRO, Processeur Intel Core 2 Duo E8400 @ 3.00Ghz, Ventirad Noctua NH-U12P, 2 ventilateurs Recom silent blower 1000tpm / 42.8 CFM, Disque dur Hitachi Dekstar P7K500 500Go SATA/II 16Mo, Samsung SH-S223F, Alimentation Thermaltake ToughPower 750Watt, G.Skill Kit Extrem2 2x1Go PC 6400 PK, Gainward Radeon HD4870X2 2Go

Jolie comfig, non ? :-°
 
Hors ligne Damiatux # Posté le 26/07/2008 à 12:52:23
Ils sont fous ces zér0s
Avatar
Groupe : Membres
Il fallait bien rajouter le margin. J'ai recopié le CSS du tutoriel pour faire une speedbarre, et le margin-top était trop grand (2em au lieu de 5px).

Merci quand même ;)
Statut Jabber :
Image utilisateur Image utilisateur
Image utilisateur GNU/Image utilisateur Linux user -
Image utilisateur Gentoo user - Image utilisateur GNOME user
Utilisateur du clavier Dvoraj-fr
 

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 465 Zéros connectés | Requêtes SQL 7 requêtes | Temps de génération de la page : Total (SQL) 0.0486s (0.0229s)