Probleme codage :/

Question

Bonjour,
j'ai quelques soucis de codage css j'ai commencé a débuté j'ai deux soucis une avec le header qui est mal positionner juste sur internet explorer et Le texte du speedbar qui est en bas et mal centré voici un capture écran : [URL=http://www.hostingpics.net/viewer.php?id=282635231.jpg][IMG]http://img10.hostingpics.net/pics/282635231.jpg[/IMG][/URL]

et voila le code css : 

body {
        margin:auto;
	background-color: #0d2e49;
        width:1050px;
        background:url("img/fond.jpg");
        font:11px verdana,tahoma,arial,"trebuchet MS";


}

#header {
        position:fix;
	width:1050px;
	height:176px;
        right:2px;

}
#speedbar {
    
        Position:absolute;
        background:url("img/barre.jpg");
        height:27px;
        width:1050px;
        text-align:center;

}
#speedbar a {
        text-decoration:none;
        color:#ffffff;
}

paketcado · Answer

Evite de fixer un header en position fix, met le en absolute, et fixe le en pourcentage. ;)

GreenFlowers · Answer

Merci Paketcado

j'ai fait ce que tu ma dit et sa a marché me reste plus que positionner le texte du speedbar il est un peu bas et je veux l'ajuster pour qu'il soit centrer

GreenFlowers · Answer

Bon quelqun peut-il m'aider a ajuster le menu horizontal et le mettre en centre ni bas ni haut s'il vous plait

OpenSourceWay · Answer

Essaye de le changer de place avec la parge interne du haut, le padding. 

Essaye : 
padding-top: 0px;

et tu remplace le 0 par puis 2 puis 3 et tu trouve la bonne hauteur

GreenFlowers · Answer

peux tu me dire je doit remplacer quoi par quoi merci parce que je suis débutant et je pige pas grand chose -_-"

OpenSourceWay · Answer

Mais oui, 

dans ton #speedbar { tu rajoute une ligne padding-top: 0px;, cela déplacera le texte verticalement. 
Si tu le veut plus haut, tu remplace 0px par -1px, -2px ou plus. mais si tu le veut plus bas, tu remplace par 1px, 2px ou plus. 

A+

GreenFlowers · Answer

Bah sa ne marche pas 

#speedbar {
    
        Position:absolute;
        padding-top:-3px;
        background:url("img/barre.jpg");
        height:27px;
        width:1050px;
        top:176px;
        left:115px;
        text-align:center;
        font-weight:bold;

}
#speedbar a {
        padding-top:-5px;
        margin:0;
        text-decoration:none;
        color:#ffffff;
}
#speedbar a:hover {
        color:#0e3a5e;
}
ul#menu_horizontal li
{
        display:inline;
        padding: 5px;

}

OpenSourceWay · Answer

Je suis désolé mais je ne vois pas, 

Essaye de trouver en cherchant sur le web ou peut-être qqn d'autre. 
Je viens de voir la dernière partie avec la liste ul et li. 
essaye en changeant le padding ou en l'enlevant. n'ai pas peur de supprimer et de revenir en arrière après. 

A+ et bon courage dans le webinfernale !! :p :)

GreenFlowers · Answer

Bon c'est pas grave help me please j'ai apporté quelques modifications et j'ai toujours quelque deux problèmes a réparer pour finir le codage voici l'image du site : http://img10.hostingpics.net/pics/668454WbCsh.jpg 

et le code css de la page: 

body {
        margin:auto;
	background-color: #0d2e49;
        width:1050px;
        background:url("img/fond.jpg");
        font:11px verdana,tahoma,arial,"trebuchet MS";


}

#header {
        position:absolute;
	width:1050px;
	height:176px;
        left:115px;
        top:0px;

}
#speedbar {
        margin-top:176px;
        background:url("img/barre.jpg");
        height:27px;
        width:1050px;
        left:117px;
        text-align:center;
        font-weight:bold;

}
#speedbar a 
{
        text-decoration:none;
        color:#ffffff;
}
#speedbar a:hover {
        color:#0e3a5e;
}
ul#menu_horizontal li
{
        display:inline;
        padding: 5px;
}
h1 {
        padding-left:30px;
        padding-top:30px;
        font-size:14px;
        Color:#366b98;
}
p {
        
        padding:10px 10px 10px 10px;
        background:#f1f6f9;
        border:dashed #b0b0b0 1px;
        margin-left:30px;
        margin-right:30px;

}

Merci d'avance :/

GreenFlowers · Answer

alors personne peu m'aider ?

Probleme codage :/

10 réponses

Votre réponse

Discussions similaires

Newsletters