Jump to content


Stretching 100% sides


6 replies to this topic

#1 Bishop

    Young Padawan

  • Members
  • Pip
  • 5 posts
  • Gender:Male
  • Location:Canada/QC/MTL

Posted 14 July 2008 - 08:15 AM

Hello, I didn't find anything related with this, so I'm asking someone for help...

I can't seem to stretch up the sides of the template, I mean I've tried 100% / repeat-x and some more stuff, but it simply doesn't stretch up...
If anyone could guide me to the right code, I'd appreciate it a lot!
I'm using HTML only & I'm pretty new enough in this so any help is appreciated!
You will see the image below the sides doesn't stretch up, but I want it to be 100% width on screen...
Cheers,
-Baron

Attached Files


Edited by Bishop, 21 July 2008 - 09:05 AM.


#2 NGPixel

    Senior Programmer

  • P2L Staff
  • PipPipPipPip
  • 1,410 posts
  • Gender:Male
  • Location:Montreal, Canada
  • Interests:Web Design : Coding : Animation

Posted 14 July 2008 - 01:09 PM

Your CSS body should have the background def. Looks like it's in a div or something right now.

body {
   background-image:url(yourbgimage.jpg);
   background-repeat:repeat-x;
}


#3 Bishop

    Young Padawan

  • Members
  • Pip
  • 5 posts
  • Gender:Male
  • Location:Canada/QC/MTL

Posted 14 July 2008 - 02:43 PM

Merci, but I don't want the same image to be in the background...
Background has a color, and the template has 2 sides, from each side a 2px image that I want to stretch on each side 100%...
I guess I will have to re-code everything and start learning to use css... at which I suck more then a lot...
Regards,
-Bishop

#4 dEcade

    P2L Staff

  • P2L Staff
  • PipPipPipPip
  • 1,850 posts
  • Gender:Male
  • Location:Saskatoon, Saskatchewan
  • Interests:Guitar, Programming, Storm Chasing, Games (Designing and playing), Hockey, Photography

Posted 14 July 2008 - 05:15 PM

You can still have a background color it would just look something like this:

body
{
	background: #COLOR url('IMGURL') repeat-x;
}

Have a look at some of these tutorials and through the different categories.
http://www.pixel2lif...ss_stylesheets/
They should help you with CSS

#5 Bishop

    Young Padawan

  • Members
  • Pip
  • 5 posts
  • Gender:Male
  • Location:Canada/QC/MTL

Posted 14 July 2008 - 08:23 PM

Thanks I'll sure take a look...
Cheers,
-Baron

#6 NGPixel

    Senior Programmer

  • P2L Staff
  • PipPipPipPip
  • 1,410 posts
  • Gender:Male
  • Location:Montreal, Canada
  • Interests:Web Design : Coding : Animation

Posted 15 July 2008 - 08:11 PM

You can't stretch an image to fill both sides (unless you use javascript). Normally, you have a 1px wide image that is repeated in the background using CSS.

Un autre de Montréal! hehe

#7 Bishop

    Young Padawan

  • Members
  • Pip
  • 5 posts
  • Gender:Male
  • Location:Canada/QC/MTL

Posted 21 July 2008 - 09:04 AM

Never mind, I've found out what I wanted :( thx anyways.

-Filled.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users