Jump to content


Photo
- - - - -

Menu - height location change


  • Please log in to reply
7 replies to this topic

#1 Shal Grant

Shal Grant

    Advanced Member

  • Members
  • PipPipPip
  • 43 posts

Posted 25 October 2008 - 06:35 PM

I am using the ACTIVE02-extras-greenblue template (very simple one).
I have replaced the banner 1 image with my own and it looks good.
But the horizontal main menu is now showing up a little too high. I would like to lower it.
How do I change the height that the main menu bar appears?
Is the code specifying the menu height located in the file: custom.css?
Or is the code some place else?
Thanks for pointing me in the right direction.

#2 Shal Grant

Shal Grant

    Advanced Member

  • Members
  • PipPipPip
  • 43 posts

Posted 02 November 2008 - 05:06 PM

I changed the code in the index file.
I added a few <br> <br> into the html code and it lowered the main menu items.

#3 kyle04

kyle04

    Senior Member

  • Moderators
  • 411 posts

Posted 02 November 2008 - 10:32 PM

you'd probably have a bit more control by specifying a padding-top : 3px for example, in the relevant <td> tag. i cant find this template in my FTP, but somewhere in the index.html there should be something like <td width="100%" align="left" valign="top" bgcolor="#FDF6ED" style="padding:0px;">#HMAINS#</td>, replace the padding:0px with the above to shift the menu down a bit. You'll find this file in :
sohoadmin/program/modules/site_templates/pages/ACTIVE02/index.html
Regards
AndyP

Edited by kyle04, 02 November 2008 - 10:57 PM.


#4 Shal Grant

Shal Grant

    Advanced Member

  • Members
  • PipPipPip
  • 43 posts

Posted 08 November 2008 - 05:03 PM

Hi, I am not sure where to change the cellpadding="0" to
cellpadding="3" as you suggested.
Can you please help me identify where this change would go. I copied the code from the existing index.html file below.


<html>

<head>
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<title>Image Cutter Output File</title>
<link rel="stylesheet" type="text/css" href="custom.css">
</head>
<body topmargin="0">
<div align="center">
<center>
<body bgcolor="#F0F0F0">
<table border="0" cellspacing="0" cellpadding="0" height="149" width="780">
<tr>
<td height="149" width="780" background="banner1.gif">
I can remove where I added this: <br><br><br><br><br><br><br>
#HMAINS#</td>
</tr>
<tr>
<td height="27" width="780"><img src="banner2.gif" height="27" width="780" border="0"></td>
</tr>
</table>
</center>
</div>
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="780">
<tr>
<td width="183" valign="top" align="left">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="183">
<tr>
<td><img border="0" src="userimages/_userimg-varphoto1.jpg" width="183" height="185"></td>
</tr>
<tr>
<td>#VSUBS#</td>
</tr>
<tr>
<td>
<p class="boxcontent1">#BOX1#</td>
</tr>
</table>
</div>
</td>
And there is more code, but hoped that the above captured the right spots?

#5 kyle04

kyle04

    Senior Member

  • Moderators
  • 411 posts

Posted 08 November 2008 - 10:03 PM

<td height="149" width="780" background="banner1.gif">
I can remove where I added this: <br><br><br><br><br><br><br>
#HMAINS#</td>


try :

<td height="149" width="780" background="banner1.gif" style="padding-top : 10px;">
#HMAINS#</td>

10px as example, may need more....

You can pad each side of your <td> with : style="padding : 10px 0px 0px 10px;"
The padding goes top,right,bottom,left

Regards
AndyP

Edited by kyle04, 08 November 2008 - 10:10 PM.
thought of more stuff !


#6 Shal Grant

Shal Grant

    Advanced Member

  • Members
  • PipPipPip
  • 43 posts

Posted 09 November 2008 - 12:14 AM

Wow,
Thanks for your help, AndyP. I did the padding on the top only. Everything worked great. I did have to go with more than 10px as you suggested. I just played with the number until things looked right.
I really appreciate your help. Little by little I am learning some html. I plan to keep investing some time to learn more. It's so great to have access to such a helpful community.

#7 kyle04

kyle04

    Senior Member

  • Moderators
  • 411 posts

Posted 09 November 2008 - 09:36 PM

You're welcome Shal !
If you're interested have a look at tizag.com - good site for beginners, covers most web site coding stuff. For learning html, studying how tables and forms work would be a good starting point.

Regards
AndyP

#8 Shal Grant

Shal Grant

    Advanced Member

  • Members
  • PipPipPip
  • 43 posts

Posted 10 November 2008 - 12:44 AM

Thanks for the tip re: tizag.com ...will check it out!




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users