+ Reply to Thread
Results 1 to 9 of 9

Thread: HTML Table shapes

  1. #1
    Account Disabled Optigamer is on a distinguished road
    Join Date
    Jun 2004
    Location
    Newnan Georgia
    Posts
    107

    HTML Table shapes

    Is there any way to change the shape or border of a table?? The one shape I have on the 7 tables on my page are really boring.

  2. #2
    Full Member cdingman is on a distinguished road
    Join Date
    Jun 2004
    Location
    South Amboy NJ
    Posts
    96
    You can't change the shape but you can use CSS to change the border style.

    < TABLE STYLE="border-style:dotted;" >
    < TABLE STYLE="border-style:ridge" >
    < TABLE STYLE="border=style:inset">
    etc.


    Chris Dingman
    Webmaster
    <A HREF="http://www.cabarettheatre.org" target="_blank">Cabaret Theatre</A><BR>
    <A HREF="http://www.twinlightdesigns.com" target="_blank">Twinlight Designs</A>

  3. #3
    Active Member the illest is on a distinguished road
    Join Date
    Jun 2004
    Posts
    152
    Yeah, you can't change the shape.

    You could also just put the CSS in a CSS file or <style> tags and use classes and whatnot.

  4. #4
    Active Member WorldBuilder is on a distinguished road
    Join Date
    Jan 2004
    Location
    Boston, MA
    Posts
    366

    Re: HTML Table shapes

    Originally posted by Optigamer
    Is there any way to change the shape or border of a table??
    Yeah, but it's very limited. Tables can be a square or a rectangle shape, vertical or horizontal. They can't be circles or anything like that, though...

    To add to cdingman's solution with CSS table borders, possible values are:

    dashed
    dotted
    double
    groove hidden
    inset
    none
    outset
    ridge
    solid
    inherit

    You can also set border width and color.

    Chris
    My Site | My Blog
    "The world is a dangerous place, not because of those who do evil, but because of those who look on and do nothing."
    "Insanity is doing the same thing over and over again, expecting different results"
    --Albert Einstein

  5. #5
    Account Disabled Optigamer is on a distinguished road
    Join Date
    Jun 2004
    Location
    Newnan Georgia
    Posts
    107
    Nice. Thanks alot. I'm not too familliar with chicken salad sandwich. . . I mean CSS . (that's what we call them at Chick-fil-A where I work). Anyways, I'm not too familliar with CSS, but with those options I think I'm gonna learn it. Thanks again.

  6. #6
    Active Member WorldBuilder is on a distinguished road
    Join Date
    Jan 2004
    Location
    Boston, MA
    Posts
    366
    Well, you can do things like this in your CSS, placed in a class or an ID:
    Code:
    border-style: inset;
    border-width: medium;
    or
    Code:
    border-style: ridge;
    border-width: 3px;
    Then, you simply place directives to those in your div's, span's or whatever, and your good to go.

    That's more specific and should get you going.

    Chris
    My Site | My Blog
    "The world is a dangerous place, not because of those who do evil, but because of those who look on and do nothing."
    "Insanity is doing the same thing over and over again, expecting different results"
    --Albert Einstein

  7. #7
    Active Member the illest is on a distinguished road
    Join Date
    Jun 2004
    Posts
    152
    Here's a great place to go to get you started on CSS too. http://www.w3schools.com/css/

    Or you could also check out www.davesite.com if you want some real simple, newbie style CSS.

  8. #8
    Full Member colorspots is on a distinguished road
    Join Date
    Jul 2004
    Location
    Utah
    Posts
    8
    Another method for changing the border is to use graphics to change the appearance of the border. It doesn't change the outside rectangle feature of a table but it will look like it has a different edge.

  9. #9
    Full Member tylercruz is on a distinguished road
    Join Date
    Dec 2004
    Posts
    44
    I may be crazy (some say I am), but I could swear I've read in some places that some browsers DO let you use markup to create rounded corners (I believe Netscape-only) for tables, and that more browsers will be supporting such enhancements soon..

    Unfortunately, I cannot remember where I've read this..

+ Reply to Thread

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

     

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts