Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: Need help with HTML code for header alignment  (Read 4666 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
« previous next »
 

Page created in 0.024 seconds with 15 queries.