Welcome Guest ( Log In | Register)



 
Reply to this topicStart new topic
> Background Not Big Enough
sunkist
post Apr 23 2005, 02:17 PM
Post #1


Super Member
*********

Group: Members
Posts: 275
Joined: 10-April 05
Member No.: 5,458



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


This post has been edited by whyme: Apr 24 2005, 04:02 AM
Go to the top of the page
 
+Quote Post
FuChelle
post Apr 25 2005, 12:27 PM
Post #2


Advanced Member
*******

Group: Members
Posts: 140
Joined: 16-April 05
Member No.: 5,745



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...
Go to the top of the page
 
+Quote Post
sunkist
post Apr 26 2005, 05:08 AM
Post #3


Super Member
*********

Group: Members
Posts: 275
Joined: 10-April 05
Member No.: 5,458



Hi:

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

Sunkist
Go to the top of the page
 
+Quote Post
nickmealey
post May 6 2005, 02:23 PM
Post #4


Premium Member
********

Group: Members
Posts: 156
Joined: 14-March 05
From: Washington, USA
Member No.: 4,520



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
Go to the top of the page
 
+Quote Post
Tyssen
post May 9 2005, 07:01 AM
Post #5



***********

Group: Members
Posts: 1,161
Joined: 9-May 05
From: Brisbane, QLD
Member No.: 6,818



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.
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic

Collapse

> Similar Topics

Topics Topics
  1. Fixed Background Image(10)
  2. Usemap And Table Background Image Changing(5)
  3. Background Image Picture On A Website(3)
  4. Help With Background Image(6)
  5. Ok Background Help Please(4)
  6. Background Question(12)


 



- Lo-Fi Version Time is now: 12th October 2008 - 11:10 AM