HTML Résolu/Fermé

Question

Bonjour, Je suis actuellement en train d'essayer de faire un site web. Mais, j'ai quelques problèmes...: 1) Comment puis-je faire pour que le fond gris aille jusqu'en bas de mon écran, sans devoir insérer beaucoup de

ou de
? 2) Comment puis-je faire pour qu'il n'y ait que le "gris" qui descende (s'il y a beaucoup de texte) et non le "blanc", qui est le menu? Vous pouvez trouver une photo exprimant peut-être mieux ce que je demande ici: https://drive.google.com/file/d/0B7Ny4VxQGP0ONmdDd2wzbENfbHM/view?usp=drive_open Merci beaucoup!

gardiendelanuit · Answer

Bonjour, Sans code ça va être dur. Si tu utilises une

il suffit de modifier sa taille. Et si tu veux que ce soit le fond par défaut autant le mettre dans la balise . Mais je ne sais pas comment tu t'y es pris...

b*****n · Answer

Voici toute la page: Bouge T.C.

Bienvenue

Bienvenue sur le tout nouveau site officiel du Bouge Tennis Club.

AFT - AFT-RNL - Tournoi.org - Contact - (c) Bouge T.C. 2012

gardiendelanuit · Answer

Tu utilises une image pour ton fond gris?

b*****n · Answer

Non... C'est dans le code CSS...: (voir #Au_dessus_de_tout_droite et #column1)


body { 	background-color: white;
	background-image: url("Logo.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	line-height: 0.6em;
	font-family: tahoma, arial;
	font-size: 15px;
					}
br {	text-indent: 30px	}

adress {	margin-top: 1em;
		padding-top: 1em;
		border-top: thin dotted	}

h1 {	font-family: tahoma, arial, verdana, sans-serif;
	font-style: normal;
	text-decoration: underline;
	text-align: center;
	font-size: 32px;	}
h2 {	font-family: "Times New Roman", serif
	font-style: normal;
	text-decoration: none;	}


a:link {	color: black;	}
a:visited {	color: black;	}
a:hover {	color: #D27862;	}

body {	margin: 0px 0px 75px 40px	}



#sous-sous-titre {	font-family: "Times New Roman", serif
			font-style: normal;
			text-decoration: none;
			color: #003399;
			font-weight: bold;
			font-size: 20px;
			line-height: 30px;	}

#Au_dessus_de_tout_gauche {	div-attachment: fixed;
				float: left;
				width: 17%	}
#Au_dessus_de_tout_droite {	float: right;
				width: 83%;
				background-color: #CCCCCC;	}



#menu {	float: left;
	width: 17%;	}

#nom_menu {float: left;
	width: 17%;
	text-decoration: none;
	font-weight: bold;
	font-size: 17px;
	text-align: right;
				}

#pub {float: left;
	width: 17%; }

#column1 {	float: right;
		width: 83%;
		background-color: #CCCCCC;	}

#adress {	font-family: tahoma, arial
		font-style: normal;
		text-decoration: none;
		font-size: 9px;
		float: right;	}

Kafiristanica · Answer

Bon alors deja j'ai enlever une bonne partie des erreurs il te reste plus qu'a mettre en place le CSS Bouge T.C.

.

Bienvenue sur le tout nouveau site officiel du Bouge Tennis Club.

.

AFT - AFT-RNL - Tournoi.org - Contact - (c) Bouge T.C. 2012

pour mettre le fond en gris il faut rajouter dans ton css body { background-color:#808080; } cordialement

b*****n · Answer

Merci beaucoup! :)

b*****n · Answer

Euh... ça ne donne pas vraiment ça...:
https://drive.google.com/file/d/0B7Ny4VxQGP0OaFhQX3E0LTlkeUk/view?usp=drive_open

De plus, le background-color dans le body, c'est pour ma colonne de gauche... :/

Kafiristanica · Answer

euh tu peux me mettre ton fichier css ?

b*****n · Answer

Il est au dessus de ta réponse :) (5 commentaires plus haut :) )

Kafiristanica · Answer

fichier CSS :   

body   
{   
background-color: #FFFFFF;  


font-family: tahoma, arial;  
border-style:solid;  
border-width:1px;  
}  



#adress   
{   
font-family: tahoma, arial  
font-style: normal;  
text-decoration: none;  
font-size: 9px;  
float: right;  
 }  



a:link, a:visited   
{   
color: black;  
}  


a:hover   
{   
color: #D27862;   
}  


#menu   
{   

width: 17%;   
float: left;  
margin:10px;  
}  

#menu a  
{   
margin:10px;  
}  

#column1   
{   
margin-left:17%;  
width: 83%;  
background-color: #CCCCCC;  
min-height:500px ;  
/*hauteur minimum*/   
}  

peut etre mieux ?

b*****n · Answer

Je vais regarder.. :) Merci!

HTML

11 réponses

Discussions similaires