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: 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-imageurl("yourimage.jpg"); background-repeatrepeat-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

Login

Who's Online

261 user(s) are online (170 user(s) are browsing Support Forums)


Members: 0


Guests: 261


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits