28172 sujets

CSS et mise en forme, CSS3

Bonjour a tous,

Voila en faite je me retrouve bizarrement avec un espace énorme entre mes lignes . Voici a quoi ça ressemble http://nsa14.casimages.com/img/2010/05/15/100515123125901499.png .

Voici le code css et html de la zone en question :
#conteneur #news h1{
	width: 752px;
	height: 37px;
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	background:url("../images/titre_content.png") no-repeat;
	margin-top: 10px;
	margin-right: 5px;
	padding-left: 15px;
	line-height: 35px;
	z-index: 10;
	position: relative;
}
#conteneur #news .content{
	width: 732px;
	height: auto;
	background: #d7d7d7;
	margin-top: -10px;
	padding: 10px;
}
#conteneur #news .content h2{
	width: 526px;
	height: 37px;
	background: url("../images/news_titre.png") no-repeat;
	margin-top: 10px;
	margin-left: -25px;
	color: #FFF;
	font-size: 15px;
	font-weight: normal;
	padding-top: 5px;
	padding-left: 50px;
}
#conteneur #news p{
	font-size: 12px;
	color:#1d1d1d;
}

<div id="news">
				<h1>Featured article</h1>
				<div class="content">
					<h2>Dead Space 2 First Look</h2>
					
					<p>
						Anyone remotely versed in the survival horror genre knows that the element of surprise is critical in this type of game. And as great as the original Dead Space was at maintaining a sense of grim uncertainty 
						about what was lying in wait around the next corner, its greatest feat might have been proving that EA was capable of succeeding with an original title right out of the gate. That leaves developer Visceral 
						Games (formerly known as EA Redwood Shores) in an interesting position leading up to the release of the sequel. How does the team crafting the next atmospheric trek through the zombie-infested corners 
						of outer space top the out-of-left-field success it achieved the first time around? By not falling into the trap of making the same game.
					</p>
				</div>
			</div>
Arf je trouve pas ou éditer, je voulais dire que il ne devait y avoir aucun espace . Que ça soit normal quoi .

Merci beaucoup
Bonsoir.
Si tu parles de l'interligne entre chaque ligne de ton texte, essai de rajouter cette propriété pour #conteneur #news p :
line-height: normal;

--- édit -----
Oops, j'avais lu trop vite.
Modifié par phpdoesnotcare (15 May 2010 - 02:59)
Bonjour,
Essaye de forcer le ligne-height de la balise p de la classe content en normal
.content p{line-height: normal} /* valeur par défaut du navigateur; */;

bonne journée
Modifié par foued (15 May 2010 - 02:14)
Hello,

Pour le problème lui-même: il faudrait voir quels sont tous les styles appliqués au texte. Tu as peut-être un line-height déclaré sur un élément parent ou ancêtre et dont la valeur est héritée par ton paragraphe.
Firebug / Web Inspector / DragonFly / IE Developer Tools sont tes amis.

Empereur a écrit :
Arf je trouve pas ou éditer

Un indice: c'est le bouton «éditer» en haut à droite de ton message. Smiley cligne
Bien sûr pour le voir il faut au préalable s'être connecté au forum (ou se connecter sur la page d'accueil, www.alsacreations.com ).