SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Evangelist
    Join Date
    Jan 2001
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS Table Border Color Question

    Where do I insert the css to get side and bottom borders in my table as in:

    http://www.therealestateagency.com

    Here is what I have so far:

    <table width="100%" class="tableborder" align="center" cellpadding="10" cellspacing="0" >

    as in this page:
    http://www.therealestateagency.com/mortgages.shtml
    Herman Drost
    http://www.isitebuild.com
    Affordable Web Site Design
    and Web Site Hosting

  2. #2
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    your CSS sheet ? H.. M.. over 20 times Verdana 10px etc, clean it up?

    i put in two classes .x .y
    I hope i this is it you mean:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <TITLE>The Real Estate Agency for Montgomery County, Maryland</TITLE>
    <meta name="description" content="Complete home buying guide for Montgomery County, 
    Maryland. View all homes listed for sale and see maps of all communities. 
    Relocation package especially for buyers.  Never a fee to buyers.">
    <meta name="keywords" content="real, estate, Montgomery, county, Maryland, 
    homes, real estate, agent, Potomac, Bethesda, Rockville, Gaithersburg, 
    Germantown, Damascus, Olney, Burtonsville, Silver Spring, Wheaton, Kensington, 
    Garrett Park, Kentlands, Poolsville, Burtonsville, Glen Echo, North Potomac, 
    Darnstown, Takoma Park, agency, real estate agent, exclusive buyer agent, EBA, 
    NAEBA, realtor, listings, sale, buy, real estate ">
    <link rel="stylesheet" href="agency.css" type="text/css">
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    	<style type="text/css">
    .x{border-style:solid; border-color:#789a9f;border-width:0 2px 0 0;}
    .y{border-style:solid; border-color:#789a9f;border-width:2px 0 0 0;}
    	</style>
    </head>
    
    <body>
    <div align="center"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr bgcolor="789A9F">
        <td height="6" colspan="2"></td>
      </tr>
      <tr> 
        <td width="10%" height="72" bgcolor="054950">&nbsp;</td>
        <td width="90%" height="72" valign="top" bgcolor="054950"> 
          <h1 align="center"><font color="#FFFFFF" face="Times New Roman, Times, serif" size="6"> 
            <em>REAL ESTATE IN MONTGOMERY <br>
            COUNTY, MARYLAND</em></font></h1>      
        </td>
      </tr>
      <tr bgcolor="789A9F">
        <td height="5" colspan="2"></td>
      </tr>
    </table>
    </div>
    
    <div align="center"><table width="100%" class="tableborder" align="center" cellpadding="10" cellspacing="0" >
            <tr> 
    		<td width="13%" height="0" valign="top" class="navbar x">
    		          <!--SIDEMENU -->
    		    <a href="index.html">MAIN PAGE</a><br>
    		     <a href="frameset.html">SEARCH LISTING</a><br>
    		     <a href="map.html">MAPS &amp; FACTS</a><br>
    		     <a href="mortgages.html">FINANCING</a><br>
    		     <a href="transportation.html">TRANSPORTATION</a><br>
                                     <a href="government.html">GOVERNMENT</a><br>
    		     <a href="shopping.html">SHOPPING</a><br>
    		     <a href="recreation.html">RECREATION</a><br>
    		     <a href="glossary.html">GLOSSARY</a><br>
    		     <a href="mailform.html">CONTACT US</a>
    			  <!--SIDEMENU -->
    			 </td>		 
              <td valign="top" class="text" width="87%"> 
                <p align="center" class="H2">                MORTGAGES IN MONTGOMERY COUNTY, MARYLAND</p>
                  <p>Homes in Montgomery County, Maryland are expensive compared to other, more rural areas of Maryland. Finding the best loan for your needs
                    at the best price is very important to our home buyers. Homefinders.com agents will help you consider different types of loan instruments to make
                  sure that you are able to finance your home on the best terms possible for you, our home buyer.</p>
                  <p>  * Seller is not required to pay 1/2 of buyers transfer and recordation taxes. It is customary in Montgomery County.</p>
                  <p>All financial information is estimated and may vary from buyer to buyer based on PMI, Internet rates, Insurance, lender fees and other actual costs.</p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                  <p>&nbsp;</p>
                   </td></tr>
            <tr>
              <td height="36" colspan="2" valign="top" class="navbar y">
    		  <!--BOTTOMMENU -->
    		   <div align="center" ><a href="index-2.html"> Main Page</a> : 
    		 <a href="frameset.html">Search Listings</a> : 
    		 <a href="map.html">Maps &amp; Facts</a> : 
    		 <a href="mortgages.html">Financing</a> : 
    		 <a href="transportation.html">Transportation</a> : 
    		 <a href="government.html">Government</a> :		 
    		 <a href="shopping.html">Shopping</a> : 
    		 <a href="recreation.html">Recreation</a> : 
    		 <a href="glossary.html">Glossary</a> : 
    		 <a href="mailform.html">Contact Us </a> </div>
    		   <!--BOTTOMMENU -->
    		  </td>
            </tr>
          </table>	  
           <p>
    	    <!--FOOTER -->
           <table width="59%" border="0" cellpadding="5" align="center" class="textsmall">
                    <tr> 
                      <td align="left" valign="top" class="textsmall" width="25%" height="172"> 
                        <p align="center"><a href="frameset.html"><img src="images/Search.gif" alt="Search Listings" width="150" height="122" border="0"></a><br>
                          <font face="Verdana, Arial, Helvetica, sans-serif" class="textvsmall">Search Listings in Montgomery <br>
                        County HERE</font></p>
                      </td>
                      <td align="left" valign="top" class="textsmall" width="30%" height="172"> 
                        <p align="left"><font face="Verdana, Arial, Helvetica, sans-serif">Homefinders.com <br>
                            <strong>Broker</strong>: Lenn Harley<br>
                            <a href="mailto:Info@TheRealEstateAgency.com">Info@TheRealEstateAgency.com</a><br>
                            <strong>Phone:</strong> 800-711-7988</font></p>
                      </td>
                      <td align="left" valign="top" class="textsmall" width="45%"><img src="images/FairHousing.gif" alt="equal housing" width="75" height="80">&nbsp; <img src="images/lennphotot.jpg" alt="Lenn Harley" width="79" height="95"><br>                    </td>
                    </tr>
      </table>
       <!--FOOTER -->
    </div>
    </body>
    </html>

  3. #3
    SitePoint Enthusiast Roundy's Avatar
    Join Date
    May 2005
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You can put it either in the "head" section of the page or in a external stylesheet.

    Example:

    <style type="text/css">
    <!--
    .tableborder {
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #333333;
    }
    -->
    </style>

  4. #4
    SitePoint Evangelist
    Join Date
    Jan 2001
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks Alot...I still get don't get the side and bottom borders..why?

    http://www.therealestateagency.com/mortgages.shtml
    Herman Drost
    http://www.isitebuild.com
    Affordable Web Site Design
    and Web Site Hosting

  5. #5
    SitePoint Enthusiast Roundy's Avatar
    Join Date
    May 2005
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just looked at it in firefox and IE and it seems to work fine. Try clearing your browser cache and see if that makes a differance.

  6. #6
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    did you try the two extra classes on table TD's?

    .x{border-style:solid; border-color:#789a9f;border-width:0 2px 0 0;}
    .y{border-style:solid; border-color:#789a9f;border-width:2px 0 0 0;}

  7. #7
    SitePoint Evangelist
    Join Date
    Jan 2001
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Roundy - I did that and it still did not work for me..limited borders.

    All4nerds - I tried that at first but was not sure how the classes should be inserted in the table code.
    Herman Drost
    http://www.isitebuild.com
    Affordable Web Site Design
    and Web Site Hosting

  8. #8
    SitePoint Enthusiast Roundy's Avatar
    Join Date
    May 2005
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I just used "thin" as a example, you can set it to any size border you like.

    Example:

    .tableborder {
    border-right-width: 3px;
    border-bottom-width: 5px;
    border-left-width: 3px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-color: #333333;
    border-bottom-color: #333333;
    border-left-color: #333333;
    }

    just change the amount of px width you need.

  9. #9
    Non-Member
    Join Date
    Jan 2005
    Location
    Netherlands
    Posts
    4,300
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello

    <td width="13%" height="0" valign="top" class="navbar x ">
    <!--SIDEMENU -->

    <td height="36" colspan="2" valign="top" class="navbar y ">
    <!--BOTTOMMENU -->

  10. #10
    SitePoint Evangelist
    Join Date
    Jan 2001
    Posts
    478
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks all4nerds - it now works

    Roundy - somehow all borders did not show.

    I appreciate taking the time to help out
    Herman Drost
    http://www.isitebuild.com
    Affordable Web Site Design
    and Web Site Hosting


Bookmarks

Posting Permissions

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