I need some help with HTML.

[Rediation]

I just created my first website, I made three images with Photoshop.
One for a download link, one for a video link, and a background.

I made these images by using my desktops size (1600x900), but I noticed on smaller screens the images get all messed up and you need scrolling.

See for yourself.
mynecraft.cz.cc

I was wondering if it was possible to get all of the images on my website to be right, so they are just in one place and good for every kind of size...

Could anyone help me out?

Here's how someone with a small monitor sees my site.

Spoiler

 

[rampage2gene]

I can help you, I have Dream Weaver so it's much easier. Would you be interested in coding it over?

---

Also we can design it and make it look more professional.

 

[Rediation]

Sure, that would sound awesome, I have one more question too, really appreciate your help.
Could you possibly add me on MSN?

 

[rampage2gene]

Yes my email is [email protected].

 

[Rediation]

Added you, you don't appear in my list though.

Could you try adding me?
[email protected]

 

[Anxiety]

HTML fixed background code is generated by applying the CSS background-attachment property against an HTML element. When the box scrolls, the background image stays fixed in the same position.

<div style="background-image:url(/pix/smile.gif);
		background-repeat:repeat;
		background-attachment:fixed;
		overflow:scroll;
		width:200px;
		height:100px;">
</div>

I hope that's what you mean. I didn't read your thread properly, I just presumed this was the issue.

 

[rampage2gene]

Dude I could make it in simple HTML and make the picture's.

 

[LMCampbell]

I can't see your issue.
The background fits perfectly on my screen.

Crayo is correct. But do you want it to not scroll and fit within the window?

Edit: You've got your CSS within it or you could make a whole new CSS erm, page?

Basically add

<link rel="stylesheet" href="style.css" type="text/css"/>

In the header and create "style.css"

Add

body {
    background-image: url(Background.png);
    background-repeat:repeat;
    background-attachment:fixed;
    overflow:scroll;
    width:200px;
    height:100px;
}
#apDiv1 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 505px;
    top: 670px;
}
#apDiv2 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 102px;
    top: 375px;
}
#apDiv3 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 19px;
    top: 614px;
}
#apDiv4 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 254px;
    top: 607px;
}
#apDiv5 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 101px;
    top: 120px;
}
#apDiv6 {    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
}
#apDiv7 {    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
}

Crayos code has been added to the CSS.

 

[Anxiety]

What LM said. Basically stole my 2nd post

 

[LMCampbell]

What LM said. Basically stole my 2nd post

What would I be if I didn't spoil you fun and help members

 

[Rediation]

Thanks a lot everyone, I really appreciate all the help.
I'll try to do this after I'm finished eating .

 

[LMCampbell]

Thanks a lot everyone, I really appreciate all the help.
I'll try to do this after I'm finished eating .

Eating is definitely more important.
I'm glad you've got your priorities right.
I can code and not eat for ages. It's not good for you

 

[Flow'n]

Let me know when you htink you got it and I can give it a shot.