Alignement de texte sur blog ... probleme

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Alignement de texte sur blog ... probleme

Zangalou

Voila j'essaie de modifier un peu le design et le positionnement de mon blog hors j'ai un petit prob ... je voudrais que le texte présenter sur le header soit aligné a gauche avec qq pixels en bordure.

j'ai donc :

#blog-header {
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Trebuchet MS";
background: #e0e0e0 url(http://www.jeuxpo.com/blog/top_div.gif) no-repeat top left;
}

#blog-header h1 {
margin: 0;
padding: 45px 60px 50px 160px;
font-size: 200%;
color: #fff;
text-shadow: #81A75B 2px 2px 2px;
background: url(http://www.jeuxpo.com/blog/top_h1.gif) no-repeat bottom left;
}

#blog-header h1 a {
text-decoration: none;
color: #fff;
}

#blog-header h1 a:hover {
color: #eee;
}

j'ai essayer de placer un texte align sans succès alors je me demandais quoi modifier pour changer l'alignement ou le positionnement du texte (quand je change le #fff dans
#blog-header h1 le couleur du texte que je veux bouger change.

Merci

Publicité

gatsusat

faudrait voir lecode HTML Pour savoir quel texte tu veux placer
mais sinon la commande est : text-align:left
et si ca se trouve ton texte il est peut etre placé dans l'élément à cause du padding, file ton code HTML on verra tisuite

Zangalou

mon code html de toute la page ?

gatsusat

ben cleui du header

Zangalou

top_div.gif étant l'image sur laquelle se trouve le texte

/* ---( header and site name )--- */

#blog-header {
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Trebuchet MS";
background: #e0e0e0 url(http://www.jeuxpo.com/blog/top_div.gif) no-repeat top left;
}

#blog-header h1 {
margin: 0;
padding: 45px 60px 50px 160px;
font-size: 200%;
color: #fff;
text-shadow: #81A75B 2px 2px 2px;
background: url(http://www.jeuxpo.com/blog/top_h1.gif) no-repeat bottom left;
}

#blog-header h1 a {
text-decoration: none;
color: #fff;
}

#blog-header h1 a:hover {
color: #eee;
}

gatsusat

ça c'est le CODE CSS,

je veux le code HTML associé

Zangalou

oui mais c'est un blog pas une page perso donc a part ce genre la j'ai rien d'autre sous la main

xtof_83

Freeride Spirit

lol...

Clic droit, code source, man...

:lol:

Zangalou

si tu veux la page

http://gagency.blogspot.com/

je parle du texte en blanc que je voudrais repousser a gauche

gatsusat

#blog-header h1 {
margin: 0;
padding: 45px 60px 50px 50px;
font-size: 200%;
color: #fff;
text-shadow: #81A75B 2px 2px 2px;
background: url(http://www.jeuxpo.com/blog/top_h1.gif) no-repeat bottom left;
}

c'est ce qu'il y a en gras qu'il faut changer. ca correspond au padding left:
mais bizarre cette facon de mettre en page. lol.
m'enfin tu as la réponse, le text est placé grâce au padding

Publicité

kirua_sama

Learn sciences with senses

je croi t'es pas sur le bon genre de forum ........;;
sinon ca c l'html de ta page:
/style>

<style type="text/css">@import url(http://www.blogger.com/css/navbar/main.css);
@import url(http://www.blogger.com/css/navbar/1.css);
</style>

</head>

<body><div id="b-navbar"><a href="http://www.blogger.com/" id="b-logo" title="Go to Blogger.com"><img src="http://www.blogger.com/img/navbar/1/logobar.gif" alt="Blogger" width="80" height="24" /></a><form id="b-search" action="http://www.google.com/search"><div id="b-more"><a href="http://www.blogger.com/" id="b-getorpost"><img src="http://www.blogger.com/img/navbar/1/btn_getblog.gif" alt="Get your own blog" width="112" height="15" /></a><a href="http://www.blogger.com/redirect/next_blog.pyra?navBar=true" id="b-next"><img src="http://www.blogger.com/img/navbar/1/btn_nextblog.gif" alt="Next blog" width="72" height="15" /></a></div><div id="b-this"><input type="text" id="b-query" name="q" /><input type="hidden" name="ie" value="UTF-8" /><input type="hidden" name="sitesearch" value="gagency.blogspot.com" /><input type="image" src="http://www.blogger.com/img/navbar/1/btn_search.gif" alt="Search" value="Search" id="b-searchbtn" title="Search this blog with Google" /><a href="javascript:BlogThis();" id="b-blogthis">BlogThis!</a></div></form></div><script type="text/javascript"></script><div id="space-for-ie"></div>

<div id="wrap"> 


<div id="blog-header">
<h1>

Gaming Agency

</h1>
</div>

<div id="content"> 


<div id="main-content">

kirua_sama

Learn sciences with senses

enfin le debut...

Zangalou

gatsusat a écrit :

merci beaucoup et si je voudrais remonter le texte par exemple ? lequel serais ce

gatsusat

padding: 45px 60px 50px 50px;

normalement ca se découpe en 4 truc le padding :
padding-top : 45px;
padding-right: 60px;
padding-bottom: 50px;
padding-left: 50px;

et on peut tout condenser en
padding: Top Right Bottom Left
ca fait haut droite bas gauche

à toi maintenant de deviner quelle valeur tu dois modifier

Zangalou

thx

FORUM HardWare.fr

Programmation

HTML/CSS

Alignement de texte sur blog ... probleme

Sujets relatifs
OnClick et texte ?	L'éditeur de texte Vi
Probleme de connexion à phpmyadmin	[MySQL] Problème de recherche sur 3 tables
Détecter la position de la sourie probleme de click.	Problème BDD MySQL chez Free
Problème dans mon code, résultat étrange	rajout d'un texte à la fin d'une ligne
Problème de session et objets .....	Problème de mise en page sous IE7
Plus de sujets relatifs à : Alignement de texte sur blog ... probleme

Page générée en 0.031 secondes