1
Prophs
Tileing images in your header using CSS
  • 2004/3/3 9:59

  • Prophs

  • Just popping in

  • Posts: 7

  • Since: 2003/10/16


Sup all,

My site: http://www.prophscorner.com

I know some html, I can read it and manipulate it but usually I just edit templates and other themes. So unfortunelty I cannot just code a site out by hand in notepad :(

Anyhoo

My site has a new logo that I designed and as you can see the header is two shades of blue. I know that the header background is tiled up top and its pulled from the css.

Can I go in the css and tell it to tile an image.

If so can someone point me in the write direction or simply post the code. :)

Thanks in Advanced

Proph

2
ackbarr
Re: Tileing images in your header using CSS

how about both:

The code
/* background-repeat settings:
repeat     - repeats an image both horizontally and vertically
repeat-x   - repeat an image vertically
repeat-y   - repeat an image horizontally
no-repeat  - do not repeat the image
*/

(element selector) {background-image: url("yourimage.jpg"); background-repeat: repeat-y;}

Links:
W3School's CSS Background information
W3School's CSS Selector information

3
regen_r8
Re: Tileing images in your header using CSS
  • 2004/3/3 14:12

  • regen_r8

  • Not too shy to talk

  • Posts: 101

  • Since: 2002/5/23


In CSS you can make a background image repeat along either the x or the y axis.

selector {
background : url(image.jpg) repeat-x top;
}

this instruction directs the listed image (image.jpg) to be used as a background for the selector (tag, class, id, whatever...) abd repeat along the x axis anchored at the top.

Hope that this is helpful.

If you want to learn more about CSS, and styles, check out this site at the W3C - http://www.w3.org/Style/CSS/learning there are a "boatload" of resources there to help. I also keep a copy of the CSS guide from http://htmlhelp.com/ locally as a "CHM" so that I can refer to it as needed.

4
Prophs
Re: Tileing images in your header using CSS
  • 2004/3/3 20:18

  • Prophs

  • Just popping in

  • Posts: 7

  • Since: 2003/10/16


I see what you guys say however Im still confused where to put that code inside the default css.

Proph