Centrer un div et un lien, ensemble

Chamyky · 30/10/2007, 23h23

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/10/2007, 10h00

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 :

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/Constru...c-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/10/2007, 12h23

Citation:

Envoyé par hemelune

…

Code:

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

…

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

Citation:

Envoyé par hemelune

…ç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.

Citation:

Envoyé par hemelune

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

http://css.alsacreations.com/Constru...c-before-after…

Merci

!

Citation:

Envoyé par hemelune

…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.

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email
Modes d'affichage
Mode linéaire Choisir le mode hybride Choisir le mode arborescent

Discussions similaires
Discussion	Auteur	Forum	Réponses	Dernier message
centrer verticalement sous PC et MAC	ninajules	Développement web	14	23/10/2005 14h44
un php à centrer besoin d'aider	stedi	Développement web	6	06/12/2004 17h02
cadrage de l'isight non centrer ??	406	Vidéo	0	09/08/2003 20h32
Centrer un calque.	-anonyme-	Développement web	1	15/05/2001 07h30
centrer des objets verticalement ?	-anonyme-	Développement web	4	09/12/2000 09h49

Utilisateurs regardant la discussion actuelle : 1 (0 membre(s) et 1 invité(s))