[SOLVED] Align submenus to left menuCK version5
13 years 4 months ago - 13 years 3 months ago #1426
by proli
[SOLVED] Align submenus to left menuCK version5 was created by proli
Bonjour.
Good afternoon.
Hi. I'm new here and i dont understand much about css.
I'm in a localhost trying to make a menu with maximenu CK in joomla 1.7.3 but i cant align the submenu to left (or in a central position with 960px) in bottom of the main menu.
I want a menu +- like this position:
rueducommerce
I've sent a file image of my localhost menu to see the problem...
my actual CSS code is this:
Do any one could give a solution please? I'm trying this for 5 days and i cant go ahead
Thank!
Merci!
Good afternoon.
Hi. I'm new here and i dont understand much about css.
I'm in a localhost trying to make a menu with maximenu CK in joomla 1.7.3 but i cant align the submenu to left (or in a central position with 960px) in bottom of the main menu.
I want a menu +- like this position:
rueducommerce
I've sent a file image of my localhost menu to see the problem...
my actual CSS code is this:
Code:
#maximenuCK {background: url(/../images/menubckg.gif) top left repeat-x; cursor:pointer;font-weight:bolder;position: relative;}
div#maximenuCK ul.maximenuCK li.maximenuCK {background:none;list-style:none;border:none;position: relative;}
div#maximenuCK ul.maximenuCK li.maximenuCK>a img {margin:3px;border:none; color:white}
div#maximenuCK ul.maximenuCK li.maximenuCK img {border:none;}
/**
** menu principal text-indent : 2px;
**/
div#maximenuCK ul.maximenuCK li a.maximenuCK,
div#maximenuCK ul.maximenuCK li span.separator {text-decoration:none;outline:none;background:none;border:none;white-space:normal;padding:0;color:white;font-weight:bold;position: relative;}
/**
** active items
**/
/*** element actif ***/
div#maximenuCK ul.maximenuCK2 li.current>a span {font-weight : bolder;}
/* current item title and description */
div#maximenuCK ul.maximenuCK li.current>a span {}
/* current item title when mouseover */
div#maximenuCK ul.maximenuCK li.current>a:hover span.titreCK { }
/* current item description when mouseover */
div#maximenuCK ul.maximenuCK li.current>a:active span.descCK {}
/* active parent title */
div#maximenuCK ul.maximenuCK li.active>a span.titreCK { }
/* active parent description */
div#maximenuCK ul.maximenuCK li.active>a span.descCK { }
/**
** first level items
**/
/*** styles des éléments parent du premier niveau ***/
div#maximenuCK ul.maximenuCK li.level0 {background:url(../images/menubckg2.gif) no-repeat top right !important; line-height:31px}
/* first level item */
div#maximenuCK ul.maximenuCK li.level0>a span.titreCK,
div#maximenuCK ul.maximenuCK li.level0>span.separator span.titreCK {display: inline-block;padding: 0 7px 0 4px;}
/* first level item description */
div#maximenuCK ul.maximenuCK li.level0>a span.descCK {}
/* parent style level 0 */
div#maximenuCK ul.maximenuCK li.parent.level0 li.parent {background:url(../images/maxi_arrow1.png) center right no-repeat;color:#ffcc00;}
/* first level */
div#maximenuCK ul.maximenuCK li.level0>a:hover span.titreCK,
div#maximenuCK ul.maximenuCK li.level0>span:hover span.titreCK {line-height:31px;background:url(../images/menubckg3.gif) repeat-x top right;}
/* first level */
div#maximenuCK ul.maximenuCK li.level1 {line-height:20px;border-bottom: 1px #aaa dotted;}
div#maximenuCK ul.maximenuCK2 li.level1.last {border:none !important}
div#maximenuCK ul.maximenuCK li.level1>a:hover span.titreCK,
div#maximenuCK ul.maximenuCK li.level1>span:hover span.titreCK {line-height:18px;}
/**
** items title and descriptions
**/
/* item title */
/* item description*/
div#maximenuCK span.descCK {display:block;text-transform:none;font-size:10px;text-decoration:none;height:12px;line-height:12px;float:none !important;}
/**
** child items
**/
/* child item title */
div#maximenuCK ul.maximenuCK2 a.maximenuCK {width:135px;}
div#maximenuCK ul.maximenuCK2 li.level1>a:hover,
div#maximenuCK ul.maximenuCK2 li.level1>span:hover {background-color:#e1e1e1}
div#maximenuCK ul.maximenuCK2 li a.maximenuCK,
div#maximenuCK ul.maximenuCK2 li span.separator {font-weight:bold;color:#000;text-decoration:none;margin:0;padding:0;position: relative;}
div#maximenuCK ul.maximenuCK li a.maximenuCK,
div#maximenuCK ul.maximenuCK li span.separator {border-bottom: none}
/* child item block */
div#maximenuCK ul.maximenuCK ul.maximenuCK2 {margin: 0;position:relative;}
div#maximenuCK ul.maximenuCK2 li.maximenuCK {width:100%;padding:0;margin:0;background:none}
/* child item container */
div#maximenuCK ul.maximenuCK li div.floatCK {background:#fff;color:#fff;border:5px solid #e1e1e1; border-top: none !important;}
div#maximenuCK div.maximenuCK_mod {color:#ddd;width:200px;padding:0;overflow:hidden;white-space:normal;}
div#maximenuCK div.maximenuCK_mod div.moduletable {border:none;background:none;}
div#maximenuCK div.maximenuCK_mod fieldset{width:200px;padding:0;margin:0 auto;overflow:hidden;background:transparent;border:none;}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a {border:none;margin:0;padding:0;display:inline;background:transparent;color:#888;font-weight:normal;}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod a:hover {background: url(../images/menubckg3.gif) repeat-x top;}
/* module title */
div#maximenuCK ul.maximenuCK div.maximenuCK_mod h3 {color:#aaa;}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod ul { color:blue;position: absolute;}
div#maximenuCK ul.maximenuCK2 div.maximenuCK_mod li { color:fuchsia;position: absolute;}
/**
** columns width & child position
**/
/* child blocks position (from level2 to n) */
div#maximenuCK ul.maximenuCK li.maximenuCK div.floatCK div.floatCK {border:5px solid #d0d0d0;height:275px;background-color:#fff;position:fixed;top:117px;font-size:11px;line-height:15px !important;margin: 0 0 0 140px;}
/* div.maxidrop-main2 {left:0 !important; float:left !important; margin: 0 auto !important; text-align:left} */
div#maximenuCK ul.maximenuCK li.level2>a:active,
div#maximenuCK ul.maximenuCK li.level2>a:link,
div#maximenuCK ul.maximenuCK li.level2>a:visited,
div#maximenuCK ul.maximenuCK li.level2>a:hover{width:155px;border-bottom:1px #aaa dotted;}
div#maximenuCK ul.maximenuCK li.level2.last>a {border:none}
div#maximenuCK ul.maximenuCK2 li.maximenuCK>a:active,
div#maximenuCK ul.maximenuCK2 li.maximenuCK>a:link,
div#maximenuCK ul.maximenuCK2 li.maximenuCK>a:visited {padding:2px 0 2px 5px}
div#maximenuCK ul.maximenuCK li.maximenuCK>a:hover {background-color: #AB3333;color:#FFFFFF;}
/* margin for overflown elements that rolls to the left */
div#maximenuCK ul.maximenuCK li.maximenuCK div.floatCK div.floatCK.fixRight {top:0px;left:0;position: absolute;}
/* 2 cols width */
div#maximenuCK ul.maximenuCK li div.cols2 {width:360px;background:#fff;border:5px solid #e2e2e2;border-top:none !important}
div#maximenuCK ul.maximenuCK li div.cols2>div.maximenuCK2 {width:100%;}
/* 3 cols width */
div#maximenuCK ul.maximenuCK li div.cols3 {width:950px; background: blue;border:5px solid #e2e2e2;border-top:none !important;}
div#maximenuCK ul.maximenuCK li div.cols3>div.maximenuCK2 {width:100%;}
/* 4 cols width */
div#maximenuCK ul.maximenuCK li div.cols4 { background-color:# 960}
div#maximenuCK ul.maximenuCK li div.cols4>div.maximenuCK2 { background-color:#963}
/* child container */
div#maximenuCK div.maxidrop-top {background-color: #CF0}
div#maximenuCK div.maxidrop-main { clear:both}
div#maximenuCK div.maxidrop-bottom { clear:both}
/* bouton to close on click */
div#maximenuCK span.maxiclose {color: #fff;}
.menumen {padding-left:6px}
ul.menumen li {display:inline-block; padding: 0 2px;font-size: 11px; }
ul.menumen li a, ul.menumen li a:hover { color:#000; font-weight:bolder}
fieldset div.userdata {border:none !important; margin:0 !important; padding:0 !important;}
Do any one could give a solution please? I'm trying this for 5 days and i cant go ahead

Merci!
Attachments:
Last edit: 13 years 3 months ago by proli.
Please Log in or Create an account to join the conversation.
13 years 4 months ago #1428
by ced1870
Joomlack Webmaster and Developer
Replied by ced1870 on topic Re: Align submenu (level1 ?) to left in all menu links
hi
you must retrieve the ID of the item "teste2" (example Id=68) then play with css :
div#maximenuCK ul.maximenuCK li.maximenuCK.item68 div.floatCK {margin-left:-50px;}
or just use the plugin maximenu params to manage it directly in the menu item options :
www.joomlack.fr/en/Joomla-extensions/Men...ximenuck-params.html
CEd
you must retrieve the ID of the item "teste2" (example Id=68) then play with css :
div#maximenuCK ul.maximenuCK li.maximenuCK.item68 div.floatCK {margin-left:-50px;}
or just use the plugin maximenu params to manage it directly in the menu item options :
www.joomlack.fr/en/Joomla-extensions/Men...ximenuck-params.html
CEd
Joomlack Webmaster and Developer
The following user(s) said Thank You: proli
Please Log in or Create an account to join the conversation.
13 years 4 months ago #1430
by proli
Replied by proli on topic Re: Align submenu (level1 ?) to left in all menu links
Thanks!! 
I lost 5 days trying to solve this... and your solution was a breath of fresh air! I also saw you link of the Plugin Params Maximenu and is very good and very well done! I hope you succeed in sales.
Unfortunately I dont have economic power to buy it
I am still a student and i have no job to ear money yet.
I'm making a website for my parents but unfortunately they have more debt than real money too. Sometimes i think that life really sucks

I lost 5 days trying to solve this... and your solution was a breath of fresh air! I also saw you link of the Plugin Params Maximenu and is very good and very well done! I hope you succeed in sales.
Unfortunately I dont have economic power to buy it

I am still a student and i have no job to ear money yet.
I'm making a website for my parents but unfortunately they have more debt than real money too. Sometimes i think that life really sucks

Please Log in or Create an account to join the conversation.
13 years 3 months ago - 13 years 3 months ago #1706
by proli
Replied by proli on topic Re: Align submenu (level1 ?) to left in all menu links
version 5 SOLVED
Last edit: 13 years 3 months ago by proli.
Please Log in or Create an account to join the conversation.
Time to create page: 0.225 seconds