Skip navigation
Andrew Barrington
Andrew Barrington
Currently Being Moderated

Outline border around several tables?????

Aug 16, 2011 3:12 AM

Any of you willing experts out there able to help me,

 

i am creating a website...

 

http://www.andybarrington.com/ice/index.html,     (this site is still under going construction)

 

using tables & css, and the customer has asked me if i was able to put a border around 'everything', my problems is ths at 'everything' is made up of about 2-3 tables.

 

How would i be able to put a border that goes around the 3 tables but obnly on the outer edges?

 

all the best

Andy Barrington

 

www.andybarrington.com

365 Views   3 Replies   Latest reply: osgood_, Aug 16, 2011 5:04 AM
 
Replies
  • MurraySummers
    Currently Being Moderated
    1. MurraySummers,
    Aug 16, 2011 4:40 AM   in reply to Andrew Barrington
    Report

    Why have you used table layout for this page?

     

    Why is there so much blank space below the content?

     

    Anyhow, the CSS method to put a border around a table would be -

     

    table { border:1px solid black; border-collapse:collapse}

     

    That will hit every table on the page, though, so you'll probably want to qualify it with a class:

     

    table.border { border:1px solid black; border-collapse:collapse }

     

    and then put the class in the table tag -

     

    <table class="border"...

     
    |
    Mark as:
  • Andrew Barrington
    Currently Being Moderated
    2. Andrew Barrington,
    Aug 16, 2011 4:53 AM   in reply to MurraySummers
    Report

    i am only just at the tip of the iceberg of using CSS for websites, so i am currently using a mix of tables and CSS until i learn how to do it fully CSS.

     

    So any advice will be totally beneficial to me.

     

    can you please elaborate a bit more specifically how i do what you have asked as being a beginner im a little confused of exactly where to do things and how.

     

    Thanks so much for your time

     
    |
    Mark as:
  • osgood_
    Currently Being Moderated
    3. osgood_,
    Aug 16, 2011 5:04 AM   in reply to Andrew Barrington
    Report 
    Put a border on your <div> which is wrapping all the tables. Inline css shown below - 
    style="border: 1px solid #00000;" - Change #000000 to the color you need.

    <div align="center" style="border: 1px solid #00000;">

      <table width="800" height="85" cellpadding="0" cellspacing="0" bgcolor="5" 1="0">


    or give the <div> an id: 

    <div align="center" id="wrapper">

    and in your css:

    #wrapper {
    border: 1px solid #000000;
    }
     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points