Hey hey
så fandt jeg et forum hvor man kan få hjælp til CSS... har meget godt om stedet her. så jeg ville prøve...
min kode i min html editor ser sådan her ud:
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<jdoc:include type="head" />
<?php JHTML::_('behavior.mootools'); ?>
<link rel="stylesheet" href="css/template.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/loekkenbrand.dk_index/css/template.css" type="text/css" media="screen" />
<link rel="shortcut icon" href="<?php echo $this->baseurl ?>/templates/loekkenbrand.dk_index/images/favicon.ico" />
</head>
<body class="twoColFixLtHdr">
<a name="Top" id="Top"></a>
<div id="container">
<div id="header">
</div>
<div class="twoColFixLtHdr" id="menu">
<jdoc:include type="modules" name="user3" />
</div>
<div class="twoColFixLtHdr" id="spacertop"></div>
<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="udryk">
<jdoc:include type="modules" name="user5" style="xhtml"/>
</div>
<div id="news">
<jdoc:include type="modules" name="top" style="xhtml"/>
</div>
<div id="poll">
<br />
<jdoc:include type="modules" name="right" style="xhtml"/>
</div>
<?php endif; ?>
<div id="login">
<?php if($this->countModules('left')) : ?>
<jdoc:include type="modules" name="left"/>
<p>
<?php endif; ?>
</p>
<p> </p>
<p><a href="http://validator.w3.org/check?uri=referer" target="_blank"><img src="/cms/templates/loekkenbrand.dk_index/images/but-xhtml10.gif" width="63" height="17" alt="Denne side er XHTML valideret af w3" /></a></p>
<p><a href="http://jigsaw.w3.org/css-validator/" target="_blank"><img src="/cms/templates/loekkenbrand.dk_index/images/but-css.gif" width="53" height="18" alt="Denne side er CSS valideret af w3" /></a></p>
<p><a href="http://www.loekkenbrand.dk/cms/index.php?format=feed&type=rss" target="_blank"><img src="/cms/templates/loekkenbrand.dk_index/images/but-rss.gif" width="51" height="16" alt="Læs RSS 2.0 feed" /></a></p>
<p><a href="http://www.loekkenbrand.dk/cms/index.php?format=feed&type=atom" target="_blank"><img src="/cms/templates/loekkenbrand.dk_index/images/but-atom.gif" width="57" height="16" alt="Læs ATOM 1.0 feed" /></a></p>
</div>
<div id="Content">
<jdoc:include type="modules" name="breadcrumb" />
<table width="100%" border="0">
<tr>
<td width="50%"><?php if($this->countModules('user1')) : ?>
<p>Nyeste sider</p>
<jdoc:include type="modules" name="user1" style="" />
<?php endif; ?></td>
<td width="50%"><?php if($this->countModules('user2')) : ?>
<p>Mest læste sider</p>
<jdoc:include type="modules" name="user2" style="" />
<?php endif; ?></td>
</tr>
</table>
<?php if($this->countModules('left')) : ?>
<?php else: ?>
<?php endif; ?>
<jdoc:include type="component" />
<p><a href="#top">Gå til toppen</a></p>
</div>
<br class="clearfloat" />
<div class="twoColFixLtHdr" id="spaceline"></div>
<div id="footer">
<jdoc:include type="modules" name="footer" style="xhtml"/>
</div>
</div>
</body>
</html>og min CSS fil ser sådan her ud:
@charset "utf-8";
*{
margin:0;
padding:0;
}
body {
margin: 0;
padding: 0;
text-align: justify;
color: #000000;
background-image: url(../images/15690-baggrund.gif);
font-family: Tahoma;
font-size: 12px;
color: #000000;
font-weight: normal;
}
.twoColFixLtHdr #container {
width: 820px;
margin: 0 auto;
text-align: left;
background-color: #FFFFFF;
background-color: #FFFFFF;
}
.twoColFixLtHdr #header {
height: 85px;
background-image: url(../images/top.jpg);
}
.twoColFixLtHdr #menu {
background-color: #FFFFFF;
height: 18px;
text-align: center;
}
.twoColFixLtHdr #spacertop {
clear: left;
height: 10px;
}
.twoColFixLtHdr #udryk {
float: right;
width: 169px;
height: 170px;
margin: 10px 5px 10px 0;
background-color: #F3F3F3;
}
.twoColFixLtHdr #news {
float: right;
margin: 0px -169px 0 0;
width: 169px;
background-color: #F3F3F3;
margin-top: 190px;
}
.twoColFixLtHdr #poll {
float: right;
margin: 480px -169px 0 0;
width: 169px;
background-color: #F3F3F3;
}
.twoColFixLtHdr #flash {
width: 640px;
height: 224px;
}
.twoColFixLtHdr #flashsite {
width: 800px;
height: 138px;
}
.twoColFixLtHdr #login {
float: left;
width: 163px;
margin: 10px 0 10px 5px;
background-color: #F3F3F3;
}
.twoColFixLtHdr #links {
float: left;
width: 173px;
margin: 10px 0 10px 5px;
background-color: #F3F3F3;
height: 240px;
}
.twoColFixLtHdr #Content {
margin: 10px 0 0 175px;
min-width: 465px;
}
.twoColFixLtHdr #Contentsite {
margin: 10px 0 0 190px;
width: 610px;
}
.twoColFixLtHdr #spaceline {
height: 10px;
background-image: url(../images/15690-baggrund.gif);
}
.twoColFixLtHdr #footer {
text-align: center;
}
.twoColFixLtHdr #footer p {
margin: 0;
padding: 10px 0;
}
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/* link styles */
a:link {
font-size: 12px;
color: #5292FD;
text-decoration: none;
}
a:visited {
font-size: 12px;
color: #5292FD;
text-decoration: none;
}
a:hover {
font-size: 12px;
color: #5292FD;
text-decoration: underline;
}
/* end */
/* text formatering */
hr {
color: #6e6e6e;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
}
p, h1, h2, h3{
margin-left: 2px;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
}
h3{
color: #000000;
font-size: 18px;
}
h1{
color: #5292FD;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.contentheading{
color: #5292FD;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.createdate{
font-size: 9px;
color: #000000;
}
.modifydate {
font-size: 9px;
color: #000000;
}
img {
border: 0;
}
.content_vote{
color: #FF0000;
}
.small {
font-size: 10px;
color: #666;
font-weight: normal;
}
.componentheading {
color: #46596E;
font-size: 12px;
font-weight: normal;
margin-bottom: 10px;
}
ul {
list-style: none;
margin-left: 2px;
margin-top: 5px;
margin-right: 2px;
margin-bottom: 5px;
}
ul li li {
padding-left: 35px;
background: url(../images/readmore3.jpg) no-repeat 18px 8px;
line-height: 180%;
margin-left: 0px;
margin-top: -10px;
margin-right: 0px;
margin-bottom: -5px;
}
/* end */
/* Search */
#ja-search {
padding-left: 20px;
background: url(../images/icon-search.gif) no-repeat center left;
bottom: 261px;
}
#ja-search .inputbox {
width: 120px;
border: 1px solid #333333;
padding: 3px 5px;
color: #999999;
background: #444444;
font-size: 92%;
}
/* breadcrumb */
.breadcrumbs pathway {
font-size: 11px;
color: #5292FD;
}
/* end */
#nyheder {
}
Min side ser sådan her ud:
http://www.loekkenbrand.dk/cms/problemet er ligge i de 3 div boks i højre side
- id=udryk
- id=news
- id=poll
hvordan får jeg dem til at have en min. placereing... altså lidt det samme som en min-heigt. kan man ikke lave sådan at de altid er placeret omkring 10 eler 20 px under den oven over.... er der en der kan hjælpe mig