coppermine-gallery.com/forum

Support => cpg1.4.x Support => Older/other versions => cpg1.4 themes/skins/templates => Topic started by: White-Storm on August 31, 2006, 03:09:42 PM

Title: Need help with HTML code for header alignment
Post by: White-Storm on August 31, 2006, 03:09:42 PM
Hello, I added a simple header to my gallery, and the image has almost the exact width of the webpage (for 1024*768 screens), but a completely useless horizontal scroll appears, and the page is a bit extended where there is no need for it.
I'm pretty bad at coding HTML, so could you help me to write it so that it fits to the page?

here is the link to see what happens: http://whatif-web.goldzoneweb.info/galeries/

Here is my code:

<table width="1100px" border="0" cellpadding="20" cellspacing="20">
    <tr>
<left><a href="http://whatif-design.cforum.info"><img border="0" src="http://whatif-web.goldzoneweb.info/galeries/What-if-Design-Galleries.jpg"></a></left>
</tr>
</table>


Thank you for helping
Title: Re: Need help with HTML code for header alignment
Post by: Gizmo on August 31, 2006, 03:41:53 PM
The issue is with the #SUB_MENU property. I see you made some heavy changes from the igames theme with this so this would be a good place to start. Specifically check the formatting values for image "top_panel_r2_c1.jpg".
Title: Re: Need help with HTML code for header alignment
Post by: White-Storm on August 31, 2006, 04:09:24 PM
er...I really don't get the point.
This is the only change I made, in the template.html file, after the <body> tag, and I am using the "project_vii" theme...
Title: Re: Need help with HTML code for header alignment
Post by: Nibbler on August 31, 2006, 04:49:31 PM
You can't put a 1100px wide table on a 1024px wide screen and not have a scrollbar. Basic laws of physics here. Make the table smaller or remove the width property totally and let the image decide the size.
Title: Re: Need help with HTML code for header alignment
Post by: White-Storm on August 31, 2006, 04:57:11 PM
sorry wrong code, the original code was with width="100%"

But even with this, or with the width removed, there is still this scrollbar... any other ideas?
Title: Re: Need help with HTML code for header alignment
Post by: Nibbler on August 31, 2006, 05:08:54 PM
Try like this:


<div align="left">
<a href="http://whatif-design.cforum.info"><img border="0" src="http://whatif-web.goldzoneweb.info/galeries/What-if-Design-Galleries.jpg"></a>
</div>


instead of your table.
Title: Re: Need help with HTML code for header alignment
Post by: White-Storm on August 31, 2006, 05:23:27 PM
sorry, still the exact same result...I really don't know what's the problem, though my header's width must fit the screen perfectly without scrolls...
Title: Re: Need help with HTML code for header alignment
Post by: Nibbler on August 31, 2006, 05:29:38 PM
Take the padding off the submenu in your stylesheet


#SUB_MENU {
        width:100%;
        padding: 0 20px;
}


so


#SUB_MENU {
        width:100%;
}
Title: Re: Need help with HTML code for header alignment
Post by: White-Storm on August 31, 2006, 05:44:34 PM
oooh  :o
Thanks man, the sedating power be with you!

solved  ;D