/    Sign up×
Community /Pin to ProfileBookmark

I am very new to HTML and cant figure out why my 3-column layout isnt working. I cant seem to get my columns to line up side-by-side without overlapping …

[code=html]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<!– Created with the CoffeeCup HTML Editor 2006 –>
<!– http://www.coffeecup.com/ –>
<!– Brewed on 9/9/2010 12:48:26 PM –>

<head>
<title>Zone Map</title>
<style type=”text/css”>

#head {
position: relative;
left: 0px;
width: 250px;
height: 20px;
font-family: times new roman;
line-height: 8px;
font-size: 14pt;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #c3bd24;}

#content {
left: 0px;
width: 250px;
font-family: times new roman;
line-height: 16px;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #938461;}

#dotted{
width: 225px;
border-top: 2px dotted #c3bd24;
}

#container {
width: 800px;
}

#col_right {
position: relative;
float: right;
width: 250px;
}

#col_center {
position: absolute;
float: center;
width: 250px;
}

#col_left {
position: relative;
float: left;
width: 250px;
}
</style>
</head>

<body>
<p align=”center”>
<img border=”0″ alt=”” align=”left” src=”support/image/ZoneMap.png” width=”650″ height=”400″><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>

<div id=”container”>

<div id=”col_left”>

<p id=”head”><br>ZONE 1: $750 minimum</p>

<div id=”dotted”></div>

<p id=”content”>
NJ*** all,<br>
NY***Long Island to Islip,<br>
MD** to Salisbury,<br>
PA** Pittsburgh-Williamsport-Wilkes Barre,<br>
VA** Richmond-Front Royal,<br>
WV* to Martinsburg, Fairmont,<br>
DE** all</p>
</div>

<div id=”col_center”>

<p id=”head”><br>ZONE 2: $1,500 minimum</p>

<div id=”dotted”></div>

<p id=”content”>
NY** Syracuse-Albany-Long Island,<br>
CT** Hartford-New Haven,<br>
PA** west of Pittsburgh-Erie,<br>
OH** Sandusky-Columbus, Ashland,<br>
VA** south of Richmond-Roanoke,<br>
WV* south and west of Fairmont to Bluefield,<br>
MA* Pittsfield-Buzzards Bay-Monomet</p>
</div>

<div id=”col_right”>

<p id=”head”><br>ZONE 3: $2,500 minimum</p>

<div id=”dotted”></div>

<p id=”content”>
VA** south and west of Roanoke,<br>
TN***Chattanooga-Nashville,<br>
KY** Hopkinsville-Madisonville,<br>
IN***Evansville,<br>
IL***Urbana, Chicago,<br>
MI</p>
</div>

</div>
</body>
</html>[/code]

to post a comment
HTML

1 Comments(s)

×

Success!

Help @ArchemyDesign 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 3.3,
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: @darkwebsites540,
tipped: article
amount: 10 SATS,

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

tipper: Anonymous,
tipped: article
amount: 10 SATS,
)...