How to convert tables into css

windows

Guest
NONE<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>MISSION STATEMENT</title>
<style type="text/css">
body { background: #ffc; }
#header img { float: left; margin-bottom: 5px; }
#header ul { list-style: none; margin: 0; padding: 0; }
#header li { float: left; padding: 5px;}
#separator { clear: both; height: 5px; line-height: 5px; background: #800; }
div#missiontext { margin: 0 390px 0 0; }
#missiontext h2 { font-size: 1em; font-weight: normal; }
#missiontext p { color: #800; }
</style>
</head>
<body>
<h1 style="display: none">MISSION STATEMENT</h1>
<div id="header">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.deius.com/deilogo.gif" alt="dei logo" width="75" height="75">
<ul>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.deius.com">Mission</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.deius.com/services.html">Services</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.deius.com/experience.html">General Experience</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.deius.com/publicsectorexperience.html">Public Sector Experience</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.deius.com/privatesectorexperience.html">Private Sector Experience</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.deius.com/permitsexperience.html">Permits Experience</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.deius.com/usefullinks.html">Useful Links</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"http://www.deius.com/contact.html">Contact Us</a></li>
</ul>
</div>
<div id="separator"> </div>
<div id="devimage">
<p><img src=http://www.webdeveloper.com/forum/archive/index.php/"http://www.deius.com/BlairParkMixedUseDevelopment.jpg" alt="BlairParkMixedUseDevelopment" width="380" height="408" align="right"></p>
</div>
<div id="missiontext">
<h2>Arlington National Cemetery Maintenance Complex</h2>
<p>DEI's mission is to provide a full range of expert civil/site engineering and
related services to develop private and public sector projects. To accomplish
this mission, DEI has gained unique expertise in all key aspects of civil/site
engineering of almost all building types to meet clients objectives and to
develop well coordinated construction documents for cost estimating, bidding,
permitting, construction, and timely occupancy. Our project team is ready to
serve and demonstrate our professional engineering expertise to understand your
project needs, meet your objectives, be your prime civil/site engineer and/or a
part of a consulting A/E team. We will be pleased to meet you and to provide a
formal scope of our services and fee proposal for your evaluation.</p>
</div>
</body>
</html>NONEThe problem with the links is that the forum doesn't show you that all the spaces in the menu list need to be coded as &nbsp; which they were in the source I pasted in.

>General Experience</a>
should be
>General&nbsp;Experience</a>

:rolleyes: Cheezes man, for piddly stuff like borders, bar height and colors (what there wasn't anything wrong with the colors?) I'll leave as an exercise for the student.

^DNONEThe &nbsp; symbol is used as a non-breaking space so that the text does not wrap. I believe you can also use a white-space: nowrap; CSS property.This design (<!-- m --><a class="postlink" href="http://www.webdeveloper.com/forum/showthread.php?s=&threadid=18581">http://www.webdeveloper.com/forum/showt ... adid=18581</a><!-- m -->) is going nowhere. Finish it or drop it.All this guy wants is free web work. He seems incapable of doing anything himself and quite unappreciative of anything anyone else does for him that is anything less than doing 100% of his work.
 
Back
Top