Thanks for all the help! I know I’ve asked on like three different boards here, and am probably a pest, but I’m still not quite getting it. (And I have web developer
)
1) I get what you’re saying, but what do I use in the CSS to specifiy it? I’m assuming I’m doing it wrong...
2) I was able to find that part out (though I didn’t even realize there was a tutorial until I google searched)
3) I tried that but it’s not doing anything.
Here’s my template and css... This’ll probably help more to look at. Also, the site I’m trying to convert is BSN70.com, so if you want to look at the non-template version to see what I’m talking about, its there.
-------------------
Template:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>[(site_name)] | [*pagetitle*]</title>
<link rel="stylesheet" href="[(base_url)]assets/templates/bsn1/bsn.css" type="text/css" media="screen" /><base href="[(site_url)]" /></head>
<body topmargin="0" leftmargin="0" rightmargin="0">
<div id="container" align="center">
<div id="nav"><span class="menu"> [!Wayfinder?startId=`0` &level=`1` &rowTpl=`myrowTpl`!]</span></div>
<div id="banner"></div>
<div id="content"><h2 class="style2" style="2">[*longtitle*]</h2>
<p class="style2" style="2">[*content*]</p>
</div>
<div id="footer">
<center>
<span class="style1"><font size="-4">© BSN AZA #70<br />
All Rights Reserved </font></span>
</center>
</div>
</div>
</body>
</html>
CSS (really need to organize it, and I also didn’t know if I was doing it right for some of the menu stuff...):
#nav ul li { display: inline; }
.nav ul li {
color: White;
}
.style1 {
font-family: Tahoma, Arial, Sans-serif;
font-size: 14px;
color: #000000;
marker-offset:inherit;
}
.style2 { font-family: Tahoma, Arial, Sans-serif; }
html,body {
background-color: #669999;
text-align: center;
height: 100%;
margin:0;
padding:0;
}
.style4 {
font-size: 9px
}
p { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
#container {
width: 700px;
height: 100%;
position:relative;
margin:auto;
height: 100%;
border-bottom: 3px solid #336600;
border-left: 3px solid #336600;
border-right: 3px solid #336600;
border-top: 1px solid #336600;
background-color:#FFFFFF;
text-align:center;
margin-bottom:0;
}
#banner {
width: 700px;
height: 111px;
background-image: url(bsn_05.gif);
border-bottom:3px solid #CCCCCC;
}
#welcome {
position:absolute;
left: 555px;
top: 89px;
}
.welcome {
font-family:Tahoma, Arial, Sans-serif;
font-size:12px;
font: #FFFFFF;
font-weight:bold;
}
#nav {
background-image: url(bsn_02.gif);
width:700px;
height:38px;
margin-top: 0px;
}
#content {
min-height: 200px;
background-color: #FFFFFF;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 5px;
margin-right: 5px;
}
#news {
background-color: #ccffff;
border: solid;
border-width: 2px;
border-color: #66CCCC;
text-align: center;
width: 430px;
}
.news {
text-align: inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#spacer {
height:10px;
width:700px;
min-height:10px;
}
.menu {
font-family:Tahoma, Arial, Sans-serif;
font-size:14px;
font-weight:bold;
color:#ffffff;
height:15px;
margin-left:10px;
text-align:left;
border:0px;
}
a.menu:active {
color:#FFFFFF;
}
a.menu:link {
color:#FFFFFF;
}
a.menu:visited {
color:#FFFFFF;
text-decoration:none;
}
a.menu:hover {
text-decoration:underline;
}
#footer {
clear: both;
text-align: center;
font:Tahoma, Arial, Sans-serif;
font-size:9px;
margin-bottom:0;
}
☆ A M B ☆
