Coucou Smiley biggrin


.rss  a {
		position: absolute;
		bottom: 0;
		left: 100px;
		background: url(../../img/skin_ciel/rss.png) no-repeat;
		width: 108px;
		height: 107px;
		text-indent: -5000px;
}


Ma question :

Lorsque je mets "top: 0;" à la place de bottom il me la place tout en haut de ma page (logique !). Lorsque je mets "bottom: 0;" il me le met au milieu de ma page et non en bas, pourquoi ???

Je ne comprends pas. Merci d'avance.
Smiley cligne
cedriik__ a écrit :

Ma question :

Lorsque je mets "top: 0;" à la place de bottom il me la place tout en haut de ma page (logique !). Lorsque je mets "bottom: 0;" il me le met au milieu de ma page et non en bas, pourquoi ???

Je ne comprends pas. Merci d'avance.
Smiley cligne

Peut-être parce qu'il se place par rapport au précédent élément positionné ? Mais sans la page en ligne il est difficile de se prononcer Smiley cligne

ps: tu ne devrais pas utiliser d'image d'arrière plan dans ce cas mais plutôt une image html. C'est fait pour çà Smiley cligne
Je te donne le code de la page :


<?php
header('Content-type: text/html; charset=iso-8859-1');
require_once './styles/styleswitcher.inc.php';
?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>

<title>C E D R I I K.fr | Home</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="keywords" content="cedriik, cedric, design, portfolio, netidentite" lang="fr" />
<meta name="description" content="Cedriik.fr est mon portfolio qui regroupe mes créations graphique 2D" />

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>


<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<link rel="stylesheet" media="screen, projection" type="text/css" id="css" href="<?php echo $url; ?>" />
<link rel="icon" type="image/png" href="favicon.png" />
</head>

<body>
		<div id="global">
				<div id="header">
					<ul id="evitement">
							<li><a href="#menu">aller au menu</a> &middot; </li>
							<li><a href="#contenu">aller au contenu</a> &middot; </li>
							<li><a href="accessibilite.php" title="un site accessible pour tous">accessibilité</a> &middot; </li>
							<li><a href="plan.php">plan du site</a></li>
					</ul>	
					
					<h1><a href="index.php" title="cedriik.fr">cedriik.fr</a></h1>
					
					<ul id="menu">
							<li><a href="index.php" title="HOME">home</a></li>
							<li><a href="portfolio.php" title="PORTFOLIO">portfolio</a></li>
							<li><a href="contact.php" title="email moi">contact</a></li>
					</ul>
					
					
				</div><!-- fin header -->	
								
								
				<div id="contenu">
						<h3>edito</h3>
								<p class="para">A y'est enfin en ligne !! <br /><br />Mon ptit site perso non lucratif a pour but de montrer des créations graphiques 2D à l'aide de <span class="color"><acronym title="Logiciel de retouche d'image" lang="fr">Photoshop CS3</acronym></span>. En tant que <span class="color"><acronym title="Débutant dans le webmastering" lang="fr">NoobMaster</acronym></span> il a également pour but personel de m'apprendre à créer un site valide <a href="http://www.w3.org/" title="World Wide Web Consortium">w3c</a>.<br /><br /> <span class="italic">Nota : Adoptez <a href="http://www.firefox-download-fr.com/fr.html" title="Téléchargez Firefox">firefox</a>, ça vous changera la vie...</span></p><br />
						<h3>introduction</h3>
								<p class="para">Donc en fait j'ai découvert le graphisme il y a à peu près 2 ans par le plus grand des hasards alors que je cherchais un film à <span class="barre">télécharger</span> euuhhh acheter pardon ^^ . <br />Et donc par la suite j'ai attérri sur une <a href="http://www.netidentite.org/forum/index.php?" title="Netidentité.org - Le plaisir de créer">board de graphisme</a> ou j'ai pû découvrir les pixels et son maniement.<br /><br /> L'aventure a donc commencé...</p><br />
						<h3>what's news</h3>
								<p class="para"><img class="img_float2" src="img/crea/pochette_mini.png" alt="pochette cd"/> Une pochette CD de rap qu'un amis m'a demandé de lui réaliser pour sa prochaine mixtape. Le CD ainsi que le verso de la pochette est déjà réalisé, vu que je n'ai pas la playlist, je ne peux l'up pour le moment. D'ailleurs s'il me lit... Qu'il pense à moi héhé ^^<br /><br />A découvrir dans le <a href="portfolio.php">portfolio</a>.</p>
						<h3>skins</h3>
								<p class="para">Yep,<br /><br />Je suis entrain de travailler sur un aurte skin assez sympa. Donc dans la logique des choses <i>(si tout ce passe bien)</i> ce p'tit site devrait, avec le temps, avoir un design interchangeable. </p>
								<p>Mon changement d'habillage fonctionne !!! Merci du coup de main Heyoan [cligne]</p>
								<p>Pour savoir à quoi ressemblerait mon site sans les <span class="color"><acronym title="Cascading Style Sheet" lang="fr">CSS</acronym></span>, il vous suffit de cliquer sur <b>Aucun skin</b>. Vous verrez par vous même leurs utilités. [cligne]</p>
								
								<ul id="styleswitcher">
										<li><a href="<?php echo $actuel; ?>?style=defaut">Touch of Pink <i>(skin par défault)</i></a>.</li>
										<li><a href="<?php echo $actuel; ?>?style=brut">Aucun skin</a>.</li>
								</ul>
								
								<p class="para"><a href="img/crea/site.jpg" rel="lightbox" title="relooking"><img class="img_float2" src="img/crea/site_mini.png" alt="screen du site" /></a>J'en ai profiter pour relooker le skin actuel. J'pense qu'il ressort mieux avec cet assortiment de couleurs, nan ? [cligne] Un p'tit screen pour faire la différence.</p>	
				</div><!-- fin contenu -->
						
				<div id="footer">
						<p>&copy; 2007 - <a href="http://validator.w3.org/check?uri=http%3A%2F%2Fwww.cedriik.fr%2F">xhtml</a> | <a href="http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.cedriik.fr%2Fstyles%2Fdefault%2Fstyle.css">css</a></p>
				</div><!-- fin footer -->		
		</div><!-- fin global -->
		
		<div class="rss"><a href="news.xml" title="s'abonner aux flux">fils rss</a></div>			
</body>
</html> 


Bah si je le mets de cette façons c'est parce qu'il y a plusieurs skin, et à chaque skin pour les rss c'est une image différente, voila pourquoi. S'il te manque autre chose, je suis la Smiley biggrin

ce que tu peux faire aussi pour mieux te rendre compte, c'est aller directement sur le site, sur la page d'acceuil tu clic sur le "skin par defaut" et dans la barre d'adresse, tu remplace "defaut" par "ciel" vu que le skin ciel n'est pas encore inscrit.
Modifié par cedriik__ (27 Sep 2007 - 21:43)