View Full Version : First website help.

11-24-2011, 10:01 PM
Ive done everything at the moment correct, but everytime I add a image for the background, it repeats. Is there anyway to stretch it? (Attached the .html file)

I use Notepad ++ for HTML Coding, is there any free but better program?
==Off Topic==

I also need help with java.
I dont know a thing about it.

11-24-2011, 10:41 PM
To make website first you will decide that in which you want to make your website. There are many software to make websites like php,.net,java. Design is very important part for the attract people in the website.

11-24-2011, 10:49 PM
You should check out sublime text 2.

try no-repeat in the CSS after the image url. I believe you can stretch it by setting width and height. not recommended tho.

11-24-2011, 11:05 PM
Welcome to the forums Abraxas3123!

For future reference, feel free to just post your code directly into your question! .zip files are more for large websites
However, be sure to wrap your code in "code" tags:

Code here (seen below, nice grey background)

For your code right now, start by adding a doctype

Doctypes will help your website become more browser compatible.
Here's how you place a doctype into your html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<title> Home </title>
<br> <h1> This is my first website! </h1>
<br> <h2> I hope you like it! </h2> </center>
<br> I am just starting, so if you dont like it, please tell me!
My name is Abraxas. I am starting coding in html. I hope to become a good coder, after I get good at html coding I will then move onto Java coding, so if someone can give me a video for it, please do.
<center><img src="skyrim.jpg" border=1px"></center>
<h3>As you can tell by the above picture, I am a fan of Skyrim! I am going to get it for Christmas on PS3! Add me if you want, my name is Flasheave.
If you want, You can recommend some games to me. Thanks, Abraxas!
<a href="http://www.youtube.com/user/Abarax100"> Youtube </a></h3>

Addressing your original problem, try:

<body style="background-image: url('url here'); background-repeat: no-repeat;">

Unfortunately, to make it stretch, you would be changing the dimensions of the image, as well as changing the image quality drastically in some lesser browsers! You could try to change the image-size in photoshop or another high-end program, then apply it to your website!

Best of luck!

11-25-2011, 08:53 AM
Hi Abraxas3123,

First off if you haven't already i'd strongly recommend checking out http://www.w3schools.com/. It really helped me when I was learning HTML / CSS. It also has some good Javascript tutorials. Scroll down to the bottom of the page and in the footer you'll see a list of examples.

R.E. your original question you cannot change the size of the background image in the <body>. What you can do is within CSS create a div tag that will fill the size of the screen and set the background image to that once it's declared in the HTML code. i.e.

<div class='fullScreenSize'><img src='example.png' width='100%' height='100%' /></div>

As already stated though you would need a very large image else it will pixilate / distort which will really impact the loading time of your page.

Hope this has been of some help to you. Good Luck!

05-01-2012, 04:46 AM
it could work quite well as long as you have a pretty big image, so it doesn't pixelate too much.