Solved

Experienced HTML Table Designer Needed

Posted on 1999-01-17
11
169 Views
Last Modified: 2013-12-25
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
Comment
Question by:lhutton
  • 6
  • 5
11 Comments
 
LVL 10

Expert Comment

by:MasseyM
ID: 1859040
I will take a look at it for you...

0
 
LVL 10

Expert Comment

by:MasseyM
ID: 1859041
Anythign tht you would like to see?  Any preferences?
0
 

Author Comment

by:lhutton
ID: 1859042
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
 
LVL 10

Expert Comment

by:MasseyM
ID: 1859043
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
 

Author Comment

by:lhutton
ID: 1859044
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
Find Ransomware Secrets With All-Source Analysis

Ransomware has become a major concern for organizations; its prevalence has grown due to past successes achieved by threat actors. While each ransomware variant is different, we’ve seen some common tactics and trends used among the authors of the malware.

 
LVL 10

Expert Comment

by:MasseyM
ID: 1859045
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
 

Author Comment

by:lhutton
ID: 1859046
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
 
LVL 10

Expert Comment

by:MasseyM
ID: 1859047
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
 

Author Comment

by:lhutton
ID: 1859048
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
 
LVL 10

Accepted Solution

by:
MasseyM earned 200 total points
ID: 1859049
Thanks... Please let me know if you need anything else.

masseym@hotmail.com
0
 

Author Comment

by:lhutton
ID: 1859050
My biggest problem now will be getting everyone to replace their existing code! :)
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Read about why website design really matters in today's demanding market.
Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
Excel styles will make formatting consistent and let you apply and change formatting faster. In this tutorial, you'll learn how to use Excel's built-in styles, how to modify styles, and how to create your own. You'll also learn how to use your custo…

744 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now