Forums (Obsolete)

Old Forums

Portal Engine Questions on portal engine and web parts.

Version 7.x > Portal Engine > Drop Down Menu Content

View modes:

Member

vivek-iconics - 12/13/2012 5:32:24 PM

Drop Down Menu Content

Hi,

I was going Kentico_CMSTutorial.pdf file and the section I was referring to was Creating a new website using a portal engine. Now suppose in my master page I want the alignment to be at the center , so my MainDiv tag is like this: < div align="center" class= "MainDiv"> . Now what is happening is the drop down menu gets to the center, but the content in the menu also gets moved to the center i.e the text Home, News etc which I want to be left aligned inside the drop down menu. Can anybody tell how to achieve that ? Also in the News page I have a repeater and it's content are also being displayed in the center which I want to be left aligned again. Any kind of help would be appreciated.

Thanks

Regards,

Vivek

Kentico Legend

Brenden Kehren - 12/14/2012 10:55:37 AM

RE:Drop Down Menu Content

Not a good idea to use align="center" on anything. You might try using something like this to center your div tag on the page. The width: 960px tells the div tag how wide you want it and the margin: 0px (top and bottom) auto (left and right) will automatically set the left and right margins based on the browsers width.


<html>
<head>
    <title></title>
    <style type="text/css">
        .container { margin: 0px auto; width: 960px; }
        #header { height: 100px; }
        #navigation { height: 35px; }
        #content { min-height: 550px; }
        #footer { height: 100px; }
    </style>
</head>
<body>
    <div>
        <div class="container" id="header">
        Header
        </div>
        <div class="container" id="navigation">
        Navigation
        </div>
        <div class="container" id="content">
        Main content
        </div>
        <div class="container" id="footer">
        Footer
        </div>
    </div>
</body>
</html>

Kentico Support

kentico_janh - 12/17/2012 8:17:39 AM

RE:Drop Down Menu Content

Hello,

As it was mentioned, you should style only the menu and not the entire MainDiv content. If you don't have any CSS prefix in your Drop-down menu web part, you can style the CMSMenu css class or particular items by the CMSMenuItem class. For all css classes used in Drop-down menu web part pleas follow the link below to our documentation:

Appearance and styling of the Drop-down menu

Best regards,
Jan Hermann

Top