Joomla Templates Club 406,261 posts

[streamingflv Friend streamingflvJoin date: December 2008Posts: 20Downloads:0Uploads:8 Thanks: 5]

#136052

thanks for the help on this forum!

now I have come accross another problem. I can’t seem to be able to close the gap at the top of my logo.

Please take a look at the pic i have attached. Maybe someone can tell me how to close the gap above my logo? I think when i have closed the gap that the top navigation will also move up so my second question is how to lower the top navigation.

Thanks again!

Roger

P.S. The live site is http://www.leprechaunonline.com

---

Attachments:

1. 

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#281760

you can do this by editing:

template.css line (954)


#ja-header {
height:47px;
position:relative;
z-index:999;
}


template.css line (960)


h1.logo {
font-size:300%;
height:60px;
left:0;
margin:0;
padding:0;
position:absolute;
top:0;
width:212px;


Change it to the items marked in red, i would not remove this space myself as i think some space above menu is a good thing.

Remember to make backups if you change a file.

1 user says Thank You to bennitos for this useful post

1. streamingflv

[streamingflv Friend streamingflvJoin date: December 2008Posts: 20Downloads:0Uploads:8 Thanks: 5]

#281791

Nice 1 Bennitos,

If you take a look at my live site you will see that the Logo is now hitting the top (perfect).
Now I just need to be able to move the top navigation down slightly to even everything out. I have managed to move it down to the desired height but the left navigation pic doesn’t match.

In the ja-sosdmenu.css line 11 I changed:

#ja-mainnav div.ja-innerpad {
float: left;
display: block;
background: url(../../images/navpanel-left.gif) no-repeat left;
padding-left: 10px;
height: 30px;

I changed the height from 36px to 30px and this brought the height of the navpanel-right.gif down as requested.

On line 19 if I change the following height also to 30px it doesn’t work out right.

#ja-cssmenu {
margin: 0; /* all lists */
padding: 0 10px 0 0;
float: left;
background: url(../../images/navpanel-right.gif) no-repeat right;
height: 36px;

This is a little weird as the the navpanel-left.gif panel is not the one that moved. I would have thought that the navpanel-right.gif was the one that moved. Seems to be arse ways around but it does lower the height of the navigation (on the right).

Any ideas?

Roger

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#281804

can you put the settings you changed from the menu back to what it was originally.

Then i have some clean data i can test with.

[streamingflv Friend streamingflvJoin date: December 2008Posts: 20Downloads:0Uploads:8 Thanks: 5]

#281887

<em>@streamingflv 94136 wrote:</em><blockquote>Nice 1 Bennitos,

If you take a look at my live site you will see that the Logo is now hitting the top (perfect).
Now I just need to be able to move the top navigation down slightly to even everything out. I have managed to move it down to the desired height but the left navigation pic doesn’t match.

In the ja-sosdmenu.css line 11 I changed:

#ja-mainnav div.ja-innerpad {
float: left;
display: block;
background: url(../../images/navpanel-left.gif) no-repeat left;
padding-left: 10px;
height: 30px;

I changed the height from 36px to 30px and this brought the height of the navpanel-right.gif down as requested.

On line 19 if I change the following height also to 30px it doesn’t work out right.

#ja-cssmenu {
margin: 0; /* all lists */
padding: 0 10px 0 0;
float: left;
background: url(../../images/navpanel-right.gif) no-repeat right;
height: 36px;

This is a little weird as the the navpanel-left.gif panel is not the one that moved. I would have thought that the navpanel-right.gif was the one that moved. Seems to be arse ways around but it does lower the height of the navigation (on the right).
</blockquote>

Any further ideas on the above mentioned problem. Just the quoted problem is what i’m trying to resolve.

P.S. My live site is here: http://www.leprechaunonline.com

greetz

Roger

[streamingflv Friend streamingflvJoin date: December 2008Posts: 20Downloads:0Uploads:8 Thanks: 5]

#282230

bennitos;94153can you put the settings you changed from the menu back to what it was originally.

Then i have some clean data i can test with.

Hi Bennitos,

I have attached the codes in their original state and with the change. In the attatchments you can see the changes. Look forward to hearing your thoughts on this one.

The file edited was: ja-sosdmenu.css

Code Without Changes is:

From Line 11:

#ja-mainnav div.ja-innerpad {
float: left;
display: block;
background: url(../../images/navpanel-left.gif) no-repeat left;
padding-left: 13px;
height: 36px;

#ja-cssmenu {
margin: 0; /* all lists */
padding: 0 15px 0 0;
float: left;
background: url(../../images/navpanel-right.gif) no-repeat right;
height: 36px;
}

————————————————————————————————————

Code With Changes is:

From Line 11:

#ja-mainnav div.ja-innerpad {
float: left;
display: block;
background: url(../../images/navpanel-left.gif) no-repeat left;
padding-left: 13px;
height: 30px;
}
#ja-cssmenu {
margin: 0; /* all lists */
padding: 0 15px 0 0;
float: left;
background: url(../../images/navpanel-right.gif) no-repeat right;
height: 36px;
}

——————————————————————————————————————–

As you can see in the pics I would like to be able to change the left hand side of the navigation to the same height as the right pic.

Hope you can help bennitos

Thanx!

Roger

---

Attachments:

1. 
2. 

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#282244

hiya can you put the unchanged ja-sosdmenu.css file back on your server?

When you do i should be able to give you a answer.

[streamingflv Friend streamingflvJoin date: December 2008Posts: 20Downloads:0Uploads:8 Thanks: 5]

#282247

<em>@bennitos 94653 wrote:</em><blockquote>hiya can you put the unchanged ja-sosdmenu.css file back on your server?

When you do i should be able to give you a answer.</blockquote>

Bennitos,

I have put it back to its default positioning. As you can see everything is lined up nicely.
Now i just want to lower the lot to the center of the gap between the very top and the top of the green banner.

What ye think? http://www.leprechaunonline.com

Roger

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#282249

this should do the trick for you:

ja-sosdmenu.css line 11


#ja-mainnav div.ja-innerpad {
background:transparent url(../../images/navpanel-left.gif) no-repeat scroll left center;
display:table;
float:right;
height:36px;
margin:0 0 -5px;
padding-left:13px;


Move it up and down with adjusting the -5
Let me know if this worked out

1 user says Thank You to bennitos for this useful post

1. streamingflv

[streamingflv Friend streamingflvJoin date: December 2008Posts: 20Downloads:0Uploads:8 Thanks: 5]

#282287

Berritos,

Thanks again!

Seems to have done the job after a little tweaking. Any ideas where I might be able to change in order to get the top navigation more to the left, after making the above changes it shot out to the right.

Thanx again!

greetz

Roger

[bennitos Friend bennitosJoin date: May 2008Posts: 1717Downloads:0Uploads:39 Thanks: 39 Thanked: 474 times in 407 posts]

#282289

hmmm small mistake from my side there

Change the float:right; to float:left; in the code that i posted before. Then it should look perfect 🙂

[streamingflv Friend streamingflvJoin date: December 2008Posts: 20Downloads:0Uploads:8 Thanks: 5]

#282310

That’s done the job again Bennitos

Mega Thanx

greetz

Roger

[Author]

Posts