Need help with cell padding and background color

Discussion in 'HTML & Website Design' started by shangri-leigh, Jun 21, 2006.

  1. #1
    I'd like to change the following html to reflect a border of the teal color around the text, which is currently white. I'd like to change the area that is currently teal to white. Can one of you all be of assistance?:rolleyes:
    Here is the code...
    
    <html>
    
    
    
    
    <!-- Open table tags for template begin here -->
    
    <div align=center><table cellpadding=2 cellspacing=2 border=0><tr><td align=center>
    
    
    <div align=center>
    <table width="750" cellpadding=40 cellspacing=0 border=2 bordercolor=#000000 background=black>
    <tr><td width="100%">
    <p><div align=center>
    <table width="100%" cellpadding=20 cellspacing=0 border=1  bordercolor=#000000 bgcolor="#99CCCC">
    <tr><td>
    
    
    <p align=center style="font-family: feena casual; font-size: 60px; font-weight: 700;color:#000000">
    taos
    </p>
    
    
    <p align=center><img src="http://.jpg" width=600 height=482 border=3></p>
    
    <!-- Optional click to enlarge pics go here -->
    
    <div align=center><table cellpadding=2 cellspacing=2 border=0><tr><td align=center>
    <!-- Add the URL for the enlarged image here -->
    <a href="http://www./canned_temps/pic2lg.jpg">
    
    </a>
    </td></tr></table></div>
    
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the beads:
    </p>
    
    
    
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    Assorted hues of chocolate, turquoise, plum and dark ruby form the shapes that decorate this earth inspired set.
    <br>
    Alternating flattened and rectangular hand-formed beads compliment the free form designs that decorate them.
    <br>
    Taos is kind of like that: lots of room for irregularity amongst the order.
    <br>
    I liken these beads to water-worn remnants of a primitive turquoise dig conducted by an ancient Taos Indian tribe.
    <br>
    Perhaps left behind for a modern civilization to unearth from the stream beds of the Sangre de Cristo Mountains.
    <br>
    With their rounded corners and worn edges they'd be perfect for skipping. But who would skip these?
    <br>
    <br>
    A matched set of  "choku" spacers contrasts the irregularity of the shapes with precision. At first glance,
    <br>
    they look to be solid in color, but closer inspection reveals a mottled deep brown animal pattern.
    <br>
    <br>
    Made of  both Italian and German soda-lime glass, my beads are immediatly kiln annealed for lasting wear and durability.
    A must for the dicriminating designer/ collector.
    
    </p>
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the measurements:
    </p>
    
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    The designer bead holes are 1/16" and measure 19mm x 13mm x 6mm.
    <br>
    The rectangular beads measure 14mm x 10mm, and also have 1/16" holes.
    <br>
    The spacer bead holes are 3/32" and measure 11mm x 8mm.
    <br>
    The total set is 23 beads and measures 5 1/4" of  beads + 3 1/4" of spacers.
    </p>
    
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the artist:
    </p>
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    My lampwork is new to Ebay, although not new to many customers. As a professional fine artist, I have enjoyed 
    <br>
    much success in many mediums, and lampworking is among my favorites.
    <br>
    <br> I invite you to visit my<a href="http:///ViewUserPage&userid="> 
     page,</a> where you can learn all about S!
    </p>
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the shipping:
    </p>
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    $3.00 USPS Proirity Mail 2-3 day delivery, $5.00 Airmail to Canada, $7.00 Airmail International.
    <br>
    Please consider adding insurance to your order, as I can not assume the liability.
    <br>
    Insurance is .50 cents per $50.00, and is in addition to the base shipping cost.
    <br>
    Your beads will be carefully wrapped and packaged to assure safe arrival to their new home.
    
    <!-- Thank  you -->
    
    <p align=center style="font-family:verdana;font-size:10px;font-weight:500;color:#666666"> 2006 All Rights Reserved</p>
    
    </td></tr></table></div>
    </td></tr></table></div>
    
    </html>
    [code}
    
    Thanks! Shan
    Code (markup):

     
    shangri-leigh, Jun 21, 2006 IP
  2. sachin410

    sachin410 Illustrious Member

    Messages:
    6,422
    Likes Received:
    573
    Best Answers:
    0
    Trophy Points:
    410
    #2
    Does this help?

    
    
    <html>
    
    <!-- Open table tags for template begin here --><body bgcolor="#99cccc">
    
    <div align=center><table cellpadding=2 cellspacing=2 border=0><tr><td align=center>
    
    
    <div align=center>
    <table width="750" cellpadding=40 cellspacing=0 border=2 bordercolor=#000000 background=black>
    <tr><td width="100%">
    <p><div align=center>
    <table width="100%" cellpadding=20 cellspacing=0 border=1 bordercolor=#000000 bgcolor="#ffffff">
    <tr><td>
    
    
    <p align=center style="font-family: feena casual; font-size: 60px; font-weight: 700;color:#000000">
    taos
    </p>
    
    
    <p align=center><img src="http://.jpg" width=600 height=482 border=3></p>
    
    <!-- Optional click to enlarge pics go here -->
    
    <div align=center><table cellpadding=2 cellspacing=2 border=0><tr><td align=center>
    <!-- Add the URL for the enlarged image here -->
    <a href="http://www./canned_temps/pic2lg.jpg">
    
    </a>
    </td></tr></table></div>
    
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the beads:
    </p>
    
    
    
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    Assorted hues of chocolate, turquoise, plum and dark ruby form the shapes that decorate this earth inspired set.
    <br>
    Alternating flattened and rectangular hand-formed beads compliment the free form designs that decorate them.
    <br>
    Taos is kind of like that: lots of room for irregularity amongst the order.
    <br>
    I liken these beads to water-worn remnants of a primitive turquoise dig conducted by an ancient Taos Indian tribe.
    <br>
    Perhaps left behind for a modern civilization to unearth from the stream beds of the Sangre de Cristo Mountains.
    <br>
    With their rounded corners and worn edges they'd be perfect for skipping. But who would skip these?
    <br>
    <br>
    A matched set of "choku" spacers contrasts the irregularity of the shapes with precision. At first glance,
    <br>
    they look to be solid in color, but closer inspection reveals a mottled deep brown animal pattern.
    <br>
    <br>
    Made of both Italian and German soda-lime glass, my beads are immediatly kiln annealed for lasting wear and durability.
    A must for the dicriminating designer/ collector.
    
    </p>
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the measurements:
    </p>
    
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    The designer bead holes are 1/16" and measure 19mm x 13mm x 6mm.
    <br>
    The rectangular beads measure 14mm x 10mm, and also have 1/16" holes.
    <br>
    The spacer bead holes are 3/32" and measure 11mm x 8mm.
    <br>
    The total set is 23 beads and measures 5 1/4" of beads + 3 1/4" of spacers.
    </p>
    
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the artist:
    </p>
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    My lampwork is new to Ebay, although not new to many customers. As a professional fine artist, I have enjoyed
    <br>
    much success in many mediums, and lampworking is among my favorites.
    <br>
    <br> I invite you to visit my<a href="http:///ViewUserPage&userid=">
    page,</a> where you can learn all about S!
    </p>
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the shipping:
    </p>
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    $3.00 USPS Proirity Mail 2-3 day delivery, $5.00 Airmail to Canada, $7.00 Airmail International.
    <br>
    Please consider adding insurance to your order, as I can not assume the liability.
    <br>
    Insurance is .50 cents per $50.00, and is in addition to the base shipping cost.
    <br>
    Your beads will be carefully wrapped and packaged to assure safe arrival to their new home.
    
    <!-- Thank you -->
    
    <p align=center style="font-family:verdana;font-size:10px;font-weight:500;color:#666666"> 2006 All Rights Reserved</p>
    
    </td></tr></table></div>
    </td></tr></table></div>
    
    </html>
    
    
    Code (markup):
     
    sachin410, Jun 21, 2006 IP
  3. shangri-leigh

    shangri-leigh Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yes, Sachin, that is working! It's just about perfect. Now if I could get the very outside to be white, it will be perfect. Thanks Sachin, you are a very nice person to help me. I very much appreciate it.
    Shan
     
    shangri-leigh, Jun 21, 2006 IP
  4. sachin410

    sachin410 Illustrious Member

    Messages:
    6,422
    Likes Received:
    573
    Best Answers:
    0
    Trophy Points:
    410
    #4
    I changed the border width and colour (It's at the beginning. )

    <div align=center>
    <table width="750" cellpadding=40 cellspacing=0 border=10 bordercolor=#ffffff background=black>
    Code (markup):
    Is this what you want?

    I looks a bit different in IE and FF - I am not sure of the reason.
     
    sachin410, Jun 21, 2006 IP
  5. shangri-leigh

    shangri-leigh Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Hi Sachin,
    That didn't work for me. It kept the middle teal.
    I'll describe what I'm after.
    From left to right...
    1/2" of space of white, followed by a 2 pt. border in black, followed by 3/4" of teal, then another black border, followed by 1/2" of white which is next to the picture that has a black border.
    Does this make sense? I do not want the title graphic area to be teal, that should be white, as it is part of the very first 1/2" of white.
    Shan
     
    shangri-leigh, Jun 22, 2006 IP
  6. sachin410

    sachin410 Illustrious Member

    Messages:
    6,422
    Likes Received:
    573
    Best Answers:
    0
    Trophy Points:
    410
    #6
    Ok.

    Take a look at this -

    <html>
    
    <!-- Open table tags for template begin here --><body bgcolor="#99cccc">
    
    
    <div align=center>
    <table width="800" cellpadding=0 cellspacing=0 border=25 bordercolor=#ffffff background=black>
    <tr><td width="100%">
    
    <div align=center><table cellpadding=0 cellspacing=0 border=0><tr><td align=center>
    <div align=center>
    <table width="100%" cellpadding=40 cellspacing=0 border=5 bordercolor=#000000 background=black>
    <tr><td width="100%">
    <p><div align=center>
    <table width="100%" cellpadding=20 cellspacing=0 border=5 bordercolor=#000000 bgcolor="#ffffff">
    <tr><td>
    
    
    <p align=center style="font-family: feena casual; font-size: 60px; font-weight: 700;color:#000000">
    taos
    
    </p>
    
    
    <p align=center><img src="http://.jpg" width=600 height=482 border=3></p>
    
    <!-- Optional click to enlarge pics go here -->
    
    <div align=center><table cellpadding=2 cellspacing=2 border=0><tr><td align=center>
    <!-- Add the URL for the enlarged image here -->
    <a href="http://www./canned_temps/pic2lg.jpg">
    
    </a>
    </td></tr></table></div>
    
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the beads:
    
    </p>
    
    
    
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    Assorted hues of chocolate, turquoise, plum and dark ruby form the shapes that decorate this earth inspired set.
    <br>
    Alternating flattened and rectangular hand-formed beads compliment the free form designs that decorate them.
    <br>
    Taos is kind of like that: lots of room for irregularity amongst the order.
    <br>
    I liken these beads to water-worn remnants of a primitive turquoise dig conducted by an ancient Taos Indian tribe.
    <br>
    Perhaps left behind for a modern civilization to unearth from the stream beds of the Sangre de Cristo Mountains.
    <br>
    With their rounded corners and worn edges they'd be perfect for skipping. But who would skip these?
    <br>
    
    <br>
    A matched set of "choku" spacers contrasts the irregularity of the shapes with precision. At first glance,
    <br>
    they look to be solid in color, but closer inspection reveals a mottled deep brown animal pattern.
    <br>
    <br>
    Made of both Italian and German soda-lime glass, my beads are immediatly kiln annealed for lasting wear and durability.
    A must for the dicriminating designer/ collector.
    
    </p>
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the measurements:
    </p>
    
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    The designer bead holes are 1/16" and measure 19mm x 13mm x 6mm.
    <br>
    The rectangular beads measure 14mm x 10mm, and also have 1/16" holes.
    
    <br>
    The spacer bead holes are 3/32" and measure 11mm x 8mm.
    <br>
    The total set is 23 beads and measures 5 1/4" of beads + 3 1/4" of spacers.
    </p>
    
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the artist:
    </p>
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    My lampwork is new to Ebay, although not new to many customers. As a professional fine artist, I have enjoyed
    <br>
    much success in many mediums, and lampworking is among my favorites.
    <br>
    <br> I invite you to visit my<a href="http:///ViewUserPage&userid=">
    
    page,</a> where you can learn all about S!
    </p>
    
    <p align=left style= "font-family: feena casual; font-size: 25px; font-weight: 700;color:#000000">
    the shipping:
    </p>
    <p align=left style="font-family: arial; font-size: 12px; font-weight: 400;color:#000000">
    $3.00 USPS Proirity Mail 2-3 day delivery, $5.00 Airmail to Canada, $7.00 Airmail International.
    <br>
    Please consider adding insurance to your order, as I can not assume the liability.
    <br>
    Insurance is .50 cents per $50.00, and is in addition to the base shipping cost.
    <br>
    Your beads will be carefully wrapped and packaged to assure safe arrival to their new home.
    
    <!-- Thank you -->
    
    <p align=center style="font-family:verdana;font-size:10px;font-weight:500;color:#666666"> 2006 All Rights Reserved</p>
    
    </td></tr></table></div>
    </td></tr></table></div>
    
    </html>
    Code (markup):
    I have placed it over here temporarily. Use IE to open it.

    http://www.knowfirstaid.com/trial.html
     
    sachin410, Jun 22, 2006 IP
  7. shangri-leigh

    shangri-leigh Peon

    Messages:
    18
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Aw shucks, It didn't work for me. I am viewing the code at this location


    http://www.deadzoom.com/practice/html.php

    If you open the original html from the first post at this address, you'll be able to see that the teal backbround in the center interferes with the text. I'd like to change that background white, and move the teal color to the frame that surrounds the text.
    That should be much clearer!
    Thanks, Sachin!
    Shan
     
    shangri-leigh, Jun 22, 2006 IP