NST Inc Designer
11-29-2006, 01:18 PM
I'm running into a problem with #hmains# not displaying how I want it to. Whenever I insert #hmains# directly into a div the menu links get spread out the entire width of the div. So if I have only two links in the menu, #hmains# creates two cells 50% wide making each link very far apart from one another.
In order to get the links to stack up tight against each other I'm having to place #hmains# into a table with no width defined. My only problem with this is I was hoping to keep the entire template pure .css because its lightwieght and more importantly because I use stylesheet includes to control width, header image swaps and other attributes of the template.
I'm fairly new when it comes to .css so maybe I'm missing something.
Here's my template:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>WindSpirit Wisdom and Wonders - Outfitters For Your Soul's Journey</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="sohoadmin/program/modules/site_templates/pages/PHASE2-WindSpirt_Web-Light_Green/style.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<div id="container">
<div id="logo"></div>
<div class="greenBar"></div>
<div id="headImage"></div><div class="greenBar">
<table cellspacing="0" cellpadding="0">
<tr>
<td>#HMAINS#</td>
</tr>
</table>
</div>
<div id="main">
<div id="leftModule">
#PROMOTXT1#<br>
#PROMOTXT2#<br>
#PROMOTXT3#
</div>
<div id="content">
#CONTENT#
</div>
<div class="clearfloats"><!-- --></div>
</div>
<div class="greenBar"><div align="center">Copyright WindSpirit Wisdom and Wonders | Website design by Phase2 Design</div></div></div>
</body>
</html>
In order to get the links to stack up tight against each other I'm having to place #hmains# into a table with no width defined. My only problem with this is I was hoping to keep the entire template pure .css because its lightwieght and more importantly because I use stylesheet includes to control width, header image swaps and other attributes of the template.
I'm fairly new when it comes to .css so maybe I'm missing something.
Here's my template:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>WindSpirit Wisdom and Wonders - Outfitters For Your Soul's Journey</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="sohoadmin/program/modules/site_templates/pages/PHASE2-WindSpirt_Web-Light_Green/style.css" rel="stylesheet" type="text/css" media="screen">
</head>
<body>
<div id="container">
<div id="logo"></div>
<div class="greenBar"></div>
<div id="headImage"></div><div class="greenBar">
<table cellspacing="0" cellpadding="0">
<tr>
<td>#HMAINS#</td>
</tr>
</table>
</div>
<div id="main">
<div id="leftModule">
#PROMOTXT1#<br>
#PROMOTXT2#<br>
#PROMOTXT3#
</div>
<div id="content">
#CONTENT#
</div>
<div class="clearfloats"><!-- --></div>
</div>
<div class="greenBar"><div align="center">Copyright WindSpirit Wisdom and Wonders | Website design by Phase2 Design</div></div></div>
</body>
</html>