Jul 25, 2008

Background Not Big Enough

Free Web Hosting, No Ads > CONTRIBUTE > Computers > Programming Languages > HTML, XML etc..

free web hosting

Background Not Big Enough

sunkist
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 inserted in the middle of the page. I do not want this. I only want the stars in the middle of the page. Any suggestions as to how to fix this?

Thanks!


Notice from whyme:
moved to the HTML category

 

 

 


Reply

FuChelle
Not sure if this would work or not, but I noticed the lights seem to stop around the same place as your navigation links.

Maybe you could put in a big table with just one cell that stops after the navigation links. Make the background image for the table just the lights and then make the background image for the whole page just the stars.

Again not sure if this would work...I haven't really done much with background images like that before but just thought I'd make a suggestion...

Reply

sunkist
Hi:

Thanks for your suggestion. I will play around with it, and see if I can get it to work with tables.

Sunkist

Reply

nickmealey
this is for sure what I would do. in your css or body tag, place the following:

CODE


style="background-repeat: no-repeat; background-image: URL('bk.jpg'); background-color: black;"




now, what this is going to do: is display the background once, then display black. you won't see your pretty strars any more, but atleast it won't repeat smile.gif

Reply

Tyssen
CODE

style="background-repeat: no-repeat; background-image: URL('bk.jpg'); background-color: black;"


A neater way to do this (shorthand CSS) would be:

CODE
<STYLE type=text/css>
<!--
body {
font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
font-size: 9pt;
background: #000 url(bk.jpg) top left no-repeat; }
-->
</STYLE>


You could apply it to the body tag as I've done, or you could create a class or ID tag and apply it to the main table.

Reply



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*

(Maximum characters: 10,000)
You have characters left.
Confirm Code:

Similar Topics

Keywords : background, big

  1. Background Question
    :) (12)
  2. 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?....
  3. 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....
  4. Background Image Picture On A Website
    how do u make a pic a backround?? (3)
    ?email me if u know! Trap17 forum asks you to post contributes with substance. ....
  5. 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....
  6. Fixed Background Image
    Just little reminder (10)
    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' /> ....
  7. Background Resize
    (4)
    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' /> ....
  8. Background Fit Any Resolution
    hmmm (6)
    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.....

    1. Looking for background, big

Searching Video's for background, big
advertisement



Background Not Big Enough



 

 

 

 

ADD REPLY / Got an Opinion! Remove these ADs! RAPID SEARCH! Free Web Hosting [X]
Express your Opinions, Thoughts or Contribute more info. to help others.
Ask your Doubts & Queries to get answers, So that "Together We can help others!"
Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.
500MB Space *No Ads*, CPanel, FTP, PHP, MySQL, EMails - 100% FREE