Solved

Experienced HTML Table Designer Needed

Posted on 1999-01-17
11
178 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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 
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
 
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

Live: Real-Time Solutions, Start Here

Receive instant 1:1 support from technology experts, using our real-time conversation and whiteboard interface. Your first 5 minutes are always free.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

I've been asked to discuss some of the UX activities that I'm using with my team. Here I will share some details about how we approach UX projects.
Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

775 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