Got my first web-design job, And I'm in a little over my head (help!)

If you think you can spend 10-15 minutes with me I just have a few small questions that have come up in building the site of my first assignment.

My aim is - BYGSteam

Please contact me soon!

 

you could always just ask your questions in here, you would probably get a quicker response time

 

Yeah, I don't have AIM, but I would be glad to help you.

 

Well my problem is my images overlap eachother when i scale the IE page down. I've spent hours and hours and can't figure why they overlap eachother. Is there a code to lock the contents on the page?

 

can you post a link to your page?

as well, try setting position:absolute on the images.

im not a CSS pro so this may not work.

 

well im building the site offline, which is the issue. Makes it hard to show you i guess.... I am supposed to convert all links and place on a server apon completion.

I have the css sheet all set to absolute.

Here is the screen shot, the page position is all screwed up if viewed on smaller window.
http://img387.imageshack.us/img387/2893/69195977xf9.jpg

 

<div style="clear:both"></div>

Put this before the Executive Ad Board.

 

Just read this, and how wrong it is.

I feel bad for your client because it seems like you don't really know what you are doing ...

After looking at your page again, you should really have two sidebars, one that floats right, and one that floats left. It is a little involved to do on here, and I would never write the whole thing for you without getting paid.

 

my web teacher got me the job, Im in over my head. I haven't been doing it much at all. But i've been reading the shit outa my books. Trying is all i can do..... I told her i wasn't ready but she said she would help me as I went.....but she doesn't....

But i have both the ad place spots set like this

#rightbox{
	position:absolute;
{

#leftbox{
    position:absolute;
{

HTML:

 

That keeps them from overlaying but I think i need to make a template in dreamweaver or something to get the page to look right.

 

i think this is a bit rude, the OP as said hes over his head and is asking for help.

what i would do is create a 3 column css style and do it that way. if your not sure how to do this search on google. theres plenty of help out there.

 

I wouldn't use absolute positioning.

You should use floats on your divs which you can assign "left" or "right" to, and then use the clear:both option on a div after the floats, as all this does is clear the floats.

Also, I'd set widths on your divs as some browsers won't float them without a set width.

 

Looks like i have some googling to do, thanks guys for pointing me in the right direction.

 

Okay......

Here is my style sheet, set up in 3 columns. The images are still overlapping when the page is scrolled to a smaller size?

#leftcontent {
position: absolute;
left:10px;
top:50px;
width:200px;
background:#fff;
border:none;
	}


#centercontent {
position:static;
background:#fff;
margin-left: 199px;
margin-right:199px;
border:0px solid #000;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 500px;
margin-right:500px;
	}
html>body #centercontent {
margin-left: 201px;
margin-right:201px;
	}

#rightcontent {
position: absolute;
right:10px;
top:50px;
width:200px;
background:#fff;
border:none;
	}

HTML:

 

First off, is your teacher teaching you HTML 4.01 coding, because he should be teaching you either XHTML 1.0 Strict or XHTML 1.1.

Second are you getting paid for this?

Third, I will try to work up a quick stylesheet for you this afternoon.

 

Thanks a lot dude, and idk what my teacher is teaching? lol. xhtml and how to recall css sheets is about as far as we have gotten.

 

What exactly do you want your page to look like, for example what is wrong in the screenshot:
http://img387.imageshack.us/img387/2893/69195977xf9.jpg

Do you want:
Whatever Coupons header spanning 100% width, with blue links underneath.
Then underneath 3 columns, left & right columns being ads and middle content being the content.
And then a footer spanning 100% width containing your copyright notice etc..
Executive billboard ad where?
?
If not then what is it?
Don't use the word position anywhere really you don't need to.

 

I am able to make the website look correctly, but when i re-scale the web browser it causes the images to move with the web page and overlap eachother, rather than to stay in the same position.

But do all CSS column Websites overlap eachother when scaled down??

 

The only time things re-scale is if you have set something to a % inside your CSS change this to a fixed width if you don't want it to rescale with the browser window.

 

They overlap because of the "position:absolute"