Advanced search  

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

Pages: [1]   Go Down

Author Topic: Need help with HTML code for header alignment  (Read 4585 times)

0 Members and 1 Guest are viewing this topic.

White-Storm

  • Coppermine newbie
  • Offline Offline
  • Posts: 11
Need help with HTML code for header alignment
« 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:

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
« Last Edit: August 31, 2006, 06:07:01 pm by Nibbler »
Logged

Gizmo

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 1015
    • BullsEye Photos
Re: Need help with HTML code for header alignment
« Reply #1 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".
Logged
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

  • Coppermine newbie
  • Offline Offline
  • Posts: 11
Re: Need help with HTML code for header alignment
« Reply #2 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...
Logged

Nibbler

  • Guest
Re: Need help with HTML code for header alignment
« Reply #3 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.
Logged

White-Storm

  • Coppermine newbie
  • Offline Offline
  • Posts: 11
Re: Need help with HTML code for header alignment
« Reply #4 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?
Logged

Nibbler

  • Guest
Re: Need help with HTML code for header alignment
« Reply #5 on: 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.
Logged

White-Storm

  • Coppermine newbie
  • Offline Offline
  • Posts: 11
Re: Need help with HTML code for header alignment
« Reply #6 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...
Logged

Nibbler

  • Guest
Re: Need help with HTML code for header alignment
« Reply #7 on: 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%;
}
Logged

White-Storm

  • Coppermine newbie
  • Offline Offline
  • Posts: 11
Re: Need help with HTML code for header alignment
« Reply #8 on: August 31, 2006, 05:44:34 pm »

oooh  :o
Thanks man, the sedating power be with you!

solved  ;D
Logged
Pages: [1]   Go Up
 

Page created in 0.022 seconds with 20 queries.