Image alignment - Post ID 166466

User 2261661 Photo


Registered User
13 posts

Hi everyone, I wonder could one of you tell me how I can remove the gap between my web pages (which are images as opposed to divs/tables etc) and the top of the window. There isn't a <br /> code to remove and I have tried alignment techniques in the css wizard....anyone got any ideas?

Thanks!

Catherine
User 187934 Photo


Senior Advisor
20,271 posts

Can you share a link so were all seeing the same problem instead of envisioning something different?:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

Catherine, did you put some 'reset tules' into your CSS? Every browser has a set of margins/paddings that may cause your gap, and the resetting is supposed to remove them.

Here is a link to one of the popular reset CSS files: http://meyerweb.com/eric/tools/css/reset/
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2261661 Photo


Registered User
13 posts

Hi there, I uploaded the following to the FTP - can you access it? Sorry I'm not used to all of this quite yet!

C:\Users\Catherine\Desktop\Web Design 2011\Cut Site\Site\Index_website\Try Out Diff Sizes File Temp\index.html

hope you can help!


User 187934 Photo


Senior Advisor
20,271 posts

Catherine, You link should be to your domain.:)
example
http://coffeecup.com
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2261661 Photo


Registered User
13 posts

Hi Eric,

Sorry I should've known something as basic as that! I am currently trying to upload all my files to the server I am using - it's taking an age I must say.....when I have uploaded all my files I will send you the link. Thanks again - and thanks Inger for the CSS info - I have tried to reset but haven't been successful yet.

User 2261661 Photo


Registered User
13 posts

Hi there, with regard to the above issue, my site address is: http://www.cut.vacau.com


I am trying to make the main image flush with the top and bottom browser window.

Cheers.

Catherine
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

That web address, Catherine, takes me to http://www.000webhost.com/admin-review which clearly is a temporary thing while your site is being approved. I'll look back later to see if your site has been released.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2261661 Photo


Registered User
13 posts

jeeeeez I can't get this right at all!!! Ok thanks for checking anyway..........
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

Hi Catherine,

I see your site now. It wasn't your fault that the site was not available yesterday, it seems to be the policy of your host to check that the contents don't break any of their rules before they actually let it display on the web.

So, which gap was it that you wanted to have removed? I see no gap around the background image (Ffx 6.0.2). Do you want to have the images at the top smack on the top of the view port? In that case, try these changes to your body css:
body {
color:#000000;
background-color:#FFFFFF;
background-image:url('Background2.jpg');
margin: 0;
padding: 0;
background-repeat:repeat;
}
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.