Centrer un div et un lien, ensemble

Chamyky

Membre d’élite
Club MacG
11 Mars 2005
1 274
39
28
ehv.monespace.net
Bonjour.

J'essaye en ce moment de créer une page Web d'où différentes rubriques seront accessibles via des onglets. Ces onglets devraient être centrés… et tout le problème est là, je n'arrive pas à les placer comme je le voudrais.
Je pense également que ma méthode pour placer les côtés des onglets est incorrecte, peut-être même a-t-elle un impact sur le positionnement…

Merci d'avance pour vos éclaircissements.
 

hemelune

Membre confirmé
18 Décembre 2004
279
11
42
Creuse
Bloc de code:
body {
background-color: #DDD;
color: #555;
margin-top: 50px;
}

#corps {
background-image: url(fondPrincipal.png);
width: 1000px;
margin-left: auto;
margin-right: auto;
}

#haut {
background-image: url(hautPrincipal.png);
width: 1000px;
padding-top: 12.5px;
padding-bottom: 8.5px;
}

#onglets {
width: 1000px;
text-align: center;
height: 50px;
margin-bottom: -21px;
}

#onglets a {
background-image: url(fondOnglets.png);
color: #555;
font-weight: bold;
height: 25px;
float: left;
position: relative;
}

#contenu {
padding-left: 50px;
padding-right: 50px;
padding-top: 20;
}

</style>
</title>-------------------------->pourquoi c'est là ça ?

<body>
<div id=corps>
<div id=haut>
<div id=onglets>
<div style="
background-image: url(gaucheOnglets.png);
width: 12.5px;
height: 25px;
float: left;
position: relative;
">
</div>

<a href="#">Accueil</a>


</div>
</div>

<div id=contenu>
Hello world!
</div>
</div>
</body>
</html>

ça c'est le bordel, ça veux rien dire :
Bloc de code:
<div id=onglets>
<div style="
background-image: url(gaucheOnglets.png);
width: 12.5px;
height: 25px;
float: left;
position: relative;
">
</div>

Tu devrais faire un petit tour ici pour mieux comprendre la réalisation d'un menu avec onglet ....

http://css.alsacreations.com/Construction-de-menus-en-CSS/Faire-un-menu-avec-onglets-en-CSS-avec-before-after

Sinon tu vas également avoir des problèmes avec tes png transparents, IE6 ne c'est pas affiché les png transparent, (voir les commentaires conditionnelles pour un début de solution )
 

Chamyky

Membre d’élite
Club MacG
11 Mars 2005
1 274
39
28
ehv.monespace.net
…
Bloc de code:
</title>-------------------------->pourquoi c'est là ça ?
…

Oups, bizarre… en effet, ça n'a rien à faire là.

…ça c'est le bordel, ça veux rien dire :…

Je faisais des essais dans tous les sens pour centrer/aligner mes onglets, j'ai fini par écrire un peu n'importe comment pour faire plus rapidement mes tests.

…Tu devrais faire un petit tour ici pour mieux comprendre la réalisation d'un menu avec onglet ....

http://css.alsacreations.com/Construction-de-menus-en-CSS/Faire-un-menu-avec-onglets-en-CSS-avec-before-after…

Merci :) !

…Sinon tu vas également avoir des problèmes avec tes png transparents, IE6 ne c'est pas affiché les png transparent, (voir les commentaires conditionnelles pour un début de solution )

En effet, je corrigerai ça.