28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Mon thème Wordpress comporte un menu horizontal au niveau de mon header. J'ai modifié ce dernier en y ajoutant au centre une image. Le problème maintenant est que le titre de mes rubriques se place par dessus l'image que je viens de rajouter, ce qui est trés moche !
Je voudrais donc trouver une solution pour que mon menu "saute" mon image et reprenne juste aprés celle ci, de façon a trouver le menu de part et d'autre de l'image, mais je vois pas comment je pourrais faire.

Je vous remercie. Le probleme est sur mon blog a cette adresse : http://www.jayworld.fr

Voici mon Css, si cela peut aider certains :

.top_navigator {
	float: left;
	width: 450px;
	margin: 20px;
	padding: 0px;
}
.top_navigator ul {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style-type: none;
	width: 500px;
}
.top_navigator ul li {
	font-size: 11px;
	color: #eeeeee;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
	padding: 0px;
	display: inline;
}
.top_navigator ul li a:link, .top_navigator ul li a:visited {
	text-decoration: none;
	color: #eeeeee;
	margin: 0px;
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-align: center;
	font-weight: bold;
	display: block;
}
.top_navigator ul li a:hover, .top_navigator ul li a:active {
	text-decoration: none;
	color: #FF9900;
	margin: 0px;
	padding-top: 40px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	text-align: center;
	font-weight: bold;
	display: block;
}
upload/16562-Sanstitre.JPG
Modifié par mad2511 (30 Apr 2008 - 19:17)
Salut,

Ou tu oublies les ul et tu fais <a><a><img><a><a> le tout dans un div text align: center; ou 2 ul en float <ul1><img><ul2>... vu le peu d'items et question de centrage je partirais sur le premier choix
D'accord je suis partant pour la premiere solution que tu me proposes, mais je comprends pas grand chose.
D'apres ce que je sais, les ul sont des listes non numerotées. Donc si j'ai bien compris ce que tu me proposes est de créer un "texte avec lien" pour chaque élément de mon menu, avec l'image au milieu.

Comment pourrais je modifier et remplacer ce qui existe deja sans faire de bétises? Dois je modifier header.php ou la feuille de style ?

Je suis un peu perdu..!

Merci pour vos réponses Smiley smile