Aller au menu - Aller au contenu

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

aide site web

Vous devez être inscrit pour pouvoir poster des messages

Page : 1 
Auteur Message
1 visiteur sur ce sujet (1 anonyme)
Page : 1 
Hors ligne majorbig # Posté le 05/07/2008 à 16:15:17
Groupe : Membres
bonjour a tous les zero :)

Alors voila j'ai besoin d'aide, je suis nouveau dans la création de site web et je suis actuellement en train de réaliser le site web de notre association mais j'ai un petit soucis.

Voila tout d'abord le site en question : ici

Alors le probleme c'est que je voudrais ajouter une bordure entre la partie centrale et la colonne de droite (post-it et sponsors) mais lorsque j'ajoute une bordure droite a la partie centrale et ben j'ai un grand nombre d'espace entre le menu et le debut du texte et je n'ai toujours pas la bordure.

Je vous joint le CSS et j'espere que vous pourrez m'aider

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
141
142
143
144
145
146
147
148
149
150
151
152
153
body {
	margin: 0px;
	padding: 0px;
	background: #FFF9D5;
	color: #fff;
	text-align: center;
}


p {
	text-align: justify;
	font: normal 0.7em 'arial', times, serif;
	color: #2C2C27;
	margin: 0 0 1em 0;	
	padding: 20px;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}
h1 {
	font-family: georgia, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	border: solid 1px #eae240;
	border-left: 0;
	border-right: 0;
	padding-left: 10px;
	margin: 10px 10px 0 10px;
	color: #000;
}

#global {
	margin: 0 auto 0 auto;
	padding: 0px;
	width: 100%;
	background: #ffffff;
	border: solid 1px #E7E8E3;
	border-top: 0;
	text-align: left;
}

#entete {
	width: 100%;
	height: 156px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: url(banniere1.jpg) center no-repeat;
	background-color: #f2df79;
}

#menu {
	width: 100%;
	text-align: right;
	background: #000;
}


#menu ul {
	margin: 0;
	padding: 0.1em 0.5em 0.1em 0;
}

#menu li {
	display: inline;
	list-style-type: none;
}


#menu li a {
	font-family: arial, sans-serif;
	font-size: 0.8em;
	text-decoration: none;
	color: #fff;
}

#menu li a:hover 
{
	font-family: arial, sans-serif;
	font-size: 0.8em;
	text-decoration: underline;
	color: #fff;
}

#post-it {
	float: right;
	width: 20%;
	height: 800px;

	}
	



#centre {
	overflow: hidden;
	width: 80%;
	min-height: 750px;
	margin-right: 10px;
	padding: 0;
	

}

#pied {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	background: #000;
	text-align: right;
	color: #fff;
	}
	
#pied a {
	font-family: arial, sans-serif;
	font-size: 0.7em;
	text-decoration: none;
	color: #fff;
	}
	
#pied a:hover {
	font-family: arial, sans-serif;
	font-size: 0.7em;
	text-decoration: underline;
	color: #fff;
	}
	
	
.ghandi {
	color: black;
	}
	
	
.img {
text-align: right;
}

table {
margin: auto;
}

h2 {
	font-family: arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	border: solid 1px #eae240;
	border-left: 0;
	border-right: 0;
	border-top:0;
	padding-left: 10px;
	margin: 10px 10px 0 10px;
	color: #000;
}



Merci d'avance :)


Édité le 05/07/2008 à 16:45:35 par majorbig
Hors ligne Mister Antony # Posté le 05/07/2008 à 16:30:46
Vous verrez en moi un zéro
Avatar
Groupe : Membres
Essaye d'ajouter ca dans le CSS du post-it:

Code : CSS
1
2
3
4
5
6
#post-it {
float: right;
width: 20%;
height: 800px;
border-left: 2px solid black; /* bordure noire de 2 pixel en ligne pleine */ 
}

Normalement ce sera bon.

Édité le 05/07/2008 à 16:31:34 par Mister Antony
A thing that I learned, it is that the devil exists in all the cultures, it does not matter how much they are advanced. :-°

Secret (cliquez pour afficher)
XHTML: 100 % :p
CSS: 100 % :-°
PHP: 70%
 
Hors ligne majorbig # Posté le 05/07/2008 à 16:38:09
Groupe : Membres
merci de ta réponse,
Oui effectivement j'ai la bordure mais le problème maintenant c'est que le texte de ma page centrale ne commence qu'en dessous de la bordure
Hors ligne blackis # Posté le 05/07/2008 à 16:38:26
Real fan of Zelda
Avatar
Groupe : Membres
Ah, hs mais bon, tu devrais ne pas appeler tes pages "page1", "page2", au risque de ne pas t'y retrouver, mais chacun comme il veux :-°

edition : essai sa :
Code : CSS
1
2
3
4
5
6
#post-it 
{
float: right;
width: 20%;
border-left: 2px solid black; /* bordure noire de 2 pixel en ligne pleine */ 
}
Édité le 05/07/2008 à 16:39:41 par blackis
Modérateur de Otaku no Miracle
Modérateur de Xtrem Creative
Modérateur de Hubox
Modérateur de RedHeberg
Redacteur de Kaleno
Administrateur de World Maker
Ancien de Phoenix wright sur xooit.com

Maintenant, j'attends le poste de modérateur sur le sdz :D
 
Hors ligne majorbig # Posté le 05/07/2008 à 16:43:55
Groupe : Membres
Toujours le meme soucis :( j'ai mis a jour sur le ftp le css pour que vous puissiez voir le probleme...

Sinon merci pour les pages effectivement je vais changer ça :)
Hors ligne majorbig # Posté le 06/07/2008 à 16:54:29
Groupe : Membres
alors voila apres un petit test l'affichage se fait niquel sous IE , j'ai bien la bordure entre les 2 parties mais sous firefox j'ai la bordure et le texte commence en dessous..

si vous avez d'autre suggestion :)

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 239 Zéros connectés | Requêtes SQL 7 requêtes | Temps de génération de la page : Total (SQL) 0.0439s (0.0257s)