Aide pour mon site avec JoomlaFermé

Question

Bonjour, 

Bonjour,

J'ai un problème lors de la création de mon site web qui concerne le top menu.
J'ai crééé 7 MenuItems mais à l'affichage ils s'affichent sur deux lignes.Le MenuStyle que je veux adopter est le Legacy-Flat List.
Que dois je faire???
S'agit il d'un pb au niveau du CSS???

Voici le code CSS relatif à la zone dans laquelle se trouve le topmenu:

#user3-left {
	width: 553px;
	height: 30px;
	padding-left: 50px;
	position: absolute;
	bottom: 0;
	left: 148px;
	overflow: hidden;
	background: url(../images/menu_start_bg.png) no-repeat 0 bottom;
}
#user3-right {
	padding-right: 50px;
	background: url(../images/menu_end_bg.png) no-repeat right bottom;
}
#user3 {
	width: 503px;
	height: 30px;
	overflow: hidden;
#user3 ul {
	width: 504px;
	height: 30px;
}
#user3 ul li {
	width: 125px;
	height: 29px;
	float: left;
	margin-right: 1px;
	border-bottom: 1px solid #fff;
}
#user3 ul li a {
	color: #fff;
	width: 125px;
	height: 15px;
	padding: 8px 0 6px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: url(../images/menu_bg.png) no-repeat 0 0;
	border-bottom: 1px solid #fff;
}
#user3 ul li a:hover,
#user3 ul li:hover a,
#user3 ul li.active a {
	background: url(../images/menu_active_bg.png) no-repeat 0 0;
 
}


Merci à tpous

Varaldi Q · Answer

Humm...

Disons que nous ne savons pas à quoi correspond ta feuille de style, pourrais-tu nous donner également le code de ton menu dans la feuille html?

PS je pense (de la façon dont j'ai compris ton problème) qu'en gros tu as fais trop de boutons ou qu'ils sont trop larges ou qu'ils prennent trop de place, et donc que les derniers passent à la ligne.

Si c'est le cas, il faut que tu modifie ta feuille css. width correspond à la largeur (que tu peux éventuellement réduire, mais ça se verra visuellement) sinon tu peux également jouer sur left, padding-left, et en mettant "top: uncertainsnombrede px;" dans les zones où est marqué position: absolute.


Mais si tu veux plus d'infos, envoie le code de ton menu !


Cdt,

poppins · Answer

Je crois que tu as raison, j'ai besoin de faire des déplacements à droite et à gauche pour profiter de plus d'espace, mais je suis totalement novice avec CSS et je ne sais pas comment faire, j'ai essayé de changer quelques valeurs aléatoirement mais ça n'a pas marché.....

Le template que j'ai utilisé est le suivant:
http://www.joomla24.com/option,com_remository/Itemid,4/func,fileinfo/id,5096.html


Si tu peux jeter un coup d'oeil et me dire comment l'adapter, je serai très reconnaissant...

Stéphane18 · Answer

Salut, par défaut le menu de ton template ne peut contenir que quatre item

il a donc une taille fixe de 503px sachant que un item a une valeur de 125px et qu'il y a aussi une marge de 1px la conclusion est simple tu ne peut pas mettre 7 items. Pour pouvoir ajouter 7 items fait le calcule multiplie 125px par 7 puis ajoute 7px qui correspond à la marge, la valeur obtenu correspond à la taille de ton menu pour 7 items. 125*7=875+7=882px Voici le code css pour le menu: Le bloc #user3-left a une valeur de 932px car il faut lui ajouter le padding-left de 50px #user3-left { width: 932px; height: 30px; padding-left: 50px; position: absolute; bottom: 0; left: 148px; overflow: hidden; background: url(../images/menu_start_bg.png) no-repeat 0 bottom; } #user3 { width: 882px; height: 30px; overflow: hidden; #user3 ul { width: 883px; height: 30px; } Désolé si ce n'est pas super clair mais fait un test et dit moi :)

poppins · Answer

Merci Stéphane pour ta réponse, au début je ne l'ai pas vue mais je viens de l'essayer et ça marche, les 7 items sont visibles!!!
Sauf que, maitenant c'est trop décalé vers la droite et j'aimerai bien pouvoir le décaler plutôt vers la gauche...Quel paramètre dois je changer????
EXcuse moi de t'embêter mais je suis tout à fait novice au CSS et je ne fais pas trop la différence entre les différents paramètres de position...

poppins139 · Answer

Merci pour ton aide, mais ce déplacement m'a créé un autre problème, car j'ai deux menus rectangulaires de part et d'autre du top menu et j'ai besoin de les déplacer...
Est ce qu'on ne peut pas poster des pièces jointes sur ce forum????

poppins139 · Answer

J'espère que ce schéma expliquera mieux mon intention: 
http://www.cijoint.fr/cjlink.php?file=cj201105/cijl3G9WDS.jpg

poppins139 · Answer

Oui, mais je veux que les bords coincident exactement, c'est à dire:

1-Le bord gauche du top menu dois coincider avec le bord gauche du rectangle"Home".
2-Le bord droit du top menu doit coincider avec le bord droit du rectangle "Ads".

Merci infiniment pour ton aide!!!

Stéphane18 · Answer

Alors, maintenant je ne peux que te donner des conseils, car de mon coté je ne peux pas faire de teste car ton design passe par joomla, les blocs sont générés en php je ne peux donc pas les remplir et voir comment ça réagi comme pour le menu.

Pour avoir des chiffres juste du doit compter par exemple tu sais que #container1 à une taille de 1100px ce qui correspond à l'ensemble des trois blocs du corp à savoir le bloc #left #right puis #content-area-wrapper  tu sais que les blocs #left #right ont une taille de 161px avec une marge pour chacun de 29px ce qui donne 161+161+29+29=380px
1100-380=720px le bloc #content-area-wrapper à donc une taille de 720px 

Fait déjà un premier essai en donnant au bloc #content-area-wrapper un width: 720px
#content-area-wrapper {
    width: 720px;
}

Je ne suis vraiment pas sur de mon coup fait des essais et dit moi si ça bloc !!!

poppins139 · Answer

Salut Stéphane, ça fait une semaine que je ne me suis pas connectée car j'étais malade...
Je viens d'ajuster les positions et j'ai créé des menus à gauche, mais les éléments du menu sont trop serrés, comment définir une interligne???

Aide pour mon site avec Joomla

9 réponses

Discussions similaires

Newsletters