Solved

Experienced HTML Table Designer Needed

Posted on 1999-01-17
11
201 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Are You Using the Best Web Development Editor?

The worlds of web hosting and web development are constantly evolving. Every year we see design trends change, coding standards adapt and new frameworks/CMS created. With such a quick pace of change it’s easy to get lost trying to keep up.

See if your editor made the list.

 
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

Get 15 Days FREE Full-Featured Trial

Benefit from a mission critical IT monitoring with Monitis Premium or get it FREE for your entry level monitoring needs.
-Over 200,000 users
-More than 300,000 websites monitored
-Used in 197 countries
-Recommended by 98% of users

Question has a verified solution.

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

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…

630 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