We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 16148
    • 84 Posts
    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 */
    }
      • 11055 ☆ A M B ☆
      • 3,112 Posts
      haven’t you try to use any CSS library? my favorite is 960.gs
      first of all:

      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;
      }

      Secondly,
      I’m not an ’em’ size supporter.
      But,

      #header p {
      padding:.5em 15px .2em 15px;
      margin:0;
      }
      mixing em and px really is not considerable.

      I guess the problem is in the CSS codes.
        Rico
        Genius is one percent inspiration and ninety-nine percent perspiration. Thomas A. Edison
        MODx is great, but knowing how to use it well makes it perfect!

        www.virtudraft.com

        Security, security, security! | Indonesian MODx Forum | MODx Revo's cheatsheets | MODx Evo's cheatsheets

        Author of Easy 2 Gallery 1.4.x, PHPTidy, spieFeed, FileDownload R, Upload To Users CMP, Inherit Template TV, LexRating, ExerPlan, Lingua, virtuNewsletter, Grid Class Key, SmartTag, prevNext

        Maintainter/contributor of Babel

        Because it's hard to follow all topics on the forum, PING ME ON TWITTER @_goldsky if you need my help.
        • 16148
        • 84 Posts
        Still the same, I tried to change the things you listed.
          • 5340
          • 1,624 Posts
          Hi kOLDSQ,

          No offense, but it doesn’t seem like you know html very well.

          It seems that you have 2 body tags when only one is needed. If you’re using strict xhtml why are you using
          tags? They should be
          .

          Here’s an html validator: http://validator.w3.org/. Make sure your site validates, it might fix the problem.
            • 16148
            • 84 Posts
            I’ve used the validator its clean after fixing some bugs.
            I know HTML, I’m just always forget things like, the HTML start (can’t remember it’s name) and linebreaker.

            I’m a amateur graphican, not coder smiley
              • 18913
              • 654 Posts
              Didn’t we cover this before? :
              http://modxcms.com/forums/index.php/topic,44974.0.html
              Matt
                • 5340
                • 1,624 Posts
                Quote from: kOLDSQ at Sep 25, 2010, 04:43 PM

                I’ve used the validator its clean after fixing some bugs.
                I know HTML, I’m just always forget things like, the HTML start (can’t remember it’s name) and linebreaker.

                I’m a amateur graphican, not coder smiley

                I can’t see your changes, http://tops-lemvig.dk/ doesn’t validate and you still have the double body tag
                  • 18913
                  • 654 Posts
                  kOLDSQ : What was wrong with what allanb showed here :
                  http://ctsoe.org/modxdemo/index.php?id=6
                  and described here
                  http://modxcms.com/forums/index.php?topic=44157.0

                  Confused,
                  Matt
                    • 16148
                    • 84 Posts
                    Hi Confused Matt.
                    Nothing were wrong with Allans coding, it were just too little center chunk, so I removed the left chunk, to get more space to the real content.
                      • 16148
                      • 84 Posts
                      Quote from: cipa at Sep 25, 2010, 06:13 PM

                      Quote from: kOLDSQ at Sep 25, 2010, 04:43 PM

                      I’ve used the validator its clean after fixing some bugs.
                      I know HTML, I’m just always forget things like, the HTML start (can’t remember it’s name) and linebreaker.

                      I’m a amateur graphican, not coder smiley

                      I can’t see your changes, http://tops-lemvig.dk/ doesn’t validate and you still have the double body tag

                      I validated the CSS file.