GerritWP
|
Hello, how to get this menu (upper pic) to header (lower pic)?
Here is a css of the menu (i guess the solution is there?):
/* begin Menu */
/* menu structure */
.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}
.art-menu, .art-menu ul
{
margin: -20;
padding: 0;
border: 0;
list-style-type: none;
display: block;
}
.art-menu li
{
margin: 0;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}
.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}
.art-menu li li
{
float: none;
}
.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}
.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}
.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}
.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0;
}
.art-menu ul
{
background-image: url(images/spacer.gif);
padding: 10px 30px 30px 30px;
margin: -10px 0 0 -30px;
}
.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}
/* menu structure */
.art-menu
{
padding: 0px 0px 0px 0px;
}
.art-nav
{
position: relative;
height: 25px;
z-index: 100;
}
/* end Menu */
|
| |
Garry
|
You should be familiar with HTML and CSS in order to do it., you should place your .art-Menu div inside the header and align it properly on bottom left by assigning margin-left and margin-top.
|
| |
GerritWP
|
Thanks Garry, menu is in header now and looks fine (in top of header image and left), but...
I cant align it in css. There are so many art-menus and stuff(art-menu ul, art-menu li, art-menu nav and so on...), in what part must i make changes?
|
| |
Martin
|
Could you post the changes you made to the css above to get the menu where you wanted it?
|
| |
GerritWP
|
First i created template with menu i like. Later i putted the <menu div> in header like garry said, and it works. I only changed header.php.
Dit not touch css yet. Menu is standing top of the headerimage and left right now.
|
| |
Garry
|
CSS is hierarchy specific like you can assign a different styling rule to every hierarchy, for example:
If there is a <li> tag in <ul> tag we can assign it different style than a <li> tag which is <ul> and that <ul> if further placed in <ol>
Now you have moved your.art-Menu class in your header div so you should consider changing css accordingly.
|
| |
GerritWP
|
Thanks garry and others, menu works like i want and even get the searchbar in header thanks to this forum! Takes some time, havent do css/html/design stuff for a while...
see you in next threads:)
|
| |