Programming Forums > Web Development and Design > HTML / XHTML / CSS

sabian · Jun 19th, 2006, 8:23 AM

Im in the process of designing a site that has way to much white space, because of this the sections seem to merge together so i want to create a bit of seperation.

My idea is to implement something like the Search Products section on http://www.templatemonster.com where there is a solid border round some text, however it is broken at the top where the text appears...

The same idea is repeated further down for Template Monster Blog and Newsletter...

Im a tables person, can this be done in tables or am i going to have to start using layers? is some CSS the answer to this problem?

DaWei · Jun 19th, 2006, 9:03 AM

I recommend that you learn to use CSS. That doesn't mean throw out tables; use them for tabular material. Did you perhaps view the source associated with your link in an attempt to see how they did it? I didn't, but it's a technique I use quite often. In that particular instance I suspect that the "text at the top" and the border are both images, but there are a number of ways to achieve the look, so I could easily be wrong.

Tedd · Jun 19th, 2006, 10:46 PM

DaWei is right. Using tables for designing everything can be pretty, but it's more trouble than it's worth. It's also increasingly looked down upon by W3 standards.

Agreeably, you should learn CSS and make use of the DIV tag.

sabian · Jun 20th, 2006, 3:01 AM

I think ive worked it out, a combination of divs and the LEGEND tag...

Jun 19th, 2006, 8:23 AM	#1
sabian Newbie Join Date: Apr 2006 Posts: 13 Rep Power: 0	Creating a table border with a break in it? how? Im in the process of designing a site that has way to much white space, because of this the sections seem to merge together so i want to create a bit of seperation. My idea is to implement something like the Search Products section on http://www.templatemonster.com where there is a solid border round some text, however it is broken at the top where the text appears... The same idea is repeated further down for Template Monster Blog and Newsletter... Im a tables person, can this be done in tables or am i going to have to start using layers? is some CSS the answer to this problem? __________________ Cheap UK Website Hosting \| Free Webmaster Directory

Jun 19th, 2006, 9:03 AM	#2
DaWei Resident Grouch Join Date: Jun 2005 Posts: 6,453 Rep Power: 10	I recommend that you learn to use CSS. That doesn't mean throw out tables; use them for tabular material. Did you perhaps view the source associated with your link in an attempt to see how they did it? I didn't, but it's a technique I use quite often. In that particular instance I suspect that the "text at the top" and the border are both images, but there are a number of ways to achieve the look, so I could easily be wrong. __________________ Abstraction doesn't make it impossible to write bad code; it makes it possible to write superior code. Contributor's Corner: Grumpy on C++ Exceptions DaWei on Pointers

Jun 19th, 2006, 10:46 PM	#3
Tedd Newbie Join Date: Jun 2006 Location: New York. Posts: 11 Rep Power: 0	DaWei is right. Using tables for designing everything can be pretty, but it's more trouble than it's worth. It's also increasingly looked down upon by W3 standards. Agreeably, you should learn CSS and make use of the DIV tag. __________________ The Blog The Webcomic

Jun 20th, 2006, 3:01 AM	#4
sabian Newbie Join Date: Apr 2006 Posts: 13 Rep Power: 0	I think ive worked it out, a combination of divs and the LEGEND tag... __________________ Cheap UK Website Hosting \| Free Webmaster Directory

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Programming Forums > Web Development and Design > HTML / XHTML / CSS

Creating a table border with a break in it? how?