Hi MODXCMS forum.
I wanted som help to my mothers website, where I devolopede a template, but the template is going mad.
Look at it here:
http://tops-lemvig.dk/ - as you may see, the menu isn’t align (center) and is blue as a normal hyperlink, even if I wrote that it MUST be "#FFFFFF" also call’d white.
The content isn’t align (center) and is in placed wrong.
The code:
body {
margin:0;
padding:0;
width:100%;
background:#696969;
min-width:60 0p x; /* Minimum width of layout - remove line if not required */
/* The min-width property does not work in old versions of Internet Explorer */
font-size:90%;
text-align:center;
}
a {
color:#369;
}
a:hover {
color:#fff;
background:#369;
text-decoration:none;
}
h1, h2, h3 {
margin:.8em 0 .2em 0;
padding:0;
}
p {
margin:.4em 0 .8em 0;
padding:0;
}
img {
margin:10px 0 5px;
}
#menu_nav {
background-color: none;
}
.menu {
position: absolute; top: 220px; left: 30px;
}
.menu ul {
margin: 0px;
}
.menu li {
margin: 0px 8px 0px 0px;
list-style-type: none;
display: inline;
}
#header {
float:left;
width:100%;
height:241px; /* height of your header */
padding:0;
margin:0;
position: relative;
border-bottom: 1px solid #000;
background:#696969 url(header.png)center no-repeat;
}
#header p {
padding:.5em 15px .2em 15px;
margin:0;
}
#header h1 {
padding:.2em 15px;
margin:0;
}
#header h2 {
padding:.2em 15px .7em 15px;
margin:0;
}
#colmask {
position:relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
clear:both;
float:left;
width:100%; /* width of whole page */
overflow:hidden; /* This chops off any overhanging divs */
background-color: #FFFFFF;
background-image: url('assets/templates/tops/css/leftchunk.jpg'); /* Left column background colour */
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
}
#colmid {
float:left;
width:200%;
position:relative;
left:200px;
border-left: 1px dashed #000000;
background-color: #FFFFFF;
background-image: url('assets/templates/tops/css/centerchunk.jpg'); /* Centre column background colour */
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
}
#colright {
float:left;
width:100%;
position:relative;
left:50%;
margin-left:-400px;
border-left: 1px dashed #000000;
background-color: #FFFFFF;
background-image: url('assets/templates/tops/css/rightchunk.jpg'); /* Right column background colour */
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
}
#col1wrap {
float:right;
width:50%;
position:relative;
right:100%;
}
#col1pad {
margin:0 15px 0 -100px;
overflow:hidden;
}
#col1 {
width:100%;
overflow:hidden;
}
#col2 {
float:left;
width:170px;
position:relative;
margin-left:-50%;
left:215px;
overflow:hidden;
}
#col3 {
float:left;
width:170px;
position:relative;
left:8px;
overflow:hidden;
}
#footer {
clear:both;
float:left;
width:100%;
padding:0;
margin:0;
border-top:1px solid #000;
background:#696969;
}
#footer p {
padding:.5em 15px;
}
#fixed {
margin:0 auto;
width:850px; /* width of your header */
text-align:left;
background:#696969; /* Outer container background colour */
}