Link to home
Start Free TrialLog in
Avatar of kensy11
kensy11Flag for Belgium

asked on

How to get the image on the right place?

Hello,

how can i get my header and menu on the right place , please look at the image ,  and i have also upload the files


Thank you.
html.zip
remove.gif
Avatar of COBOLdinosaur
COBOLdinosaur
Flag of Canada image

The position is correct based on what I can see because the underlying width includes the width of the borders and shadows.

Try adding left and right padding to the top image container.

Then if you still need help, post a link to the page; I'm not going to dig through a 520k zip file.



Cd&
Avatar of Alex
Maybe you have to increase the master div that includes all the content or to decrease the menu and image width.
 I don't  see something so hard to modify it. Just modify elements' width.
...and of course image's width or any other graphic that you want to restrict.


Look, in a  StylesheetStructuur.css you have this style for #TemplateHeader although the image bg_header.gif has dimensions 1024x105 pixels:

#TemplateHeader
{
      height: 85px;
      padding: 20px 40px 0px 40px;
      background-image: url(images/bg_header.gif);
      line-height: 85px;
      font-size:14px;
      font-weight:bold;
      margin:0;

Then you SHRINK this image with padding: 20px 40px 0px 40px; .
That means that your right and left padding is 40+40=80 pixels !!!
So, the image will be resized to 944x105 pixels !

And your samenco.gif file that has 1024x768 pixels has width=1024 and is not shrinked to width of 944 pixels:

#TemplateMenu
{
      text-align:center;
      background-color: #45AAFF;

}

Here you have the width 1024 pixels !!!
But in all those CSS styles you have a shrinked images. Lok at #Template-inhoud:

#Template-inhoud {
      width:1024px;
      background-image: url(images/bg_inhoud.gif);
      background-repeat: no-repeat;
      padding: 20px 40px 0px 40px;
      margin: 0 0 0 0;
      height: 280px;
}

Here you have also 40+40=80 pixels padding and shrinking.
The image bg_inhoud.gif has dimension 1024x280 pixels, but the padding is 40 right and 40 left and the image is shrinked to 944x280 pixels.

You have to correct this and everithing will be OK.


Nrisimha

ASKER CERTIFIED SOLUTION
Avatar of Nrisimha
Nrisimha
Flag of Croatia image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial

Regards kensy11,

I would like to know did you try my solutions for your problem and does it works for you?

regards

Nrisimha