28221 sujets

CSS et mise en forme, CSS3

Float

Bonjour
ici
http://www.independza.com/client/xerox/

j'essaye de faire en sorte que
validate: XHTML | CSS | RSS soit a coté de copyright ©2004 independza design
voici mon css
#pied{
	width: 100%;
	padding: 0;
	font-size: 12px;
	color: #CCCCCC;
	margin-bottom: 2px;
}
#pied p {
	margin: 0;
	padding: 0;
}
#validate {
	float: left;
	border-top: 1px solid #993300;
	width:60%;
}

#logo {
	width:40%;
}

dans html
<div id="pied">
<div id="validate">
<p>validate: <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | 
<a href="http://feedvalidator.org/check.cgi?url=http://www.pseudoroom.com/rss/pr.xml">RSS</a></p>
</div>
<div id="logo"><p>copyright &copy;2004 <strong>independza</strong> design </p></div>
<hr/>


comment vous pouvez le voir ce n'est pas vraiment ca

merci
ElMoustiko a écrit :
Le mieux c'est de mettre tout dans le même paragraphe... directement aligné.



alors g fais ca
<div id="pied">
<p>validate: <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | 
<a href="http://feedvalidator.org/check.cgi?url=http://www.pseudoroom.com/rss/pr.xml">RSS</a>
</p><p align="right">copyright &copy;2004 <strong>independza</strong> design</p>
</div>


ca me donne ca
http://www.independza.com/client/xerox/
Non, tout dans le même paragraphe :

<div id="pied">
<p>validate: <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | 
<a href="http://feedvalidator.org/check.cgi?url=http://www.pseudoroom.com/rss/pr.xml">RSS</a>
copyright &copy;2004 <strong>independza</strong> design</p>
</div>
ElMoustiko a écrit :
Non, tout dans le même paragraphe :

<div id="pied">
<p>validate: <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | 
<a href="http://feedvalidator.org/check.cgi?url=http://www.pseudoroom.com/rss/pr.xml">RSS</a>
copyright &copy;2004 <strong>independza</strong> design</p>
</div>



mais j'aimerais qu'une partie du texte soit a gauche et l'autre a droite

le div pied ne ce mets pas en dessous des divs droite et gauche mais en dessous du div droite
bon maintenant mon div est bien aligné mais g un problème avec mon div 'droite" qui 'est pas a droite du div gauche
#droite{
	width: 40%;
	text-align: right;
	font-size: 12px;
	float: right;
}
C'est normal vu que tes deux boîtes réunies dépassent en largeur ton template :D défini un width plus petit pour la boîte contenant le texte tu verra que ça va être aligné :D
masterjmc a écrit :
C'est normal vu que tes deux boîtes réunies dépassent en largeur ton template :D défini un width plus petit pour la boîte contenant le texte tu verra que ça va être aligné :D


ah pourtant j'ais mis 60 % pour gauche et 40 % pour droite ca fait 100%
pour le texte voici le css 

#gauche p{
	border: thin solid #CCCCCC;
	padding: 2px;
	font-size: 12px;
	background-color: #FDFDFD;
}

normalement il ne peut pas etre plus grand que son conteneur qui le div gauche non ?
Modifié le 28 Oct 2004 - 18:02
Sujet clos
Aller à