Strip at bottom of HTML table

This is a discussion on Strip at bottom of HTML table within the A Brief History of Cprogramming.com forums, part of the Community Boards category; I'm designing my website by hand (typing the code from scratch), and I've encountered a little problem. I wanted rounded ...

  1. #1
    Super Moderator
    Join Date
    Sep 2001
    Posts
    4,913

    Strip at bottom of HTML table

    I'm designing my website by hand (typing the code from scratch), and I've encountered a little problem. I wanted rounded corners on page, so I got little corners of circles, put them in place, and that's all working ok. The problem is, below the bottom two corners, there is a thin strip about 5 pixels going along the bottom of the entire table. It defeats the whole purpose of having smooth corners, and I'd like to get rid of it. Is there anyway to get rid of this? I've made sure that the valign attribute is bottom, and that the height is 20, like the corners.

    Code:
    <HTML>
    <HEAD>
    <TITLE>
    Mackrory Web Design - Home
    </TITLE>
    <BASE HREF="C:\DOCUMENTS AND SETTINGS\MACKRORY WEB DESIGN\MY DOCUMENTS\MACKRORY WEB DESIGN\WWW\">
    </HEAD>
    <BODY BGCOLOR="#000000" TEXT="#999999" LINK="#999999" ALINK="#CCCCCC" VLINK="#999999">
    <TABLE ALIGN="CENTER" BORDER="0" HEIGHT="100%" WIDTH="100%" CELLPADDING="0" CELLSPACING="0">
    <TR VALIGN="TOP" BGCOLOR="#333333">
    <TD>
    <IMG SRC="GIF-BIN\TL.GIF">
    </TD>
    <TD HEIGHT="40">
    <FONT FACE="Times New Roman" SIZE="7">
    Mackrory Web Design
    </FONT>
    </TD>
    <TD>
    <IMG SRC="GIF-BIN\TR.GIF">
    </TD>
    </TR>
    <TR BGCOLOR="#666666">
    <TD ALIGN="LEFT" NOWRAP> 
    <!-- I plan to add a menu here-->
    </TD>
    <TD ALIGN="LEFT" VALIGN="TOP">
    <FONT FACE="Times New Roman">
    <!-- A lot of text you don't need to see right now -->
    </FONT>
    </TD>
    <TD>
    </TD>
    </TR>
    <TR VALIGN="BOTTOM" BGCOLOR="#333333">
    <TD ALIGN="LEFT">
    <IMG SRC="GIF-BIN\BL.GIF">
    </TD>
    <TD ALIGN="CENTER" HEIGHT="20">
    &#169; 2003, Sean Mackrory
    </TD>
    <TD>
    <IMG SRC="GIF-BIN\BR.GIF">
    </TD>
    </TABLE>
    </BODY>
    </HTML>
    The gifs are the corners (20x20 pixels). The third TD on the second row is just so that every row had equal columns.
    Last edited by sean; 05-16-2003 at 03:01 PM.

  2. #2
    Microsoft. Who? MethodMan's Avatar
    Join Date
    Mar 2002
    Posts
    1,198
    Id fiddle around with it to try and fix it, so can you upload the corners to a site, or here?

    //Ive fooled around with it, and havent figured out anything yet, but you are missing a </tr> for that third row.
    Last edited by MethodMan; 05-16-2003 at 04:49 PM.
    -MethodMan-

    Your Move:Life is a game, Play it; Life is a challenge, Meet it; Life is an opportunity, capture it.

    Homepage: http://www.freewebs.com/andy_moog/home.html

  3. #3
    UNBANNED OneStiffRod's Avatar
    Join Date
    Jan 2002
    Posts
    669
    I can't really see what your talking about??

    maybe your talking about the black border around the whole table??
    Code:
    <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" bgcolor="#FFFFFF">
    Adding the bold elements to your BODY tag will solve that...

  4. #4
    UNBANNED OneStiffRod's Avatar
    Join Date
    Jan 2002
    Posts
    669
    Try this -- you need to change the BASE and PICS...
    ---------------------------
    <HTML>
    <HEAD>
    <TITLE>
    Mackrory Web Design - Home
    </TITLE>
    <BASE HREF="C:\Documents and Settings\Administrator\My Documents\My Pictures">
    </HEAD>
    <BODY BGCOLOR="#000000" TEXT="#999999" LINK="#999999" ALINK="#CCCCCC" VLINK="#999999">
    <TABLE ALIGN="CENTER" BORDER="0" HEIGHT="100%" WIDTH="100%" CELLPADDING="0" CELLSPACING="0">
    <TR VALIGN="TOP" BGCOLOR="#333333">
    <TD>
    <IMG SRC="GIF-BIN\TL.GIF">
    </TD>
    <TD HEIGHT="40">
    <FONT FACE="Times New Roman" SIZE="7">
    Mackrory Web Design
    </FONT>
    </TD>
    <TD>
    <IMG SRC="GIF-BIN\TR.GIF">
    </TD>
    </TR>
    <TR BGCOLOR="#666666">
    <TD ALIGN="LEFT" NOWRAP>
    <!-- I plan to add a menu here-->
    </TD>
    <TD ALIGN="LEFT" VALIGN="TOP">
    <FONT FACE="Times New Roman">
    <!-- A lot of text you don't need to see right now -->
    </FONT>
    </TD>
    <TD>

    </TD>
    </TR>
    <TR VALIGN="BOTTOM" BGCOLOR="#333333">
    <TD height="20" VALIGN="BOTTOM" ALIGN="LEFT">
    <IMG height="28" SRC="My Pictures/cornerober copy.gif">
    </TD>
    <TD height="20" ALIGN="CENTER">
    2003, Sean Mackrory
    </TD>
    <TD VALIGN="BOTTOM" HEIGHT="20">
    <IMG height="28" SRC="My Pictures/cornerober copy.gif">
    </TD>
    </tr>
    </TABLE>
    </BODY>
    </HTML>

    ------------------------------
    My Avatar says: "Stay in School"

    Rocco is the Boy!
    "SHUT YOUR LIPS..."

  5. #5
    Super Moderator
    Join Date
    Sep 2001
    Posts
    4,913
    No - I wanted the black border. Go to www.mackrory.com. The thing I want to get rid of is the little darker-gray strip below the Copyright notice.

  6. #6
    C++ Developer XSquared's Avatar
    Join Date
    Jun 2002
    Location
    Ontario, Canada
    Posts
    2,718
    You're locally linking to the corner images. They aren't actually on the site. Change your links to point to images on the site, not on the hard-drive.
    Naturally I didn't feel inspired enough to read all the links for you, since I already slaved away for long hours under a blistering sun pressing the search button after typing four whole words! - Quzah

    You. Fetch me my copy of the Wall Street Journal. You two, fight to the death - Stewie

  7. #7
    Super Moderator
    Join Date
    Sep 2001
    Posts
    4,913
    Not the dumb freewebs ad - it's just a temp. host - I mean the dark strip immediately below the circles (just in case there was any confusion)

  8. #8
    Super Moderator
    Join Date
    Sep 2001
    Posts
    4,913
    XSQUARED - Sorry - I forgot to change that when I uploaded it. I've been doing everything offline up until now. I just uploaded it so you guys could see what I was talking about. I'll fix it - just a sec.

  9. #9
    C++ Developer XSquared's Avatar
    Join Date
    Jun 2002
    Location
    Ontario, Canada
    Posts
    2,718
    Just remove the newline between the IMG tag and the closing TD tag. With IE, that always adds some space to the bottom of the image.
    Code:
    <IMG SRC="BL000000.gif">
    </TD>
    Becomes...
    <IMG SRC="BL000000.gif"></TD>
    Naturally I didn't feel inspired enough to read all the links for you, since I already slaved away for long hours under a blistering sun pressing the search button after typing four whole words! - Quzah

    You. Fetch me my copy of the Wall Street Journal. You two, fight to the death - Stewie

  10. #10
    Super Moderator
    Join Date
    Sep 2001
    Posts
    4,913

    Ay?

    YOu've served your country well - I suddenly have a great deal of respect for Canadians... well... almost....

    Thanks buddy.

Popular pages Recent additions subscribe to a feed

Similar Threads

  1. Writing array, to file
    By zootreeves in forum C Programming
    Replies: 9
    Last Post: 09-08-2007, 05:06 PM
  2. newbie needs help with creating html table
    By Dylancougar in forum C Programming
    Replies: 4
    Last Post: 10-31-2005, 08:13 PM
  3. extra word printing
    By kashifk in forum C++ Programming
    Replies: 2
    Last Post: 10-25-2003, 04:03 PM
  4. inputting words from a file
    By kashifk in forum C++ Programming
    Replies: 5
    Last Post: 10-24-2003, 07:18 AM
  5. displaying the contents of an html file in a table
    By confuted in forum Tech Board
    Replies: 3
    Last Post: 08-02-2003, 07:50 PM

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21