Hej med jer.
Jeg har et problem på en side jeg er ved at konstruere. Det hele drejer sig om
http://www.uc-fyn.dk - Det skal lige siges at det er lavet til joomla CMS.
Ude til venstre har jeg to bokse. Problemet med dem er at bredden imellem dem er ALT for stor. De skulle gerne være ca mellem 15 og 20 pixels fra hinanden. Dette kan jeg bare ikke finde ud af at lave.
Selve Index filen
<?php
/**
* @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
* @license GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!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>
<jdoc:include type="head" />
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"></meta>
<meta content="en" http-equiv="content-language"></meta>
<meta content="Graphics, Images" name="keywords"></meta>
<meta content="index,follow" name="robots"></meta>
<meta name = "description" content = " stripes"></meta>
<title>Uddannelsescenter Fyn</title>
<link href="<?php echo $this->baseurl ?>/templates/ucfyn22/css/template_css.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="header"></div>
<div id="container">
<div id="box-left">
<div id="box-top"></div>
<div id="box-middle"><jdoc:include type="modules" name="left" /></div>
<div id="box-bottom"></div>
</div>
<div id="box-right">
<div id="box-top"></div>
<div id="box-middle"><jdoc:include type="modules" name="user9" /></div>
<div id="box-bottom"></div>
</div>
<div id="content">
<div id="content-top"></div>
<div id="content-middle"><jdoc:include type="component" /></div>
<div id="content-bottom"></div>
</div>
<div id="box-left">
<div id="box-top"></div>
<div id="box-middle"><jdoc:include type="modules" name="user4" /></div>
<div id="box-bottom"></div>
</div>
<div style="clear: both;"></div>
<div id="footer"></div>
</div>
</body>
</html>
CSs filen
body {
background: #000000 url(../images/bg.gif);
text-align: left;
font-family: Helvetica,Arial,sans-serif;
font-size: 12px;
}
li {
list-style: none;
}
h4 {
color: #FF9900; font-family: Verdana, Helvetica, sans-serif;
font-size: 16px; font-weight: bold;
}
h5 {
color: #FF9900; font-family: Verdana, Helvetica, sans-serif;
font-size: 14px; font-weight: bold;
}
h6 {
color: #FF9900; font-family: Verdana, Helvetica, sans-serif;
font-size: 12px; font-weight: bold;
}
a:link, a:visited {
font-size: 12px; color: #FF4200; text-decoration: underline;
font-weight: bold;
font-family: Verdana, Helvetica, sans-serif;
text-decoration: none;
}
a:hover {
color: #FF4200; text-decoration: underline;
}
ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: url(../../../images/M_images/indent1.png) 3px;
list-style-type: url(../../../images/M_images/indent1.png) 3px;
list-style-image: url(../../../images/M_images/indent1.png);
}
li {
margin: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
list-style: url(../../../images/M_images/indent1.png) 3px;
list-style-type: url(../../../images/M_images/indent1.png) 3px;
list-style-image: url(../../../images/M_images/indent1.png);
}
#header {
background: #000000 url(../images/header.jpg);
width: 1200px;
height: 161px;
margin: 0px auto;
}
#container {
width: 1200px;
margin: 0px auto;
background-color: #FFFFFF;
text-align: center;
padding: 5px 0px 0px 0px;
}
#box-right {
width: 204px;
float: right;
margin: 5px 10px;
}
#box-left {
width: 204px;
float: left;
margin: 5px 10px;
}
#box-top {
background: #000000 url(../images/menu-top.jpg);
width: 204px;
height: 53px;
}
#box-middle{
background: #000000 url(../images/menu-middle.jpg);
background-repeat: repeat;
width: 204px;
text-align: left;
}
#box-bottom {
background: #000000 url(../images/menu-bottom.jpg);
width: 204px;
height: 30px;
}
#content {
width: 745px;
margin: 7px auto 0px auto;
}
#content-top {
background: #000000 url(../images/content-top.jpg);
background-repeat: no-repeat;
width: 745px;
height: 53px;
}
#content-middle{
background: #000000 url(../images/content-middle.jpg) repeat-y;
width: 740px;
text-align: left;
padding: 0px 0px 0px 5px;
}
#content-bottom {
background: #000000 url(../images/content-bottom.jpg);
width: 745px;
height: 32px;
}
#footer {
background: #000000 url(../images/footer.jpg);
width: 1200px;
height: 45px;
margin: 7px 0px 0px 0px;
}
Indlæg senest redigeret d. 25.02.2010 20:49 af Bruger #7958