Larger Logo = Wrong Menu Alignment

atomicdev
Topic Author
Visitor

13 years 2 months ago #5498 by atomicdev

Larger Logo = Wrong Menu Alignment was created by atomicdev

I read a previous post on changing the image size and got my logo the size I want but it's moved the menu across to the right (see pic) and no matter what I change in the CSS nothing moves it across to the left. Any ideas what I can try? Thanks!:woohoo:

Attachments:

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

13 years 2 months ago #5506 by ivan.milic

Replied by ivan.milic on topic Re: Larger Logo = Wrong Menu Alignment

Hi,

To move something of its original position you have to declare (in css or style attribute)

position:relative;

and then you can use top: and left: to move it in offset from it's original position.

examlple:

<div id="logo" style="position:relative;left:+50px;top:-20px;">
<IMG ...

Please Log in to join the conversation.

atomicdev
Topic Author
Visitor

13 years 2 months ago #5508 by atomicdev

Replied by atomicdev on topic Re: Larger Logo = Wrong Menu Alignment

Okay, here's my code:

index.php

Code:

<div id="logo" ><a href="index.php"><img src="<?php echo $template_path ?>/images/logo<?php echo $templateStyle; ?>.png" width="380" height="120" alt="joomla furniture store" /></a></div>

layout.css

Code:

#logo {
	height:120px;
	width:380px;
	float:left;
}

Please can you tell me what to do, as I don't quite understand!:blink:

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

13 years 2 months ago #5514 by ivan.milic

Replied by ivan.milic on topic Re: Larger Logo = Wrong Menu Alignment

#logo {
height:120px;
width:380px;
position:relative;
top: +10px;
left: -15px;
}

Change +10 and -15 to values that will position your logo on right place.

Please Log in to join the conversation.

atomicdev
Topic Author
Visitor

13 years 2 months ago - 13 years 2 months ago #5516 by atomicdev

Replied by atomicdev on topic Re: Larger Logo = Wrong Menu Alignment

I think we're getting our wires crossed. I don't have an issue with positioing my logo. It's that when I try to align the top menu in a correct position this happens:
url

Last edit: 13 years 2 months ago by atomicdev.

Please Log in to join the conversation.

ivan.milic
Support Staff
Moderator

13 years 2 months ago #5519 by ivan.milic

Replied by ivan.milic on topic Re: Larger Logo = Wrong Menu Alignment

Yes, that is not what you need. You need to change background color and color of menu items because currently is white and you don't see it, see this:

#nav li a {
color: white;
}

Add this:
<style type="text/css">
#nav li
{
background-color: #7E7E7E;
}
</style>

Using Edit HTML option in template manager just before end of pages <head>

Please Log in to join the conversation.

Time to create page: 0.308 seconds