Nov 22, 2009

Background Image Picture On A Website - how do u make a pic a backround??

free web hosting
Open Discussion > MODERATED AREA > Computers > Programming Languages > HTML, XML etc..

Background Image Picture On A Website - how do u make a pic a backround??

bebas
?email me if u know!

Notice from BuffaloHELP:
Trap17 forum asks you to post contributes with substance.

Comment/Reply (w/o sign-up)

Plenoptic
All you have to do is this for HTML...
CODE
<body background="http://imageurl.com/image.jpg">

Or this for CSS...
CODE
<body style="background-image: url(http://imageurl.com/image.jpg);">

Comment/Reply (w/o sign-up)

Horranus
There are many ways to do this, and many different options. With CSS you can have one image in the center and keep it there (even if the user scrolls!) or have a multiple repeating image. Here is a page with all the different CSS methods: http://www.w3schools.com/css/css_background.asp

And if you don't feel like using css, you can just put a "background" attribute like so:
<body background="path/to/file.jpg">
However, in xHTML this is deprecated and will be seen as faulty code, so I recommend the CSS.

Comment/Reply (w/o sign-up)

Lozbo
w3schools.com Is a good resource site, you should try the css and xhtml tutorials there, and start coding the right way: with standards! biggrin.gif

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : background, image, picture, website, make, pic, backround

  1. Build A Website
    (18)
  2. Website Drop Shadow Effect Help
    (7)
    Well I am in a need of help, I want to add this cool drop shadow effect to a website I am building,
    but unfortunately for me I can't seem to get it right. I want to apply this drop shadow effect
    to this website The first person to effectively apply this drop shadow to this website
    will get a 50 credit prize All the files are provided, you have to download the OSWD file to get
    the images and style effect, there is no rush but if you can get it done right away I be much
    appreciated.....
  3. Website Problems Please Help
    Unwanted gap between the welcome bar and flash. (6)
    I just set up this website, none of the links are in working condition yet. This is mainly because
    im trying to get rid of this anoyying gab in between my flash object and my welcome bar (its the
    small dark grey/brownish gap). Does anyone know exactly how to fix this without messing anything
    else up vis changing the code or possibly even the size of the flash? Thanks. Here is the website:
    http://www.childrenofconan.trap17.com/ Moved to html section in anticipation of that being the
    correct Forum ....
  4. Making This Website Automatically Scale For Browsers
    (1)
    Hi I am trying to scale the code below so It can be used for a furniture business website
    successfully, heres the code: "http://www.w3.org/TR/html4/loose.dtd"> Home
    Lorem ipsum quaeque
    eripuit probatus id usu, nec ea dos epic uri verterem, quando tempr et mei. Eam equidem erroribus
    an, id nam illum perse- cuti read more 12/20/2007 Lorem ipsum
    quaeque eripuit probatus id usu, nec ea dos epicuri verterem, quando tempr ....
  5. Background Question
    :) (12)
    ok I'm using a made picture in photoshop for my background so I can align the text just into
    where i want it. now, I the image set up but it repeats itself, how would I set it so it
    doesn't? Heres the page, www.gaming-alliance.net/main.html thanks!....
  6. Ok Background Help Please
    html (4)
    OK so i've given up on the paint for background now how would i get it to look like this
    http://img.photobucket.com/albums/v614/Dj1.../background.jpg without using paint and without it
    coming out to look like this... http://img.photobucket.com/albums/v614/Dj169211/Damn.jpg like,
    with just html code, not trying to use paint and do the BS any ideas?....
  7. Help With Background Image
    please? :) (6)
    Ok heres the scoop, i got a background that i made in paint for my website its just like 3 lines for
    the nav bar, banner and other things ect. ect. now when i hosted it on a site and put in the This
    is what it looks like in paint http://img.photobucket.com/albums/v614/Dj1.../background.jpg and
    this is what it looks like when i put it into HTML
    http://img.photobucket.com/albums/v614/Dj169211/Damn.jpg i dont want it tiled like that so is
    there any way that i can change that? any ideas? :| Thanks in advance /smile.gif"
    style="vertical-align:middle" emoid=":)" borde....
  8. Help With Website Layout Correction For All Browsers
    Page gets larger on Firefox 2 (4)
    If you go to my site at http://boozkerstweaks.trap17.com and you look at the home page everything
    is fine on all browsers. Problems start to arise very soon however. Here is my list of problems and
    i was wondering if someone could help with just whats wrong. I have done a HTML validator and found
    only 3 errors and all these problems still occured. You might find more now though because i am
    screwing around with the code. Here is the list of browsers and errors: Netscape 8.1: After you
    click on the pulldown menu and click the only tweak avaible at the moment the pag....
  9. How To Make Cms For My Dynamic Website?
    A Content Management System (3)
    It is a pain trying to have to write new code everytime you want to change something on my website.
    I know there is an easier way to update content. I read about COntent Management systems which
    apparently use XML. When I would enter the administartion area there woudl be dynamic fileds in
    which I could edit the data and when I click submit it would change. The thing is that I know how
    to add these forms to a page but I dont know how to create an adminstration area. I use php and one
    of my friends said to use XML. I have a book but it is taking a long time to read.....
  10. Image Links
    (5)
    Ok...another question...may sound stupid, but we're all stupid...how'd I be able to create
    an image link. Uh...let me rephrase this: If I were to create an "Enter" image and wanted people to
    click the image to enter to a certain page, how would I do it without some sort of the famous "Blue
    Line" around it? Any help would be greatly appreciated... /unsure.gif"
    style="vertical-align:middle" emoid=":unsure:" border="0" alt="unsure.gif" />....
  11. Typing Over Image
    (7)
    Is it possible to have a linked font over an image (not being a background image)? If so, how do I
    accomplish that?....
  12. Need Help With Image Wrapping
    (13)
    ok my problem now is that i need it to auto width the image that needs to be use so then I can use
    tags for the content without the need for the image to expand from left to right. heres the css for
    the image wrap CODE span {     background-image: url(images/gfxtrap_42.gif);
        background-repeat: repeat-y;     background-position: top left, bottom right;     height: 200px;
        border: 0px; } heres the rest of the website code. CODE Untitled Document
        @import "topnav.css";     @import "leftnav.css";     -->          span {     b....
  13. Image Roll Over Drop Down Menu Help
    (2)
    Ok I been searching for days now on a half way descent tutorial on how to do a Image Roll Over Drop
    Down Menu in CSS without the use of javascript, I been seeing alot of the suckerfish set up but of
    course no one goes in to detail on how to set up the image rollover version of it. Plus I don't
    want the dhtml or the javascript setup just good ole pure css. Also I need ot be able to control
    multiple menus in one script as well. CODE   
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Untitled Document ul, li { margin:0;
    padding:0; list-style-type:....
  14. Getting An Image To Scroll On With Content
    (13)
    ok, well i had had people review Hogwartsmagic.net and they said that i should get it to not be one
    huge image as a layout..and i have figured most of it out and it has proven sucessful! but now i am
    having diffuclty, i am pretty much only a basicl HTML kinda person... and i was wondering if anyone
    knows an html code that will allow one image to scroll the entire length of a pages content? for
    example, if i were to add 200 links to the right navigation..the image would go with the content.. i
    am testing it out here HERE any help would be much appreciated....
  15. Website Deployment Problems
    (3)
    Hello, I have developed a website that is specific to IE. The website looks great on my local
    machine. I then move it to my production environment. For some reason, the website now looks
    different when I view it from the production server. The strange thing is... I am using the same
    browser. I always believed that HTML was downloaded to the client and then it was up to the browser
    to render it. Considering I am viewing the webpage using the same browser from my machine... I
    should have received the same thing. Which lead me to believe that I didn't upload it prop....
  16. Ie5 Mac Does Not See My Site
    It shows the body bg image only... (11)
    Remember that site layout I was hacking down for IE? Which by the way I didnt really like, but it
    was the customer's design... and yes, he is not a graphic designer hehe... Anyway I was really
    surprised that I got to the solution and fixed it... but as I'm testing between browsers, I come
    to see that Internet Explorer in Mac does not show nothing of my page, yet the source code is there,
    if you click command + e in order to see the html source code, its all there! But all I can see from
    the page itself is the body background-image... I tried removing the docty....
  17. Usemap And Table Background Image Changing
    (5)
    I have a menu page that consists of links to other pages. The page has a background image of a
    globe. The globe is divided into seperate sections for each menu item. As a user hovers over each
    section I change the background image(The same globe with that section highlighted.) That is what I
    have so far except that they have to hover over a small anchor tag that I put in not the whole
    section. I want to change it so that they can actually hover over all of the section they are
    selecting. I found usemap online but haven't found any examples where it will actually ch....
  18. How Do I Mirror A Website?
    (6)
    After the last batch of hurricanes we lost 5 days of traffic due to power outages in S. Florida.
    What I really want to do is redirect a visitor to a copy of the website if the original site takes
    more than a set amount of time. If heavy traffic causes the original site to take more than 10
    seconds to load I want the visitor automatically redirected to a copy on a different server. Can
    this be done somehow? I'm thinking the requests might have to go through a first server that
    times the two other servers and decides which is the best route. Any ideas? Thanks, ....
  19. Image Doesn't Load
    (6)
    Hi, Never hapened to me since HTML was invented. I've got a webpage ( h.shtml - I've also
    tryed .htm, .html ) with the following code: Code: CODE Horoscope    
                                                                 
              pic_01.gif is in the same directory. But the browser doesn't
    show it - it stays in "download mode", as if it was fetching the image from another server instead
    of my local computer... If I use another image, everything's allright. I....
  20. Fixed Background Image
    Just little reminder (12)
    Easy teahnic, post the following codes between and QUOTE body{background-image: url(
    under.gif ); background-repeat:no-repeat; background-attachment : fixed; background-position:
    10% 20% ;} --> For red colour, change it to your image's location. For green colour, it
    is used to set horizontal and vertical position of background image. I hope it can help you.
    /tongue.gif' border='0' style='vertical-align:middle' alt='tongue.gif' /> ....
  21. Making A Refresh Link On Your Website.
    refresh local webpage (18)
    /smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /> post it on ur website
    CODE refresh It can refresh local webpage. U can add it at ur forum so that each topic u
    are reading can be refresh easily. If ur website return to homepage after pressing I.E. refresh
    button, then u must need this coding. /cool.gif' border='0' style='vertical-align:middle'
    alt='cool.gif' /> Beacus visitors only want to refresh local webpage but not go back to homepage.
    /ohmy.gif' border='0' style='vertical-align:middle' alt='ohmy.gif' /> * same co....
  22. Html Templates
    HTML Templates for website (4)
    Where do i get free HTML Templates to use in look and feel of website? Any link will be
    helpfull....I know there are some free templates available but it is hard to find even by
    gooooogling it. Please, share if you have any. Thank You.....
  23. Image.index.html
    (10)
    hello there well i designed this image that includes text a logo i shall say i am aware that i need
    to title it index.html when i upload the file i visit my website and it shows the file folder. now i
    only want that image i designed on there so when clients visit my site it only goes to that page the
    rest of my site isent done yet. i want it to be just like the sites you visit and it states
    underconstruction. programs ive tried: indesign, image ready, incopy cs2, dreamweaver. and i
    still dont understand please help meeh thanks oh and what classify's images html,....
  24. Website Copy Protection
    (15)
    Hey people, thanks for the help in advance. I notice that my competition refuses to put the time
    into their websites that I do and have been stealing my pages. Copying my web text is one thing, but
    I notice often times my entire page is stolen, from what looks like a 'Save Page As' deal.
    What can I do to protect myself from this web theft, or at least to make it harder. I dont use any
    java, I use straight CSS on all my pages. Thanks. kvarnerexpress....
  25. Background Resize
    (6)
    Does anyone have the javascript for a background to resize? I want my background to resize to
    1024x768 if the visitor has resolution 1024x768, to 800x600 if the resolution is 800x600 etc.
    Greets, ExplosioN /smile.gif' border='0' style='vertical-align:middle' alt='smile.gif' /> ....
  26. Ftp Website
    (0)
    hi guys, i am creating an FTP site which will have alot of folders on it each with subfolders and
    so on. the folders will be created every day on a machine and then sent to the site. i wanted to
    know if i can use a custom made DOS program created using the C language to upload the files and
    create the folders on the site or do i have to upload the folders invidually. i am a complete
    novice on FTP sites but have created a client for FTP transfers already, a pointer to a library of
    functions or general help would be gratefully appreciated. i am using VC++ 6 and windo....
  27. Substitute Form Button For An Image
    homemade images in forms buttons (3)
    Hi, I have the next formular : CODE                                                  
                                                  I want to substitue the add button for an
    image CODE that i created but i want still to have the same funcitonlity when someone
    clicks. How can i do this? Thanks in advanced!....
  28. Background Fit Any Resolution
    hmmm (9)
    Is it possible to do with html. I have found a few solutions but they dont seem to work. I know it
    is possible in java. But anyone have the code for html? Would really appreciate it.....
  29. Background Not Big Enough
    (4)
    Hi: Ok, first off....moderaters, please move this topic to the appropriate category. I really
    couldn't find a spot to put this in...so I just picked one. Here is the page I have a question
    about: http://histology-world.com/articles/article9.htm The problem? Scroll down and you can
    see. My background image is not long enough. I have gone into my photo editor and readjusted it,
    just made the canvas size larger. But then I am starting to get concerned about file size. I want
    the lights at the top. When the background image repeats itself, the lights are ins....
  30. Tips on creating a good website!
    (22)
    1) Navigation: Keep it simple (KISS), and make sure it's consistent from page to page. No matter
    where you place your menu bar -- either at the top or down the side -- always include a small text
    menu at the bottom of every page. If you're one of those people easily impressed with Flash,
    don't design your navigation with it. There are still some people who don't have or want the
    plug-in, so they won't be able to navigate your site. Besides, search engine spiders can't
    read it, so won't be able to spider the individual pages of your site if the....

    1. Looking for background, image, picture, website, make, pic, backround

Searching Video's for background, image, picture, website, make, pic, backround
See Also,
advertisement


Background Image Picture On A Website - how do u make a pic a backround??

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com