/    Sign up×
Community /Pin to ProfileBookmark

Major help with Tables… can you figure this error out? I sure can’t…

Copy linkTweet thisAlerts:
Aug 13.2005

Hi everyone. I am designing a website for a photographer friend of mine. I am trying to set up a table on the main page to display his biography information. Currently, the first two colums of the table are perfectly fine, but the other colums to the right of the first two are all out of whack. I need all the colums to have the same shape as the first two, so they will be somewhat uniform.

Can anyone help with this, or have any idea what i’m doing wrong?

The website is at [url]http://www.edthompsonphoto.com/commercial/[/url] . The site is in several different frames, so if you are trying to view the source code make sure you have that center frame selected.

ANY and ALL help would be greatly apperciated… because I have spent hours on this and I have no idea what i’m doing wrong.

Thanks!!!

Ashley

to post a comment
HTML

4 Comments(s) ↴

Copy linkTweet thisAlerts:
@James_Bond_007Aug 14.2005 — What exactly are you trying to do? Get them all the same height?
Copy linkTweet thisAlerts:
@atlantarockauthorAug 14.2005 — Yes! Exactly... I tried using the height/width commands within the table HTML but I saw no difference... Is there anything else I can try that might work?
Copy linkTweet thisAlerts:
@James_Bond_007Aug 14.2005 — It appears that the text is stretching them. Make more columns and balance out the text. That should fix it.
Copy linkTweet thisAlerts:
@ray326Aug 14.2005 — You need to throw away the frames and the tables and it will be a lot easier to do plus a lot more accessible. Oh, the HTML is really wrong too. Re the design, do you really want to stretch it out sideways like that? Is dragging the h-scroll bar easier than the v-scroll? This page is crying out for a contemporary design realization with CSS and meaningful HTML.

Ok, because I really don't want to just say this stuff without giving you an example of how it could be done right, here's my "vertical" version of that page. I broke the text into what seemed to be logical paragraphs.
[code=html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<base href="http://edthompsonphoto.com/">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<meta name="Content-Style-Type" content="text/css">
<META NAME="keywords" CONTENT="photography, wedding photography, commercial photography, advertising photography, atlanta photography, atlanta, photographer, photographers, wedding photographers, wedding photographer, atlanta wedding photographers, atlanta photographer, atlanta photographers, wedding, weddings, photojournalism, photojournalistic, documentary style photographer, atlanta wedding planners, georgia">
<META NAME="description" CONTENT="Specializing in commercial and advertising photography in the Atlanta and surrounding areas.">
<title>Ed C. Thompson Photography</title>
<style type="text/css">
/* global settings */
body {
margin:0;
padding:0;
border: 0;
border-top: 10px solid #E92620;
border-bottom: 10px solid #E92620;
padding-bottom: 1em;
background:#000;
color:#fff;
font-family: Georgia, "Times New Roman", serif;
font-size:1.0em;
}

/* page header */
#header {
height: 65px;
background: transparent url(/commercial/images/header.jpg) no-repeat;
margin-top: 40px;
}
#header h1 { display:none; }

/* navigation */
#nav {
width: 150px;
float: left;
}
#nav ul {
list-style: none;
margin: 15px;
padding: 0;
}
#nav ul li {
margin: 40px 0;
padding: 0;
border: 1px solid #E92620;
line-height: 50px;
text-align: center;
}
#nav ul li a {
color: #fff;
text-decoration: none;
}

/* content */
#content {
width: 416px;
float: left;
margin: 40px 0 0 40px;
}
#content h2#intro {
font-size: 1.4em;
font-weight: normal;
text-align: center;
}
#content h2#intro span {
color: #E92620;
}
</style>
</head>

<body>
<div id="header">
<h1>Ed C. Thompson Photography</h1>
</div>

<div id="nav">
<ul>
<li><a href="/commercial/portfolio.htm">PORTFOLIO</a></li>
<li><a href="/commercial/contact.htm">CONTACT</a></li>
</ul>
</div>

<div id="content">
<img border=0 src="/commercial/images/mainpic.jpg" alt="Reviewing pictures" width="416" height="278">

<h2 id="intro">Welcome to<br><span>Ed C. Thompson<br>Photography</span></h2>

<p>If you must select just one word to describe Ed Thompson and his
photography versatile would be it.
Ed would rather let his images
talk so we will make this a brief background description. </p>

<p>He studied the basics of color, design, painting and drawing,
and a little 3D in ceramics. Realizing his talents for photography
in his teens he soon became serious, applying them to yearbooks and
occasional local news coverage.</p>

<p>Journalism was a natural fit and Ed
landed his dream job shooting for The Sunday Magazine of The Atlanta
Journal &amp; Constitution.
Feature photojournalism opened the doors to
politicians and movie stars, captains of industry and murderers.
Assignments literally carried him from boardrooms to death row.
He covered the personalities and the characters making news from
the South across the country for six years. </p>

<p>These assignments honed his skills to immediately put his subject at
ease, assess a situation quickly, determine the best angles and
capture the images with both an economy of time and equipment.</p>

<p>His disciplines were not limited to location shoots but also included
lighting and large format studio work.
Those tricks of the trade and his skills translated well to the world
of corporate literature when Ed established his own business in 1982.
Over twenty years Ed has been meeting the needs of Fortune 500 companies.
Examples of his clients include industry leaders in beverage, energy, golf and agriculture.
He also readily accepts editorial assignments from clients in those same industries.</p>

<p>And now we will let the images speak for Ed Thompson.
If you would like to discuss an assignment or need more information
please feel free to speak directly with Ed through the contacts listed.
In the mean time, enjoy evidence of his versatility and talents through these images.</p>
</div>

<div style="clear:both">&nbsp;</div>

</body>
</html>

[/code]
×

Success!

Help @atlantarock spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...