|
CSS - Text Not Showing Up In Ie For Css Menu
Any ideas why the text isn't showing up in the main site menu (top left hand side of screen):
http://www.thepartyparty.ca Take a look in Firefox and then IE. Firefox works wonderfully (surprise), IE shows no text. Any suggestions? Ryan Similar TutorialsI have a menu that is built using css/html that shows up fine in firefox but doesnt in IE. The rollover buttons work but the submenu that should appear when the rollover is active, doesnt. [submenu is only for 'products' and 'about us'] the site is he http://soem.batcave.net the css for the navmenu is he http://soem.batcave.net/navstyle.css Any help on why this is happening [or not as is the case] would be greatly appreciated. Thanks I am not literate in CSS at all. I can change numbers and so forth, but to write my own css I can not do. I am confused on why this page is showing incorrectly on some versions and correctly on others. I am not asking for the solution, just a suggestion on what I should be looking for. I want to learn this so I am not spending more time correcting things than I am now! My pc shows it displayed correctly, however, my client's doesnt. Her menu on the left is displayed well below everything else on the page. I have used this template from one of the free template sites and modified to fit our needs. I hope I can contribute in other fields of this group some way.. and appreciate any assistance with this I can get! Toni CSS BELOW: Code: /* Globals */ html,body{margin:0;padding:0} body{font: 76% arial,sans-serif;text-align:center; background-color: #ccc; background-image:url(images/plaidbg.gif)} a{ color: #981793;padding:10px;} /* Primary Divs */ div#header { height: 4em; color:#000; border-bottom: 2px solid #A9A9A9;} div#wrapper { margin-top: 5px; } div#container{text-align:left} div#content p{line-height:1.4} div#navigation{background:#FFFFAC} div#extra{background:#FFFFAC} div#footer{background: #FFFFAC;color: #000; border-top: 2px solid #A9A9A9; } div#footer p{margin:0;padding:5px 10px} div#container{width:700px;margin:0 auto; } div#bgwrap { background: #FFFFAC url(images/brushbg.gif); width: 800px; margin: 0 auto;} div#content{float:right;width:545px} div#calendar{float:inherit;width:inherit} div#navigation{float:left;width:150px} div#extra{float:left;clear:left;width:150px;} div#footer{clear:both;width:100%} /* TABLES */ table {border: 2px solid #FFFF84; border-collapse:collapse; width:90%; margin-left: 3ex; } td {padding:3px; border: 1px solid #ccc; color:#000;} th {text-align:left;border: 1px solid #fff} thead th {color:#000; font-size:1.5em; background-color: #990 ; padding: 10px 6px} tbody th {color:#000; font-size:1.15em; background-color: #FFFF84 ; padding: 6px} tbody th.sub {font-size: .90em; color:#fff; background-color: #336; padding: 6px} /* TEXT STYLES */ div#content a:link, div#content a:visited { padding:0; color:#600; text-decoration:none; border-bottom: 1px solid #FFFF84; } div#content a:hover {background-color: #990; color:#fff; } div#content h1 { font-size: 2em; color:#000; margin-top: 0; text-transform:uppercase; letter-spacing: 1px;} div#content h2 { font-size: 2em; color: #000; line-height: 1.3em; letter-spacing: -1px;} div#content h3 { font-size: 1.5em; color: #990;} div#content h4 { font-size: 1.25em; color: #966;} div#content h5 {font-size: 1em; font-weight:bold;} div#content h1,h2,h3,h4,h5 {padding:0 5px 0px;} acronym {border-bottom: 1px dotted #966; cursor:help; } form,submit { padding:0; margin:0; } /* removes extraneous padding around the form */ code { border: 1px dotted #FFFF84; background-color: #990; color:#fff; margin-left: 3ex;} blockquote { border: 1px solid #FFFF84; background-color: #990; color:#fff; margin: 3ex; font-style:italic;} /* Horizontal Navigation Menu */ #header ul { margin:0; text-align: right; padding-top: 1.6em; padding-bottom:0;} #header ul li { list-style-type:none; display:inline;} #header ul li a:link, #header ul li a:visited { display:inline; padding-top: 3em; text-decoration:none; color:gray; border-left: 2px solid gray;} #header ul li a:hover { border-bottom: 1px solid gray; background: #FFFFAC url(images/arrow2.gif) center center no-repeat;} .skiplink a:link, .skiplink a:visited { visibility: hidden;} /* Vertical Navigation Menu */ #navigation { margin-bottom: 15px; } #navigation ul { list-style-type:none; margin:0; padding:0; } #navigation ul li {line-height: 4px; border-bottom: 1px solid gray;} #navigation ul li a:link,#navigation ul li a:visited { text-decoration:none; color:#000; text-transform:uppercase; display:block; } #navigation ul li a:hover { background: #FFFFAC url(images/arrow.gif) left center no-repeat; padding-left: 25px; font-weight:bold; } #navigation p{margin:0 10px 10px} /* Logobox */ #logobox {background-image:url(images/plaidbg.gif); width: 150px; border: 1px solid #FFFFAC; text-align:center;} #logobox h1 { border-top: 1px solid #600; } #logobox h1, #logobox h2 { background-color: #A9A9A9; color: #FFFF84; margin: 5px; margin-bottom: 0; padding: 8px; font-size: 1.3em; text-transform: uppercase; border-right: 1px solid #600; border-left: 1px solid #600;} #logobox h2 { margin-top: 0; margin-bottom: 5px; font-size: 1em; border-bottom: 1px solid #600;} /* Main pic area above content */ div#mainpicbox { height: 400px; border: 1px solid #A9A9A9; margin-left: 10px; padding: 10px; margin-bottom: 15px;} div#mainpic { height: 400px; background: url(images/blockdesign.gif) top center repeat-y; color:white; } div#mainpic h2 { color:#fff; font-size: 2.75em; margin-top:0; padding-top: 2em; padding-left: 20px; margin-bottom:0; } div#mainpic h3 { padding-left: 20px; color:#330;} div#mainpic p, div#mainpic a:link, div#mainpic a:visited { display:inline; margin:0; color:#fff; margin-left: 10px;font-weight:bold; font-size: 1.2em; text-decoration:none; } div#mainpic a:hover {color:#600; background-color:inherit; } /* Extra section */ .stripnav { background-color: #A9A9A9; width: 130px; border: 1px solid #A9A9A9; text-align:center;} div#extra p {margin-left: 0; } div#extra h2 { background-color: #A9A9A9; color: #FFFF84; margin-bottom: 0; padding: 8px; font-size: 1em; text-transform: uppercase; border: 1px #000;} div#extra p a:link, div#extra p a:visited { padding:0; color: #600; font-weight:bold; padding-bottom: 1px; text-decoration:none;} div#extra p a:hover { text-decoration:underline;} /* Photo Gallery Area */ div#gallery { border-top: 2px solid #A9A9A9; padding-top: 15px;} div#gallery img {width: 50px; height: 50px; padding: 2px; border:1px solid #A9A9A9;} div#gallery ul { list-style-type:none; margin:0; padding:0;} div#gallery ul li {display:inline;} div#gallery ul li a:link, div#gallery ul li a:visited {display:inline; border-bottom:0;} div#gallery ul li a:hover {background-color:inherit;} /* Footer Area */ div#footer ul { list-style-type:none; margin:0; padding:0; padding-top: 2px; text-align:right; font-size: .8em; } div#footer ul li { list-style-type:none; display:inline; border-left: 1px solid gray;} div#footer ul li a:link,#footer ul li a:visited { display:inline; text-decoration:none; color:#000; text-transform:uppercase;} div#footer ul li a:hover {text-decoration:underline;} div#footer p {text-align:center; margin-top: 5px;} /* Content Area */ div#content img { border: 1px solid #A9A9A9; padding: 2px; margin: 3px; margin-left: none; } div#content p {padding-left: 5px;} /* Bonus Styles */ p.rightsidelink { text-align:right;} .rightsidelink a:link, .rightsidelink a:visited { padding:0; color:#600; font-weight:bold; text-decoration:none;} .rightsidelink a:hover {text-decoration:underline;} .entrytext { margin-top: 0; font-size:larger; font-weight:bold;} .bright { font-size: 1.5em; color:#600; text-transform:uppercase;}
Then page text/layout he Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="bgwrap">
<div id="container">
<div id="header">
<ul>
<li class="skiplink"><a href="#content">Skip to Content</a></li>
<li class="skiplink"><a href="#navigation">Skip to Navigation</a></li>
<li><a href="/shop">Shopping</a></li>
<li><a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&userid=" target="_blank">Ebay</a></li>
<li><a href="contact_us.shtml">Contact Us </a></li>
<li><a href="index.shtml">Main Page </a></li>
</ul>
</div>
<div id="wrapper">
<div id="content">
<div id="mainpicbox">
<div id="mainpic">
<h2> </h2>
</div>
</div>
<h1 align="center"> Welcome to </h1>
<h1 align="center"> </h1>
<p align="center">A painting studio featuring artwork for sale </p>
<p align="center">and<br />
<br />
offering instruction for those who would like to create their own </p>
<p align="center">landscape or floral paintings in oils.</p>
<p align="center"> </p>
<p align="center">If you would like to be notified of new classes or items for sale, </p>
<p align="center">please be sure to join our mailing list.</p>
<p align="center">No purchase is necessary to register.<br />
</p>
<p class="rightsidelink"> </p>
<div id="gallery">
<p class="entrytext"> </p>
</div>
</div>
</div>
<div id="logobox">
<h1> </h1>
<h2>Explore your creativity</h2>
</div>
<p><!--#include file="menu.html" -->
</p>
</div>
<div id="footer">
<ul>
<li><a href="index.shtml">Main Page</a></li>
<li><a href="about.shtml">About Us</a></li>
<li><a href="/shop">Shopping</a></li>
<li><a href="/shop/index.php?main_page=index&cPath=7">Classes</a></li>
<li><a href="contact_us.shtml">Contacts</a></li>
</ul>
<p>Copyright 2007 - | Site designed and hosted by<a href="http://www..com" target="_blank"></a> </p>
</div>
</div>
</div>
</body>
</html>
Then Menu.html file he Code: <link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
<div id="navigation">
<ul>
<li><a href="index.shtml">Home</a></li>
<li><a href="about.shtml">About Us</a></li>
<li><a href="contact_us.shtml">Contact us </a></li>
<li><a href="calendar.shtml">Calendar</a></li>
<li><a href="classes.shtml">Classes</a></li>
<li><a href="events.shtml">Other Events </a></li>
</ul>
</div>
<div id="extra">
<h2 class="stripnav">Shopping</h2>
<p>Here we will show a single item from each category in your shopping area that will be linked to it.. </p>
<p><a href="#">Pattern Packets </a><br />
Photo goes here </p>
<p><a href="#">Glass</a><br />
Photo goes here </p>
<p><a href="#">Paintings</a><br />
Photo goes here</p>
<p><a href="#">Wood</a><br />
Photo goes here </p>
<p><a href="#">Other</a><br />
Photo goes here </p>
<p><a href="#">Supplies</a><br />
Photo goes here </p>
</div>
Hi all, I have this headache problem ... check it out here on my site You see that menu ? it should be all over the #bar, but it just minimizes it to that small size. It should be all over the #bar Thanks !!! I am having the same problem as a few other posters regarding Spry menu bars. I was wondering if someone here could help us. The link is The problem link Thanks Hello Can u hlp me please? have look at www.verexelto.sk/test/test1.php - this is good version of the page but without any text in the footer. after i try tu put any content into footer (f.e. some text) the page wil not do this properly (the way i want it :-) ) have look at www.verexelto.sk/test/test.php (scroll down) What should i have to do , what am i doing wrong? Thank you Hey everyone. I am new to CSS and the forum, thus slightly overwhelmed with a project I am undertaking to produce a CSS menu. The menu is text based, vertically stacked and has two main criteria: 1. On mouse over one of the text buttons (Work for example) to the right or underneath a hidden DIV appears with a selection of sub options. 2. When the above occurs, the text of the Work menu changes to a specific colour. Eg: Work - HIMALAYAS | LIONS EDITORIAL About Links Blog At the moment I am using the following code to show and hide: <a href="#"onmouseover="showhide('script'); return(false); ">WORK</a> <div style="display: none;" id="script"> <a href="ps">HIMALAYAS</a> <a href="l">LIONS EDITORIAL</a> </div> <script> function showhide(id){ if (document.getElementById){ obj = document.getElementById(id); if (obj.style.display == "none"){ obj.style.display = ""; } else { obj.style.display = "none"; } } } </script> Can anyone help me out? Ray. Hey, i've had this issue for some time now with no resolve... see here I have tried adding a background image to the menu, but to no avail. Here's the menu CSS; Code:
#leftmenu {
width:150px;
min-height:500px;
position:relative;
left:0;
top:1px;
background:#e5e5e5 url(images/menu_bg_left.gif) repeat-y;
float:left;
text-align:left;
font-size:8pt;
}
* html #leftmenu {
height:1px;
}
.lefttop {
width:150px;
height:40px;
background:url(images/menu_top_left.gif) no-repeat;
}
.leftbottom {
width:150px;
height:40px;
background:url(images/menu_bottom_left.gif) no-repeat;
}
ul#nav, ul#nav ul {
list-style: none;
width: 130px;
}
ul#nav li {
position: relative;
}
li ul.secondary {
position: absolute;
left: 100%;
top: 0;
display: none;
background-color: #EFEFEF;
z-index:400;
}
ul#nav li a:hover {
display: block;
text-decoration:none;
color:white;
background-color:#C4E500;
}
ul#nav li a {
display: block;
text-decoration: none;
color: #C4E500;
padding: 4px;
color:#333;
border-bottom:1px solid #d1d1d1;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
ul#nav li:hover ul, ul#nav li.over ul {
display: block;
}
thanks! I'm having a problem getting the text of an <a> tag to be what I want where I want. No one in the javascript forum wants to tackle this. maybe it is a css thing. I made this interlocking tabbed menu which I do by javascript updating the position of the background graphic and its neighbor. I have done buttons before with a background and text overlayed. but they were always <input>'s and whatever I put in the value field just kinda showed up on top of the background graphic. These are actually <a>'s I assumed the text I put in between the <a> and the </a> tag would just show up but it doesn't. I tried making special divs for them but then I run in to position problems. If I make it absolute the first one is fine, then they all pile on top of it. If I make it relative, NONE of them show. Here is a test http://colleenweb.com/tests/bartest.php There is nothing like css for turning my brain into industrial waste. This has to be doable. Someone who understands this stuff please advise? Hey folks, strange issue here. despite the fact that i've set the z-index to 400 for the vertical drop down part of the menu, it's still being displayed underneath some of the text in the content part of the page. here's the menu style: Code:
#leftmenu {
width:150px;
min-height:500px;
position:relative;
left:0;
top:1px;
background:#e5e5e5 url(images/menu_bg_left.gif) repeat-y;
float:left;
text-align:left;
font-size:8pt;
}
* html #leftmenu {
height:1px;
}
.lefttop {
width:150px;
height:40px;
background:url(images/menu_top_left.gif) no-repeat;
}
.leftbottom {
width:150px;
height:40px;
background:url(images/menu_bottom_left.gif) no-repeat;
}
ul#nav, ul#nav ul {
list-style: none;
width: 130px;
}
ul#nav li {
position: relative;
}
li ul.secondary {
position: absolute;
left: 100%;
top: 0;
display: none;
background-color: #EFEFEF;
z-index:400;
}
ul#nav li a:hover {
display: block;
text-decoration:none;
color:white;
background-color:#C4E500;
}
ul#nav li a {
display: block;
text-decoration: none;
color: #C4E500;
padding: 4px;
color:#333;
border-bottom:1px solid #d1d1d1;
}
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
ul#nav li:hover ul, ul#nav li.over ul {
display: block;
}
you can see what i'm talking about here. thanks Hello, I have a vertical menu on the left hand side of my page that I'm working on. I'm trying to center the text vertically in each box as some menu names take up two lines and are skewing the alignment. Here's the code I'm using for the menu: Code:
#menu {
clear: left;
float: left;
width: 150px;
margin: 0 0 10px 0;
padding: 0;
font-size: 0.9em;
}
#menu ul {
list-style: none;
width: 150px;
margin: 0 0 20px 0;
padding: 0;
font-size: 10px;
}
#menu li {
margin-bottom: 4px; /* space between each menu item */
}
#menu li a { /* text */
font-weight: bold;
height: 25px; /* height of menu tabs */
text-decoration: none;
color: #505050;
display: block;
padding-left: 10px;
padding-top: 5px;
background: #f4f4f4;
border-left: 4px solid #cccccc;
}
#menu li a:hover {
background: #eaeaea;
color: #286ea0;
border-left: 4px solid #286ea0;
}
If anyone could help me out that'd be great. Thanks! Hi, I'm still relatively new to CSS and liquid layouts, so please bear with me. I've made a new layout using only CSS over he http://www.abhiram.astahost.com/trialcss/index.html and the CSS file is: http://www.abhiram.astahost.com/trialcss/mystyle.css Now, when I move the mouse over one of the menu buttons, there should be a popup text that appears below the the button. The problem is, I don't want the button size to increase when you move the mouse over it. This is happening because I've had to use 'position:relative'. Also, I don't want the 'content' and 'rightbar' regions moving down when you mouse over it. I've designed this in 1024x768 res. Any ideas? One way of doing it would be to use absolute positioning, but I want the text to appear below each button. Thanks a lot. Hey guys, I searched for this but didn't find an exact answer. I'm working on a really weird navigation header and have run into what should be a really basic problem. I have everything working except for the submenus. I want them to have a red background when rolled over, but white text. No matter what combination I've tried in the code, I cannot achieve this. What gives? You can see what I mean by going he johngibby[dot]com/blbr/ (sorry admins, but it's too complicated to explain without showing it) the CSS is Code: #navbar {
margin: 0;
padding: 0;
height: 1em; }
#navbar li {
list-style: none;
float: left; }
#navbar li a {
display: block;
padding: 0;
color: #fff;
text-decoration: none; }
#navbar li ul {
display: none;
width: 10em; /* Width to help Opera out */
background-color:#FFF;}
#navbar li:hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0; }
#navbar li:hover li {
float: none; }
#navbar li:hover li a {
background-color: #FFF;
color: #000; }
#navbar li li a:hover {
background-color: #eb1b24;}
/*dropdown list item positioning*/
#navbar li.facility {
top:-28px;
left:73px;
position:relative;
}
#navbar li.membership {
top:-90px;
left:78px;
position:relative;
}
#navbar li.contact {
top:-126px;
left:80px;
position:relative;
}
#navbar li.teams {
top:-122px;
left:360px;
position:relative;
}
#navbar li.camps {
top:-85px;
left:360px;
position:relative;
}
#navbar li.links {
top:-38px;
left:360px;
position:relative;
}
#navbar ul.facilitydropdown {
position:relative;
top:50px;
font-family:Verdana, Geneva, sans-serif;
font-size:.7em; }
#navbar ul.membershipdropdown {
position:relative;
top:60px;
font-family:Verdana, Geneva, sans-serif;
font-size:.7em; }
#navbar ul.teamsdropdown {
position:relative;
top:60px; left:-20px;
font-family:Verdana, Geneva, sans-serif;
font-size:.7em; }
#navbar ul.campdropdown {
position:relative;
top:60px; left:-20px;
font-family:Verdana, Geneva, sans-serif;
font-size:.7em; }
Thanks! I have googled; I have read; I have read some more.... </popeye>That's all I can reads and I can't reads no more!</popeye> a {text-decoration:none} YEA! ....now; what if I only want to remove the underline on links in my menu and NOT the whole freakin' document???? lol..sorry I just spent the last three hours trying to fix this and no luck so far. the DOCTYPE is XHTML STRICT. Hello, I've always made my menu buttons with the text built into the image but is there a better way to do it? Thanks for the help. Hi, I am creating a site with drop down menus, done purely in CSS. If I don't set the 'width' parameter for 'ul' element then in IE7, Firefox and Opera the menu appears fine. In IE6 however the menu just stacks vertically unless I set the width parameter. The reason I don't want to set width is because I would like the top level menu items to just be the length of the text as in IE7 etc. One item is particularly longer than the others and so wastes space. The code for this element: Code:
#menu ul {
list-style: none;
margin: 0;
padding: 0;
/*change for IE6*/
/*width: 7em;*/
/*stops going onto two lines but then just becomes hidden*/
/*white-space: nowrap;*/
/*
width: auto;
min-width: 40px;
*/
float: left;
}
Is there any way to set the width to be that of the text contained? IE7, Firefox and Opera seem to do this automatically. After extensive searching I have tried auto width, floating in different ways, setting min-width as well as setting no-wrap but no joy. Is there a way to do this, or will I need to configure a set width to make it backwards compatible? Thanks. I am learning to do drop down menus and so far, so good. What I cannot figure out is that in the drop downs the text seems to be indented. For example, if the text said "New information", the "New" part starts what appears to be a few spaces to the right. I did, most recently, set the text to be centered but it still does this. The effect is that if the text wraps to a second line, then the second line is further to the left. Looks odd to me but I can't figure out how to fix it. Thanks for any help. Richard i have a rollover menu that i made with image in a row absolutly positioned. for each button the html code is <div class="art"> <a href="#"> <span class="marginoffset"> Link text here (end tags) and the css is .art {z-index:2;position: absolute; left: 55px; top:0px; display:block; width:600px; height:70px; background: no-repeat 0px 0px; text-indent: -55px; line-height: 14.5em; text-decoration:none; color:#000; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;} .art a {position: absolute;display:block; background:url(menuimg/btn.art_repro.jpg) no-repeat 0px 0px;line-height: 16.5em; text-align:left; text-decoration:none; text-wrapping: no-wrap; color:#999; font-size:0.7em;font-family: Verdana, Arial, Helvetica, sans-serif;} .art a:hover {position: absolute; background: url(menuimg/btn.art_repro_f2.jpg) no-repeat 0px 0px; line-height: 14.5em; text-align:left; text-decoration:none; color:#000; font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;} .art a:active {position: absolute; background: url(menuimg/btn.art_repro_f3.jpg) no-repeat 0px 0px; line-height: 14.5em; text-align:left; text-decoration:none; color:#000; font-size:11px;font-family: Verdana, Arial, Helvetica, sans-serif;} . marginoffset ( position: relative; left: 0px; top:0px; Issue resolved using forum search. Thanks for having such great resources - I just had to search for a while. See the image at http://i187.photobucket.com/albums/x205/vitainf/IEhelp.png - having trouble to get it showing the image with the bbcodes :S As you can see the menu to the right, which is known as '.sidebar' in the css followed below, is sort of pushing the main content, which is known as .content in the css below, down. Anyone has any idea how to fix this? Style Sheets Code: body
{
text-align: center;
background: #800000;
color: #fff;
}
* {
padding: 0;
margin: 0;
}
div#container
{
margin-left: auto;
margin-right: auto;
width: 700px;
text-align: left;
}
#spacer {
height: 50px;
}
#header {
height: 100px;
width: 100%;
background: url(ctfiles/logo.png) no-repeat top center #000;
}
#container {
background: #fff;
padding: 10px;
}
#main {
background: #000;
color: #fff;
width: 700px;
}
.sidebar {
float: right;
text-align: right;
background: #000;
color: #fff;
width: 30%;
padding-left: 8px
padding-right: 12px
}
.content {
color: #fff;
background: #000;
width: 70%;
margin-left: 2px;
margin-right: 2px
}
HTML/Template/PHP w/e Note: It's a template for the MODx CMS, which explains some of the calls like [(site_name)]. The lorum ipsum is in the [*content*] call, the menu in the [[wayfinder...]] one. PHP Code: <!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> <title>[(site_name)] | [*pagetitle*]</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="[(base_url)]chinatown.css" type="text/css" media="screen" /> <base href="[(site_url)]" /> <!--[if lte IE 6]> <style type="text/css" media="screen, tv, projection"> body { behavior: url(assets/js/csshover.htc); } /* hover:anything support */ #content { margin-left: 22px; } /* to avoid the BMH */ a, a:link { border-bottom-style: solid } /* becuase IE just doesn't dot */ </style> <script type="text/javascript" src="assets/js/sleight.js"></script> <![endif]--> </head> <body> <div id="page"> <div id="spacer"> </div> <div id="container"> <div id="header"> </div> <div id="main"> <div class="sidebar"> [[Wayfinder? &startId=`0`]] </div> <div class="content"> <h4>[*longtitle*]</h4> [*#content*] </div> </div> <div id="footer"> [(site_name)] is powered by <a href="http://modxcms.com/" title="Powered by MODx"><strong>MOD</strong>x Content Management System</a> <br /><a href="[~11~]" title="Link to our Blog RSS Feeds">Blog Entries (RSS)</a><br /> MySQL: [^qt^], [^q^] request(s), PHP: [^p^], total: [^t^], document retrieved from [^s^]. </div> </div> </div> </body> </html> |
|||||||