Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    First website help.

    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.
    Attached Files Attached Files

  • #2
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    First website help.

    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.

  • #3
    New to the CF scene
    Join Date
    Nov 2011
    Location
    Sweden
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #4
    Registered User
    Join Date
    Jun 2011
    Posts
    1,063
    Thanks
    12
    Thanked 241 Times in 240 Posts
    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] Code here [/code] (seen below, nice grey background)


    For your code right now, start by adding a doctype
    http://www.w3schools.com/TAGS/tag_doctype.asp

    Doctypes will help your website become more browser compatible.
    Here's how you place a doctype into your html:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    	<head>
    		<title> Home </title>
    	</head>
    	<body>
    		<center>
    			<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!
    		<br>
    		<a href="http://www.youtube.com/user/Abarax100"> Youtube </a></h3>
    	</body>
    </html>
    Addressing your original problem, try:

    Code:
    <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!
    Sammy12
    Last edited by Sammy12; 11-24-2011 at 11:20 PM.

  • #5
    New to the CF scene
    Join Date
    Nov 2011
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

    Code:
    <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!

  • #6
    New to the CF scene
    Join Date
    May 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    it could work quite well as long as you have a pretty big image, so it doesn't pixelate too much.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •