Announcement

Collapse
No announcement yet.

How to design this table border effect?

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • ubbuser
    replied
    Thanks interestingly there is a simple CSS solution to this also.

    Leave a comment:


  • scoutt
    replied
    that is the way I reccomend and the way I do it.

    Leave a comment:


  • Gamefreak
    replied
    I usually don't use the "bordercolor" attribute becuase it doesn't always work. You can also do it this way:

    Code:
    <table width="200" height="300" cellspacing="[b]X[/b]" cellpadding="0" border="0" bgcolor="[b]Y[/b]">
    <tr><td>[b]Z[/b]</td></tr>
    </table>
    Here is how it works:
    • X = width (in pixels) or border
    • Y = color of border
    • Z = Data to be displayed in border


    This is how I add all my borders.

    Leave a comment:


  • scoutt
    replied
    yeah something to that effect.

    Leave a comment:


  • Seph
    replied
    Oh, I see what you want, maybe try something like this:

    PHP Code:

    <table width="500" cellpadding="0" cellspacing="0" border="1" align="center">
    <
    tr>
    <
    td bordercolor="blue">

    <
    table width="498" cellpadding="0" cellspacing="0" border="1">
    <
    tr>
    <
    td bordercolor="navy">

    THIS CELL SHOULD BE SURROUNDED BY A NAVY BORDER WHICH IS THEN BORDERED AGAIN BY A BLUE BORDER.

    </
    td>
    </
    tr>
    </
    table>

    </
    td>
    </
    tr>
    </
    table
    IT IS NOT DONE WITH IMAGES, BUT IT IS A WAY TO PULL IT OFF WITH PLAIN XHTML 1.0.

    Leave a comment:


  • scoutt
    replied
    uhh I don't see any images that make up the blue borders.

    sure it is an image but that image is a 1x1 transparent image.

    the color is in the table cell. also nested tables is the key.

    Leave a comment:


  • Seph
    replied
    Expert HTML programmers? That is one of the most simplest things you can possibly learn, its an image:

    <img src="image.jpg">
    Last edited by Seph; Wed 20 Mar '02, 8:05am.

    Leave a comment:


  • ubbuser
    started a topic How to design this table border effect?

    How to design this table border effect?

    Hi HTML experts can you please tell me how to design the light blue colored edges like on this page:

    http://zdnet.com.com/2001-1105-0.html

    Notice the light blue 1 pixel or 2 pixel wide edges around the entire dark blue table of this site.

    Can anyone please tell me how to design such a table? Thanks in advance!

Related Topics

Collapse

  • br4sco
    table borders
    by br4sco
    When i use tables in any of the pages or side bar's it has a border around them. sorry if this has already been addressed. just need to find a fix for this one soon. any help would be nice
    Mon 13 May '13, 6:46am
Working...
X