Alignement texte en css

Résolu/Fermé
This is SinY Messages postés 6 Date d'inscription vendredi 31 octobre 2008 Statut Membre Dernière intervention 7 juin 2009 - 31 oct. 2008 à 18:48
This is SinY Messages postés 6 Date d'inscription vendredi 31 octobre 2008 Statut Membre Dernière intervention 7 juin 2009 - 1 nov. 2008 à 02:16
Bonjour,
j'ai voulu me lancer dans le codage de mon design mais je suis pas encore très douer xD


Voila le début :
xhtml:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://w3.org/1999/xhtml" xml:lang="fr"
lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>All VicTorY</title>
<link href="style.css" rel="stylesheet" type="text/css"/>
</head>
<body> 
	<div id="top">1  Users - Visitor online         - ici un lien - </div>

</body>
</html>


css:

body{
	background:url(theme/fond.jpg) no-repeat top center #111517;
	margin:0;
	padding:0;
	font-family:sans-serif, arial, Verdanna;
	font-variant:small-caps;
	font-size:14px;
	}
#top{
	height:149px;
	background:url(theme/top.png) no-repeat top center;
	font-size:14px;
	line-height:40px;
	color:black;
	margin:0 0 0 0;
	} 


PROBLEME : j'aimerais que mon texte s'aligne sur mon header et non par rapport à la fenetre de navigation...
parce que la, il se place à gauche de la fenetre et non du header >http://img404.imageshack.us/img404/4378/sanstitre1kj4.jpg
J'ai déja essayer plusieur méthode et le texte se décalle corectement mais dès que je réduit le navigateur, il n'est plus à la bonne place...

Merci.

5 réponses

ixokal Messages postés 104 Date d'inscription vendredi 31 octobre 2008 Statut Membre Dernière intervention 12 février 2013 5
31 oct. 2008 à 20:08
Heu je croi que je peu t'aider mai dis moi c koi un header ?? j'ai apri le CSS et le HTML je n'en é pas entendu parlé
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
31 oct. 2008 à 20:35
SALUT

d apres ce que je vois , le header est en fait compris dans l image de fond du body ? !!

si c est cela , il suffit de donner un margin-left a ta div top !!

a toi d ajuster le margin en fonction de la position en px du header par rapport au bord gauche !!

exemple de css
#top{
	height:149px;
	background:url(theme/top.png) no-repeat top center;
	margin-left:250px;
	font-size:14px;
	line-height:40px;
	color: black ;
	}
0
This is SinY Messages postés 6 Date d'inscription vendredi 31 octobre 2008 Statut Membre Dernière intervention 7 juin 2009
31 oct. 2008 à 23:56
j'essaie et jvous tien au courant ;)
0
This is SinY Messages postés 6 Date d'inscription vendredi 31 octobre 2008 Statut Membre Dernière intervention 7 juin 2009
1 nov. 2008 à 00:03
ca marche pas le header se décalle lui aussi et en + le texte se déplace encore en fonction que la fenetre soit grande ou petite
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
This is SinY Messages postés 6 Date d'inscription vendredi 31 octobre 2008 Statut Membre Dernière intervention 7 juin 2009
1 nov. 2008 à 02:16
c'est bon ca marche, je devais juste utilisé position:relative;
0