hello everybody,
first i like to say hey to all of you im new to the form and this is my first post. so i like to introduce myself.
whell im hans im from the netherlands and im 32 years old. im verry dyslectic so on the spelling part you have to bear with me.
im working as a designer most logo`s.
i have done some codeing in skool but thats a long ago.
at the momend im working on a site and typolight realy made me excided abouth using a cms. first time for me.
i remade a themp. so as to use it for my site. the resolt is this:
as you see theres something wrong with the articles and news items.
also my footer is missing.
Here is the code:
HTML:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<?php echo $this->base; ?>"></base>
<title><?php echo $this->mainTitle; ?> - <?php echo $this->pageTitle; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo $this->charset; ?>" />
<meta name="description" content="<?php echo $this->description; ?>" />
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<?php echo $this->robots; ?>
<script type="text/javascript" src="plugins/tablesort/js/tablesort.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools.js"></script>
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>
<script type="text/javascript" src="plugins/ufo/ufo.js"></script>
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="plugins/tablesort/css/tablesort.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="/style.css" media="screen" />
<?php echo $this->head; ?>
<link rel="stylesheet" type="text/css" href="tl_files/bluefreedom2/style.css" media="screen" />
</head>
<body <?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>
<div id="wrap">
<div id="content">
<div class="header"><?php echo $this->header; ?></div>
<div class="breadcrumbs">
Home · <span class="t1">You are here</span></div>
<div class="left"><?php echo $this->left; ?></div>
<div class="middle"><?php echo $this->main; ?></div>
<div class="right"><?php echo $this->right; ?></div>
<div id="clear"></div>
</div>
<div id="bottom"></div>
<div id="footer"><?php echo $this->footer; ?></div>
[img]<?php echo $this->base; ?>cron.php[/img]
<?php echo $this->mootools; ?>
<?php if ($this->urchinId): ?>
<script type="text/javascript" src="<?php echo $this->urchinUrl; ?>"></script>
<script type="text/javascript">
<![CDATA[//><!--
try {
var pageTracker = _gat._getTracker("<?php echo $this->urchinId; ?>");
pageTracker._trackPageview();
} catch(err) {}
//--><!]]>
</script>
<?php endif; ?>
</body>
</html>
and this is the css:
Code:
* {
}
body {
background: #000000;
font: .74em calibri;
line-height: 1.5em;
background-image: url(img/bg.jpg);
color: #CCC;
background-repeat: repeat-x;
}
a {
color: #CCC;
text-decoration: none;
}
a:hover {
text-decoration: underline;
color: #f90;
}
#wrap {
width: 970px;
left: 50%;
position: absolute;
margin-left: -485px;
top: 0px;
}
#top {
background: #fff url('images/topbg.jpg');
height: 30px;
}
#content {
}
#bottom {
height: 20px;
}
.header {
height: 509px;
background-image: url(img/index_01.jpg);
width: 970px;
left: 0px;
position: relative;
}
.header h1 { padding-left: 17px; padding-top: 22px; font-size: 22px; color: #ccc; }
.header h1 a { font-size: 22px; color: #FF9900; text-decoration: none;}
.header h2 { padding-left: 17px; padding-top: 0px; font-size: 17px; color: #ccc; }
.breadcrumbs {
}
.middle {
float: left;
width: 530px;
text-align: justify;
top: 158px;
padding: 0 20px 0 20px;
height: auto;
}
.left {
float: left;
width: 200px;
height: auto;
}
.left ul {
padding: 20px 0 15px 20px;
margin:0;
}
.left li {
margin-bottom:5px;
list-style-type: square;
color: #f90;
}
.right {
float: right;
width: 200px;
height: auto;
}
.right ul {
padding: 20px 0 15px 20px;
margin:0;
}
.right li {
margin-bottom:5px;
list-style-type: square;
color: #f90;
}
.middle h2 { color: #Ff9900; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.right h2 { color: #FF9900; font-size: 14px; margin-top: 15px;}
.left h2 { color: #FF9900; font-size: 14px; margin-top: 15px;}
#clear {
display: block;
clear: both;
width: 100%;
height:1px;
overflow:hidden;
}
#footer {
height: 150px;
background-image: url(img/index_11.jpg);
}
.t1 {
color: #CCC;
}
.mod_navigation .submenu { display:inline; }
.mod_navigation .level_2 { margin-top:-18px; margin-bottom:-9px; }
im a real nood at this, so anyhelp i would apriciate.!
layout problem
Originally Posted by byknight
hello everybody,
Reply With Quote
Bookmarks