37 users online (1 members and 36 guests)  


  Results 1 to 7 of 7

Related

  1. setting table background    Forum: Myspace Forum
    Replies: 2
  2. Table background image    Forum: HTML Forum
    Replies: 3
  3. table cell background    Forum: CSS Forum
    Replies: 3
  4. Replies: 2
  5. Table/cell background image in CSS    Forum: CSS Forum
    Replies: 7
  1. #1
    allstarr
    allstarr's Avatar
    Guest

    Post How do you...

    ...make the background of a table a certain size. Instead of just the real size of the picture. And how do you make a background, in anything, stretched out? instead of the same picture repeated? I mean like the picture of a background just one single picture. Do you know?

  2. #2
    HTML's Avatar
    Administrator

    Status
    Offline
    Join Date
    Aug 2000
    Posts
    3,445

    Follow HTML On Twitter Add HTML on Facebook Add HTML on Google+ Add HTML on Linkedin Visit HTML's Youtube Channel

    Post

    You will need togo into your graphics editor and edit the image.

  3. #3
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662

    Post

    If you want to set a non-tiled picture as your background, you can use the following rule in your <head>

    <style type="text/css">body { background-image: url(image.gif); background-repeat; no-repeat }</style>

    Experiment with the url bit. I have never used this myself.Not a big fan of background images.

    ------------------
    QuietDean-

  4. #4
    allstarr
    allstarr's Avatar
    Guest

    Post

    whats the "text/css"? I'll try to experiment with it. I can't get it to work. How about putting it in copy-and-paste situation, like what you would put. Except I'll change the location of the image.

  5. #5
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662

    Post

    Sorry.My Fault.It should be in your <head>.

    Heres an example from my website that DOES work!

    <style type="text/css">
    <!--
    body { background: white url(qdglow.png) no-repeat fixed center }
    -->
    </style>

    Put it in your head.Painful, I know.This works if the image is in the same folder/directory (See your Show It Off! entry).

    Brief explanation: text/css means that these are style rules written in text.

    'white' in the rule is your background colour.

    'fixed' means it wont scroll.

    'center' change that to wherever you want it.

    'no-repeat' means it wont tile.

    Cascading Style Sheets (css) seemed very difficult to me when I started, but to be honest they are actually easier, more reliable, less hassle, more powerful and funkier than 'font' tags etc. Changing fonts and text size with <font> tags etc has been dropped in favour of Style-Sheets.

    Godamn I write a lot once I start!


    ------------------
    QuietDean-

  6. #6
    allstarr
    allstarr's Avatar
    Guest

    Cool

    Bingo. Now is there any possible way to make the picture bigger or smaller as needed? By any html standards? If not, thanks for your help anyway !

  7. #7
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662

    Post

    No easy way!

    Best thing is to resize it. Even MSpaint has a resize option.

    Sorry!

    ------------------
    QuietDean-



Tags for this Thread