Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 210
  • Last Modified:

Experienced HTML Table Designer Needed

I would like someone to design for me a new table for my WebRing. I have tried so many times to design a new one myself, that I want someone with experience in the area to design one for me :)

The existing table (very outdated) and a new one I have been working on can be viewed at http://www.geocities.com/Athens/Forum/3709/test.html.

I want a well-designed, eye-catching table that will attract peoples' attention.

The following points should be taken into account:

* The single large graphic needs to be incorporated into the table, as the only graphic.
* All links need to be incorporated into the table.
* The table should (preferably) be horizontal, not covering the entire width of the page.
* The text "This GenSearch Ring site is owned by --name--. Want to join the GenSearch Ring?" need not necessarily be included.
0
lhutton
Asked:
lhutton
  • 6
  • 5
1 Solution
 
MasseyMCommented:
I will take a look at it for you...

0
 
MasseyMCommented:
Anythign tht you would like to see?  Any preferences?
0
 
lhuttonAuthor Commented:
Thank you so much. Perhaps a textured background (possibly the brown that is currently used in the new table) and bold Verdana font style, along with the points I mentioned earlier.

Again, thank you very much. Let me know if I can help with anything else.
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 
MasseyMCommented:
Anything like this?

<CENTER>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2><TR><TD BGCOLOR="#521800">
<TABLE ALIGN=CENTER BGCOLOR="#FFFFCC" CELLPADDING=-1 WIDTH=450 BORDER=0 CELLSPACING=1>
      <TR>
            <TD ALIGN=CENTER BGCOLOR="#521800" COLSPAN="4"><A HREF="http://www.geocities.com/Athens/Forum/3709/" TARGET="_top"><FONT SIZE="-1" COLOR="#FFFFCC" FACE="Verdana">Leith Hutton's Genealogy Homepage</A></TD>
      </TR>
      <TR>
            <TD ALIGN="LEFT"   BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;id=--id--;sprev" TARGET="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>Skip Previous</A></B></FONT></TD>
            <TD ALIGN="CENTER" COLSPAN="2" ROWSPAN="3"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;home" TARGET="_top"><IMG SRC="http://www.geocities.com/Athens/Forum/3709/webring.jpg" HEIGHT=100 WIDTH=250 ALT="GenSearch Ring" BORDER=0></A></TD>
            <TD ALIGN="RIGHT"  BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;id=--id--;skip" TARGET="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>Skip Next</A></B></FONT></TD>
      </TR>
      <TR>
            <TD ALIGN="LEFT" BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;id=--id--;prev" TARGET="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>Previous Site</A></B></FONT></TD>
            <TD ALIGN="RIGHT" BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;id=--id--;next" TARGET="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>Next Site</A></B></FONT></TD>
      </TR>
      <TR>
            <TD ALIGN="LEFT" BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?random;ring=gensearch" target="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>Random Site</A></B></FONT></TD>
            <TD ALIGN="RIGHT" BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;list"target="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>List Sites</A></B></FONT></TD>
      </TR>
      <TR>
            <TD ALIGN="CENTER" BGCOLOR="#521800" COLSPAN="4"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;id=--id--;next5" TARGET="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>Next 5 Sites</B></FONT></A></TD>
      </TR>
</TABLE>
</TD></TR></TABLE>
</CENTER>
0
 
lhuttonAuthor Commented:
I've worked a little on the code. You can see it at http://www.geocities.com/Athens/Forum/3709/test.html.

I want the image to be aligned in the centre, not over to the right.
Also, I want a space between each bar and the image.

Thanks.
0
 
MasseyMCommented:
I am not sure what you are after then... YOu described what it looks like in the comment above.  Looks good on your page.

0
 
lhuttonAuthor Commented:
If you look where it says "Leith Hutton's Genealogy Homepage," you can see that the image beneath it is further to the right, rather than centre-aligned.

Also, directly beneath "Leith Hutton's Genealogy Homepage," I want the same spacing of the brown background as above the line. (Also for the line "Want to join the GenSearch Ring? Click HERE").

I know these are pretty trivial things, but still, this is the only part of my site I haven't "rennovated" since I started it in 1997, and it's a pretty big job, so I need to get it looking right the first time.

I hope you understand :)
0
 
MasseyMCommented:
Check this one out:

<CENTER>
<TABLE BORDER=0><TR><TD BGCOLOR="#521800">
<TABLE BORDER=0>
      <TR>
            <TD BGCOLOR="#FFFFCC">
                  <TABLE ALIGN=CENTER BGCOLOR="#FFFFCC" CELLPADDING=0 CELLSPACING=2 WIDTH=450 HEIGHT=100 BORDER=0>
                        <TR>
                              <TD ALIGN=CENTER BGCOLOR="#521800" COLSPAN="3" HEIGHT="25"><A HREF="http://www.geocities.com/Athens/Forum/3709/" TARGET="_top"><FONT SIZE="-1" COLOR="#FFFFCC" FACE="Verdana">Leith Hutton's Genealogy Homepage</A></TD>
                        </TR>
                        <TR>
                              <TD ALIGN="LEFT"   WIDTH=100 BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;id=--id--;sprev" TARGET="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>&nbsp;Skip Previous</A></B></FONT></TD>
                              <TD ALIGN="CENTER" WIDTH=250 ROWSPAN="3"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;home" TARGET="_top"><IMG SRC="http://www.geocities.com/Athens/Forum/3709/webring.jpg" HEIGHT=100 WIDTH=250 ALT="GenSearch Ring" BORDER=0></A></TD>
                              <TD ALIGN="RIGHT"  WIDTH=100 BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;id=--id--;skip" TARGET="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>Skip Next&nbsp;</A></B></FONT></TD>
                        </TR>
                        <TR>
                              <TD ALIGN="LEFT" BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;id=--id--;prev" TARGET="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>&nbsp;Previous Site</A></B></FONT></TD>
                              <TD ALIGN="RIGHT" BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;id=--id--;next" TARGET="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>Next Site&nbsp;</A></B></FONT></TD>
                        </TR>
                        <TR>
                              <TD ALIGN="LEFT" BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?random;ring=gensearch" target="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>&nbsp;Random Site</A></B></FONT></TD>
                              <TD ALIGN="RIGHT" BGCOLOR="#521800"><A HREF="http://www.webring.org/cgi-bin/webring?ring=gensearch;list"target="_top"><FONT COLOR="#FFFFCC" SIZE="-1"><B>List Sites&nbsp;</A></B></FONT></TD>
                        </TR>
                        <TR>
                              <TD ALIGN="CENTER" BGCOLOR="#521800" COLSPAN="4"><FONT COLOR="#FFFFCC" SIZE="-1"><B>Want to join the GenSearch Ring? Click </FONT><A HREF=""><FONT COLOR="#FFFFCC" SIZE="-1"><B>HERE</B></FONT></A></TD>
                        </TR>
                  </TABLE>
            </TD>
      </TR>
</TABLE>
</TD></TR></TABLE>
</CENTER>
0
 
lhuttonAuthor Commented:
I have posted the final copy, which I am very pleased with.

Thank you so much for your help!

Feel free to "answer" the question, so I can award you the points :)
0
 
MasseyMCommented:
Thanks... Please let me know if you need anything else.

masseym@hotmail.com
0
 
lhuttonAuthor Commented:
My biggest problem now will be getting everyone to replace their existing code! :)
0

Featured Post

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

  • 6
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now