Centrer un div et un lien, ensemble

Chamyky · 30 Octobre 2007

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 · 31 Octobre 2007

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 · 31 Octobre 2007

hemelune a dit:
Bloc de code:

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

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

hemelune a dit:
ç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.

hemelune a dit:
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

!

hemelune a dit:
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.

Centrer un div et un lien, ensemble

Chamyky

Membre expert

hemelune

Membre actif

Chamyky

Membre expert

Sujets similaires