1
talunceford
Border around content.....

I have an issue with the border around the blocks. How would one go about customizing this attribute properly? The border that I am talking about is the one that houses the legend title. I would like to add some sort of image aroudn it, but Im not sure of how everyone else does it. Any suggestions on doing this?

2
ajaxbr
Re: Border around content.....
  • 2004/12/1 13:12

  • ajaxbr

  • Quite a regular

  • Posts: 276

  • Since: 2003/10/25


Hi talunceford,
It's not possible to have borders, in the CSS sense, with images. Do you mean a background image/bullet for block titles?

If what you want is to have an image actually going around the title (table cell, div), you'll need to use a trick to create pseudo-borders (table cells, outer divs, etc.).

3
talunceford
Re: Border around content.....

Im not sure if that is what I am after or not. There is a post in the forums titled Tech Themes I believe. Check out the template for the site mention in that post. The border that I am referring to is the images around the content, and the left and right blocks. They don't use single thin lines. I think what you are referring to is what I am wanting. I have an idea as to how to get it to that point, but I am wanting to see what everyone elses thoughts are to make sure that I am on the right track.

Is there any where I can read about the pseudo-borders you are referring to?

4
ajaxbr
Re: Border around content.....
  • 2004/12/1 13:48

  • ajaxbr

  • Quite a regular

  • Posts: 276

  • Since: 2003/10/25


Usually people will create pseudo-borders with tables, like in this case (probably what you want). You can also have them by nesting tables or divs. I guess it's possible to create non-nested image borders using divs, but I've never seen them.

5
ajaxbr
Re: Border around content.....
  • 2004/12/1 14:36

  • ajaxbr

  • Quite a regular

  • Posts: 276

  • Since: 2003/10/25


After some research: yes, you can use CSS and divs to achieve that

http://www.alistapart.com/articles/customcorners/
http://www.alistapart.com/articles/customcorners2/
http://www.vertexwerks.com/tests/sidebox/
http://interface-7.net/20040218/
http://www.cubedonline.com/newdesign/index.html
http://www.markschenk.com/cssexp/roundedbox/arrows.html
http://www.redmelon.net/tstme/4corners/

Much more elegant than tables, much more likely to trigger rendering bugs too

Login

Who's Online

244 user(s) are online (164 user(s) are browsing Support Forums)


Members: 0


Guests: 244


more...

Donat-O-Meter

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

Latest GitHub Commits