I need some help with HTML.

Rediation

Member
Joined
Mar 19, 2011
Posts
120
Reacts
0
Reputation
0
Credits
0
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.
 
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.
 
Sure, that would sound awesome, I have one more question too, really appreciate your help.
Could you possibly add me on MSN?
 
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.

Code: 
<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.
 
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
Code: 
<link rel="stylesheet" href="style.css" type="text/css"/>

In the header and create "style.css"

Add
Code: 
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.
 
Thanks a lot everyone, I really appreciate all the help.
I'll try to do this after I'm finished eating .
 
Rediation said:
Thanks a lot everyone, I really appreciate all the help.
I'll try to do this after I'm finished eating .
Click to expand...

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
 
You must log in or register to reply here.
Menu
Log in
Register
Cookies are required to use this site. You must accept them to continue using the site. Learn more…