Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Dec 2012
    Posts
    12
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Please help fix code

    Hello, i have one more problem whit header.
    Now.

    How it should look.


    Index.php
    Code:
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Clean Mag</title>
    <link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
    </head>
    <body>
    <div id='wrap'>
    	<div id='Header'>
    		<div class='logo'>
    		<a href='#'><img src='images/logo.png'></img></a>
    		</div>
    		<div class='ads'>
    		<img src='images/banner.png'></img>
    		</div>
    	</div>
    	<div id='submeniu'>
    		<div class='subup'>
    		<a href='#'>Home</a>
    		</div>
    		<div class='subdown'>
    		<a href='#'>Categories</a>
    		</div>
    	</div>
    <div id='border'>	
    	<div id='Main'>
    		<div id='Primary'>
    		</div>
    		<div id='Sitebar'>
    		</div>
    	</div>
    </div>
    	<div id='Footer'>
    	</div>
    </div>
    </body>
    </html>
    Style.css
    Code:
    body, html {
    	margin:0px;
    }
    
    body {
    	background:white;
    }
    
    #wrap {
    	width:990px;
    	margin-left:auto;
    	margin-right:auto;
    }
    
    #border {
    	margin:0px;
    	border-right:1px solid #e6e6e6;
    	border-left:1px solid #e6e6e6;
    	height:1000px;
    }
    
    /* Header */
    
    #Header {
    	height:115px;
    }
    
    #Header .logo {
    	padding-top:35px;
    	padding-bottom:35px;
    	float:left;
    }
    
    #Header .ads {
    	float:right;
    	padding-top:10px;
    	padding-bottom:10px;
    }
    
    /* Submeniu */
    
    #submeniu {
    	height:78px;
    	margin:0px;
    }
    
    #submeniu .subup {
    	height:34px;
    	background:url(images/up.png) repeat-x;
    }
    
    #submeniu .subdown {
    	height:44px;
    	background:url(images/down.png) repeat-x;
    }
    Thanks
    Last edited by aiva286; 12-18-2012 at 04:49 PM.

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,624
    Thanks
    6
    Thanked 1,001 Times in 974 Posts
    We’re only replying to specific questions, not to vague posts.

  • #3
    New Coder
    Join Date
    Dec 2012
    Posts
    12
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Ok, please help whit sidebar it always on bottom. And please help code header because it have some bugs. Thanks

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello aiva286,
    You can move your sidebar into the correct position by re-arranging your markup so that it comes before those #primary's (which should be .primary since you cannot re-use id's like that).

    You can also do it by editing only the CSS. Make your CSS look like this (changes highlighted in red) -
    Code:
    #sidebar {
        /*float: right;
        width: 275px;*/
        margin: 0 0 0 680px;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by aiva286 View Post
    help code header because it have some bugs. Thanks

    You'll need to be a little more specific than that. If you describe the issue as if you are explaining it to someone viewing your site for the very first time, you'll get better responses.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #6
    New Coder
    Join Date
    Dec 2012
    Posts
    12
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Hello, i need that sidebar would be always on top like in other normals webs. Thanks.

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by aiva286 View Post
    Hello, i need that sidebar would be always on top like in other normals webs. Thanks.

    There are two options for fixing your sidebar in my first reply. Did you try either of them?
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • Users who have thanked Excavator for this post:

    aiva286 (12-18-2012)

  • #8
    New Coder
    Join Date
    Dec 2012
    Posts
    12
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Hello, i have one more problem whit header. Thanks

  • #9
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by aiva286 View Post
    Hello, i have one more problem whit header. Thanks
    You'll need to be a little more specific than that. If you describe the issue as if you are explaining it to someone viewing your site for the very first time, you'll get better responses.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •