Problem developing new joomla template

[dezt]

I'm having a bit of a problem with a new joomla template i'm creating for school. They want the menu to be in the left module position, which is easy enough to do, but when the main content is bigger than the menu, the menu drops to about halfway down the content section and I can't get it to the top of the left column.

 

I have looked at adding "vertical-align: top" in the css for the template but it doesn't do anything. I have also added the valign to the column that has the php code for the left module position in it, but that hasn't worked either.

 

Can someone please help, google keeps bringing up articles regarding the top menu when I search for "align top main menu"

[rusty155]

It sounds like you might need to sort out the module order in the backend. If you go the modules page, and then find your menu module, you should be able to place it first in the list so that it will display at the top.

 

I'm not entirely sure this is what you are after though - can you post a link to your site?

[Technomancer]

It seems odd that it's pushing the left hand column out of the way. Are you using tables or DIVs and have you wrapped both the left column and main content in an outer container?

 

Could do with seeing your code really.

[dezt]

here's my index.php

id ) { initEditor(); } ?>


" ; ?>" ; ?>
<br />
<!--<br />
.style4 {font-size: 11px}<br />
.style11 {font-size: 10px}<br />
.style12 {color: #000000}<br />
.style14 {font-size: 11px; color: #FFFFFF; }<br />
body {<br />
	margin-top: 0px;<br />
}<br />
--><br />



</pre><table width="700" border="0" align="center" cellpadding="0" cellspacing="0">
 
   templates/norden_template/images/lion.png
   templates/norden_template/images/Logo.jpg
 
 
   
     
       
         
           
             
             

             
               
               templates/norden_template/images/address.jpg
                 
               
                   
         
          
       
       
         
            
           
         
         
            
           
         
       
     
     
     
 
  
</table><b

 

here is a screenshot of the problem and how I want it to look.

 

http://www.norden.lancsngfl.ac.uk/images/template.jpg

http://www.norden.lancsngfl.ac.uk/images/template2.jpg

[Lithium]

for your whole page table, 174 + 626 isn't 700, it's 800

 

In your left nav, the content exceeds the height you've specified, not sure if that means anything though

 

Also on the container

for your left nav, there is no valign="top" (probably why it doesn't appear where you want it), there is on the content container though.

 

There's one or two unused tags in there too, whether by design, or by accident.

 

Also at the end, all the tags go a-miss.. ie: you end a column, but start a row, then end a table...

 

Have you considered using padding for the spacing to the left of the content instead of a 3% column... Also using a fixed width for the content nav may be useful since you started.

 

 

After I did the above:

</pre><table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
   
       
           templates/norden_template/images/lion.png
       
       
           
               templates/norden_template/images/Logo.jpg
           
       
   
   
   
       
       
           

               
                   
				
                       
                           
                               
                               
                                   
                                       
                                       

                                       
                                           
                                       
                                           templates/norden_template/images/address.jpg
                                       
                                           
                                       
                                   
                                   
                                   
                               
                               
                           
                       
				
                   
                   
				
                       
                           
                                
                               
                           
                           
                                
                               
                           
                       

                   
               
           
            
       
   
   
       
   
</

Edited March 15, 2008 by Lithium

[dezt]

Thanks for that, it works a treat now.

 

Hopefully thais will get the SBM off my back about he new website.

 

 

Thanks again.

[Simcfc73]

Would recommend the web developers toolbar for FF, helps me loads when doing this sort of stuff.

[dezt]

Thanks again to everyone that helped me, i've changed the template by using lithium's code, it works perfect in firefox, but when i tried it in IE6, i got this problem.

 

http://www.norden.lancsngfl.ac.uk/images/website.JPG

 

I think that the problem may lie in my index.php file but i'm not 100% sure.