Positionnement d'un mot dans un bloc.

Question

acidjack

3 May 2006 à 12:51

bonjour,voila le probleme:

jai un bloc (pre) encadré et j'aimerai dedans mettre un mot (la troupe) en bas a droite mais qu'il y reste meme quand je rajoute du texte audessus.
(cad une news avec un signature)
pour ce faire j'ai utilisé un span dans le pre avec dans style dans ma feuille de style.

voila mon code css:

 [#darkred]body {
	background-attachment: fixed;
	background-color: #52062F;
	background-image: url(images/fond.jpg);
	background-repeat: no-repeat;
	background-position: 50% 5%;
	margin: 10px 0;
	padding: 0;
	text-align: center;
	color: #F88BC6;
	font: 0.8em;

}
div#conteneur
{
	padding: 150px 0 0 0;
	width: 720px;
	margin: 0 auto;
	text-align: left;
}

div#contenu
{
	padding: 50px 10px 0 35px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	}
	
div#contenu h2
{
	padding-left: 50px ;
	line-height: 25px ;
	font-size: 1.0em ;
	background: url(images/petitefleur.gif) no-repeat left bottom ;
	color: #52062F ;
	border-bottom: 1px solid #52062F ;
	font-style: italic;	
	}
div#contenu p
{
	text-align: justify ;
	text-indent: 2em ;
	line-height: 1.7em ;
}
div#contenu a
{
	color: #8a0 ;
}

div#contenu a:hover
{
	color: #9b2;
}


p#footer
{
	margin: 0 ;
	padding-right: 10px ;
	line-height: 620px ;
	text-align: center ;
	color: #52062F ;
}


div#contenu2 
{
padding: 0 15px 0 100px;
}

pre
{
	overflow: auto ;
	background: #52062F ;
	border: 2px solid #D15B9B ;
	padding: 5px 0 0 5px ;
	font-size: 1.1em ;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
}

span#signature
{
	padding-left:88%;
	font-style: italic;
	font-size: 0.9em;
}


* html pre
{
	width: 550px ;
}
[/#]

voici mon code html:

[#darkred]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<link href="css.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="conteneur">
<div id="contenu">
	<h2>02 mai 2006</h2>
</div>
<div id="contenu2">
	<pre>Ce site est en construction.
Ouverture Bientôt.
	<span id="signature">La Troupe</span>
	</pre>

  </div>

<div id="contenu">
	<h2>02 mai 2006</h2>
</div>
<div id="contenu2">
	<pre>texte
	</pre>
	</div>
	
	<p id="footer">Tous droits réservés © 2006 Acidjack Project</p>
</div>
</body>
</html>
[/#]

pourriezvous m'aidez merci
Modifié par acidjack (03 May 2006 - 14:14)

Raphael

Administrateur

3 May 2006 à 13:25

Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

Sujet clos

CSS et mise en forme, CSS3

Positionnement d'un mot dans un bloc.