Snitz Forums 2000
Snitz Forums 2000
Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
 Password:
Save Password
Forgot your Password?

 All Forums
 Community Forums
 Community Discussions (All other subjects)
 CSS won't cooperate		  New Topic  Topic Locked
 Printer Friendly
Author Previous Topic Topic Next Topic  

Astralis
Senior Member

USA
1218 Posts
Posted - 22 November 2003 :  16:43:38  Show Profile  Send Astralis a Yahoo! Message
GOT IT TO WORK!! I had to remove some of the HTML code that was interfering with the DIV tags. Thanks for everyone's help!

Using the following MoveableType Template with the CSS styles they provided for that page, I am not getting it to look like the site claims it should look:



I have inserted the following code that they provide (this code is a template and the MT code should not interfere with the CSS - I had actual content and got the same output as the template).

Would someone please test this code and tell me if you can get it to look like the sample?

Thank you!!

HTML 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=<$MTPublishCharset$>" />

<title><$MTBlogName$></title>

<link rel="stylesheet" href="<$MTBlogURL$>styles-site.css" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<$MTBlogURL$>index.rdf" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$MTBlogURL$>rsd.xml" />

<script language="javascript" type="text/javascript">
function OpenComments (c) {
    window.open(c,
                    'comments',
                    'width=480,height=480,scrollbars=yes,status=yes');
}

function OpenTrackback (c) {
    window.open(c,
                    'trackback',
                    'width=480,height=480,scrollbars=yes,status=yes');
}
</script>

<MTBlogIfCCLicense>
<$MTCCLicenseRDF$>
</MTBlogIfCCLicense>

</head>

<body>

<div id="banner">
<h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName$></a></h1>
<span class="description"><$MTBlogDescription$></span>
</div>

<div id="content">

<div class="blog">

<MTEntries>
<$MTEntryTrackbackData$>

	<MTDateHeader>
	<h2 class="date">
	<$MTEntryDate format="%x"$>
	</h2>
	</MTDateHeader>

	<div class="blogbody">
	
	<a name="<$MTEntryID pad="1"$>"></a>
	<h3 class="title"><$MTEntryTitle$></h3>
	
	<$MTEntryBody$>
	
	<MTEntryIfExtended>
	<span class="extended"><a href="<$MTEntryPermalink$>#more">Continue reading "<$MTEntryTitle$>"</a></span><br />
	</MTEntryIfExtended>
	
	<div class="posted">Posted by <$MTEntryAuthor$> at <a href="<$MTEntryPermalink$>"><$MTEntryDate format="%X"$></a>
	<MTEntryIfAllowComments>
	| <a href="<$MTCGIPath$><$MTCommentScript$>?entry_id=<$MTEntryID$>" onclick="OpenComments(this.href); return false">Comments (<$MTEntryCommentCount$>)</a>
	</MTEntryIfAllowComments>
	<MTEntryIfAllowPings>
	| <a href="<$MTCGIPath$><$MTTrackbackScript$>?__mode=view&entry_id=<$MTEntryID$>" onclick="OpenTrackback(this.href); return false">TrackBack (<$MTEntryTrackbackCount$>)</a>
	</MTEntryIfAllowPings>
	</div>
	
	</div>
	


</MTEntries>

</div>

</div>


<div id="links">



<div align="center" class="calendar">

<table border="0" cellspacing="4" cellpadding="0" summary="Monthly calendar with links to each day's posts">
<caption class="calendarhead"><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="Sunday" align="center"><span class="calendar">Sun</span></th>
<th abbr="Monday" align="center"><span class="calendar">Mon</span></th>
<th abbr="Tuesday" align="center"><span class="calendar">Tue</span></th>
<th abbr="Wednesday" align="center"><span class="calendar">Wed</span></th>
<th abbr="Thursday" align="center"><span class="calendar">Thu</span></th>
<th abbr="Friday" align="center"><span class="calendar">Fri</span></th>
<th abbr="Saturday" align="center"><span class="calendar">Sat</span></th>
</tr>

<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>

<td align="center"><span class="calendar">
<MTCalendarIfEntries><MTEntries lastn="1"><a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>
<MTCalendarIfBlank> </MTCalendarIfBlank></span></td><MTCalendarWeekFooter></tr>
</MTCalendarWeekFooter></MTCalendar>
</table>

</div>

<div class="sidetitle">
Search
</div>
 
<div class="side">
<form method="get" action="<$MTCGIPath$><$MTSearchScript$>">
<input type="hidden" name="IncludeBlogs" value="<$MTBlogID$>" />
<label for="search" accesskey="4">Search this site:</label><br />
<input id="search" name="search" size="20" /><br />
<input type="submit" value="Search" />
</form>
</div>

<div class="sidetitle">
Archives
</div>

<div class="side">
<MTArchiveList archive_type="Monthly">
<a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a><br />
</MTArchiveList>
</div>

<div class="sidetitle">
Recent Entries
</div>

<div class="side">
<MTEntries lastn="10">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a><br />
</MTEntries>
</div>

<div class="sidetitle">
Links
</div>

<div class="side">
<a href="">Add Your Links Here</a><br />
</div>

<div class="syndicate">
<a href="<$MTBlogURL$>index.rdf">Syndicate this site (XML)</a>
</div>

<MTBlogIfCCLicense>
<div class="syndicate">
<a href="<$MTBlogCCLicenseURL$>"><img alt="Creative Commons License" border="0" src="<$MTBlogCCLicenseImage$>" /></a><br />
This weblog is licensed under a <a href="<$MTBlogCCLicenseURL$>">Creative Commons License</a>.
</div>
</MTBlogIfCCLicense>

<div class="powered">
Powered by<br /><a href="http://www.movabletype.org">Movable Type <$MTVersion$></a><br />    
</div>

</div>

<br clear="all" />

</body>
</html>


CSS


	body {
		margin:20px 20px 20px 20px;
		background:#6C6457;		
		}
	A 			{ color: #993300; text-decoration: none; font-weight:normal; } 
	A:link		{ color: #993300; text-decoration: none; } 
	A:visited	{ color: #993300; text-decoration: none; } 
	A:active	{ color: #FFCC66;  } 
	A:hover		{ color: #FFCC66;  }

	h1, h2, h3 {
		margin: 0px;
		padding: 0px;
	}

	#banner {
		font-family:georgia, verdana, arial, sans-serif;
		color:#FFF;
		font-size:x-large;
		font-weight:bold;
		border-left:1px dotted #FFF;	
		border-right:1px dotted #FFF;  		
		border-top:1px dotted #FFF;  		
  		background:#993300;
  		padding:15px; 		  		  		 	 
		}

	#banner a,
        #banner a:link,
        #banner a:visited,
        #banner a:active,
        #banner a:hover {
		font-family:georgia, verdana, arial, sans-serif;
		font-size: x-large;
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		}
		
	.description {
		font-family:verdana, arial, sans-serif;
		color:#FFF;
		font-size:x-small;
		font-weight:bold;
  		background:#993300;
  		text-transform:none;	
		}	
				
	#content {
		float:left;
		position:relative;
		width:60%;
		background:#FFF;
		margin-right:15px;
		margin-bottom:20px;
		border:1px dotted #333;	
		}

	#container {
		background:#FFF;
		border:1px dotted #333;		
		}

	#links {
		background:#FF9933;
		padding:15px;				
		border:1px dotted #FFF;			
		}
		
	.blog {
  		padding:15px;
		background:#FFF;  							
		}	

	
	.blogbody {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:16px;			
		}

	.blogbody a,
	.blogbody a:link,
	.blogbody a:visited,
	.blogbody a:active,
	.blogbody a:hover {
		font-weight: normal;
		text-decoration: underline;
	}
	
	.title	{ 
		font-family: verdana, arial, sans-serif; 
		font-size: small; 
		color: #003366; 	
		text-transform:uppercase;				
		}			

	#menu {
  		margin-bottom:15px;
		background:#FFF;
		text-align:center;  							
		}		

	.date	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: small; 
		color: #666; 
		border-bottom:1px solid #999;
		margin-bottom:10px;
		font-weight:bold;
		}			
		
	.posted	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: x-small; 
		color: #003366; 
		margin-bottom:25px;
		}
		
		
	.calendar {
		font-family:verdana, arial, sans-serif;
		color:#FFF;
		font-size:x-small;
		font-weight:normal;
  		background:#FF9933;
  		line-height:140%;
  		padding:2px;
  		text-align:center;	
		}
	
	.calendarhead {	
		font-family:verdana, arial, sans-serif;
		color:#FFF;
		font-size:x-small;
		font-weight:bold;
  		background:#FF9933;
  		line-height:140%;
  		padding:2px;					
		}	
	
	.side {
		font-family:verdana, arial, sans-serif;
		color:#333;
		font-size:x-small;
		font-weight:normal;
  		background:#FF9933;
  		line-height:140%;
  		padding:2px;				
		}	
		
	.sidetitle {
		font-family:verdana, arial, sans-serif;
		color:#FFF;
		font-size:small;
		font-weight:normal;
  		line-height:140%;
  		padding:2px;
  		margin-top:10px;
		letter-spacing: .1em;
		border-bottom:1px dotted #FFF;
		text-align:center;		  					
  		background:#FF9933;		
		}		
	
	.syndicate {
		font-family:verdana, arial, sans-serif;
		font-size:xx-small;
		font-weight:bold;		
  		line-height:140%;
  		padding:2px;
  		margin-top:10px;
  		text-align:center;
  		background:#FF9933;  		
 		}	
		
	.powered {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:xx-small;
		font-weight:bold;
  		border:1px dotted #999;			
		line-height:140%;
		text-transform:uppercase; 
		padding:2px;
		margin-top:10px;
		text-align:center;
		letter-spacing: .2em;					
  		background:#FFF;		
		}	
		
	
	.comments-body {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
 		padding-bottom:10px;
  		padding-top:10px;		
 		border-bottom:1px dotted #999; 					
		}		

	.comments-post {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:normal;
  		background:#FFF;		
		}	

	.trackback-url {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
 		padding:5px;	
 		border:1px dotted #999; 					
		}

	.trackback-body {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:small;
		font-weight:normal;
  		background:#FFF;
  		line-height:140%;
 		padding-bottom:10px;
  		padding-top:10px;		
 		border-bottom:1px dotted #999; 					
		}		

	.trackback-post {
		font-family:verdana, arial, sans-serif;
		color:#666;
		font-size:x-small;
		font-weight:normal;
  		background:#FFF;		
		}

		
	.comments-head	{ 
		font-family:verdana, arial, sans-serif; 
		font-size: small; 
		color: #666; 
		border-bottom:1px solid #999;
		margin-top:20px;
		font-weight:bold;
  		background:#FFF;		
		}		

	#banner-commentspop {
		font-family:georgia, verdana, arial, sans-serif;
		color:#FFF;
		font-size:large;
		font-weight:bold;
		border-left:1px dotted #FFF;	
		border-right:1px dotted #FFF;  		
		border-top:1px dotted #FFF;  		
  		background:#993300;
  		padding-left:15px;
  		padding-right:15px;
  		padding-top:5px;
  		padding-bottom:5px;  		  		  			 
		}
Edited by - Astralis on 22 November 2003 20:01:53

DavidRhodes
Senior Member

United Kingdom
1222 Posts
Posted - 22 November 2003 :  17:53:57  Show Profile
Looks like some old fashioned cgi/bespoke code?
You have the dollar sign ($) in your code, how would that get interpreted?
The UK MkIVs Forum
Go to Top of Page

Astralis
Senior Member

USA
1218 Posts
Posted - 22 November 2003 :  17:59:55  Show Profile  Send Astralis a Yahoo! Message
It is the template for MoveableType and they use cgi. I'm just working on the template for ASP but am only testing the style-sheets. If you create an html document to look at the styles - not the code - the dollar sign is interpreted as a dollar sign.

What is odd, is that these are the templates for MoveableType but I cannot get them to work in IE 6.0 and just a little better in Netscape (as if!). I wanted to see if I was the only one having these problems.

I may just abandon these style-sheets and move onto regular HTML and ASP but I hope someone could confirm that it's just not me.

Here are the links to the templates and style-sheets on MoveableType if you want to grab them. Be sure to change the link for the style-sheets in the HTML code if you post it on your server.
Edited by - Astralis on 22 November 2003 18:01:44
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Topic Locked
 Printer Friendly
Jump To:
Snitz Forums 2000 © 2000-2021 Snitz™ Communications Go To Top Of Page
This page was generated in 0.31 seconds. Powered By: Snitz Forums 2000 Version 3.4.07