[SOLVED] Align submenus to left menuCK version5

More
13 years 4 months ago - 13 years 3 months ago #1426 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:
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 :( Thank!
Merci!
Attachments:
Last edit: 13 years 3 months ago by proli.

Please Log in or Create an account to join the conversation.

More
13 years 4 months ago #1428 by ced1870
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

Joomlack Webmaster and Developer
The following user(s) said Thank You: proli

Please Log in or Create an account to join the conversation.

More
13 years 4 months ago #1430 by proli
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 :/

Please Log in or Create an account to join the conversation.

More
13 years 3 months ago - 13 years 3 months ago #1706 by proli
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

Fast and powerful creation, customizable and responsive.

Read More

We have 4535 guests and 4 members online