Jump to content


css borders


3 replies to this topic

#1 coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 20 June 2005 - 02:23 PM

was up all. well, what i need to do is create a content area (i've already done) then the content area bg is grey (which ive already done). Then i need a white 1px stroke around that grey area, and then a blue 1px stroke around the white one.
they dont really have to be strokes, but some way to acheive that look with spacing or margins or what not. can anyone help?

Edited by coolaid, 20 June 2005 - 02:24 PM.


#2 TwiceBorn

    Young Padawan

  • Members
  • Pip
  • 12 posts

Posted 26 June 2005 - 08:26 AM

Depending on where you want the content box and how big you want it, you can try htmldog for css help. Very straight forward.

#3 Jaymz

    Retired P2L Staff

  • Members
  • PipPipPipPip
  • 4,104 posts

Posted 26 June 2005 - 09:34 AM

<div style="background-color: blue; padding: 1px;">
<div style="border: 1px solid white; background-color: grey;">Content</div>
</div>

There you are, obviously you can replace the colors with HTML values :D

#4 coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 26 June 2005 - 03:53 PM

yea, i did what jaymz said, nested div's. i couldnt believe it was that simple when i found out.. heh. thank though. a little late, but thanks.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users