hello!

toujours sur mes soucis de css...

Je n'ai toujours pas résolu mon soucis d'affichage de ma page d'accueil sur mon site: http://www.frequenceplusfm.com/accueil.php...

Mais pour le moment, je suis sur mon blog:

http://www.blog.frequenceplusfm.com/blog/frquence_plus

et pour une fois, c'est sous FF que ca marche et pas sous ie...

le titre du blog sous ie est trop bas et je n'arrive pas à le remonter sans qu'il ne soit trop haut sous ff...

le code css:

#header {
width: 760px;
height: 60px;
background: url('img/headerblog.png') no-repeat;
margin-left: 20px;
}

/* Header styles */
#header h1 {
margin-left: 430px;
padding: 30px 0 0 40px;
*html padding: 0px 0 0 40px;
font-size: 2em;
line-height: 10px;
*html line-height: 0px;
}
#header h1 a {
text-decoration: none;
}
#header p {
margin: 0;
padding: 0px 0 0 40px;

J'ai essayé avec le *html qui aparemment devrait me permettre de mettre 2 données différentes selon le navigateur, mais ca ne marche pas chez moi...

Merci pour votre aide,

Ogd

Salut,

Et tu as mis quoi comme style dans body et wrapper?

Coucou elle!

Pour être honnête, ce sont des templates déjà prêts pour ce type de blog que je revoie pour les intégrer à mon design...

voilà le code complet depuis le body jusqu'à la fin du head:

body {
margin: 0;
padding: 0;
background: #9FCDD4;
color: #333;
font-size: 78%;
font-family: "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
text-align: center
}
p {
font-size: 1em;
line-height: 1.5em;
margin: 1.2em 0;
}
ol, ul {
font-size: 1em;
line-height: 1.5em;
margin: 1.2em 0 1.2em 2em;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
margin: 1.2em 0;
font-family: Georgia, serif;
color: #534B48;
}
h1, h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1.1em;
}
h6 {
font-size: 1em;
}
a:link {
color: #59708C;
}
a:visited {
color: #5C6C7D;
}
a:hover, a:active {
color: #8CA0B4;
text-decoration: none;
}
blockquote {
margin: 0 20px;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
background: url('img/commentalt.gif') repeat-y;
font-size: 0.9em; padding-left:20px; padding-right:20px; padding-top:0.05em; padding-bottom:0.05em
}
code {
color: #666;
}
input, textarea, select {
background-color: #FFF;
color: #333;
font-size: 1em;
font-family: "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
}
form, img {
border: 0px none;
margin: 0;
padding: 0
}

/* Layout */

#wrapper {
margin-left: auto;
margin-right: auto;
width: 760px;
background: #FFF url('img/wrapper.gif') repeat-y;
text-align: left
}
#header {
width: 760px;
height: 60px;
background: url('img/headerblog.png') no-repeat;
margin-left: 20px;
}

/* Header styles */
#header h1 {
margin-left: 430px;
padding: 30px 0 0 40px;
*html padding: 0px 0 0 40px;
font-size: 2em;
line-height: 10px;
*html line-height: 0px;
}
#header h1 a {
text-decoration: none;
}
#header p {
margin: 0;
padding: 0px 0 0 40px;
}

Tiens, c'est moins pratique qu'avant ce systeme de balises codes...

Merci pour ton aide,

Ogd

J'ai trouvé!

à la place du hack *html, j'ai essayé le !important en doublant la balise avec les valeurs voulues et c'est ok, je pense...

Merci elle!

Bonne soirée!

Ogd