Need help with HTML code for header alignment Need help with HTML code for header alignment
 

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Main Menu

Need help with HTML code for header alignment

Started by White-Storm, August 31, 2006, 03:09:42 PM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

Print
Go Down Pages1
User actions

White-Storm

August 31, 2006, 03:09:42 PM Last Edit: August 31, 2006, 06:07:01 PM by Nibbler
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:

Code Select
<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

Gizmo

#1
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".
Did you read the manual first???? Taking 2 minutes to backup your files can save you hours of wondering what you screwed up.
Billy Bullock - BullsEyePhotos Blog of Indecision

White-Storm

#2
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...

Nibbler

#3
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.

White-Storm

#4
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?

Nibbler

#5
August 31, 2006, 05:08:54 PM
Try like this:

Code Select

<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.

White-Storm

#6
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...

Nibbler

#7
August 31, 2006, 05:29:38 PM
Take the padding off the submenu in your stylesheet

Code Select

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


so

Code Select

#SUB_MENU {
        width:100%;
}

White-Storm

#8
August 31, 2006, 05:44:34 PM
oooh  :o
Thanks man, the sedating power be with you!

solved  ;D
Print
Go Up Pages1
User actions