+ Reply to Thread
Results 1 to 9 of 9

Thread: help....please.....

  1. 02-16-2010 06:26 PM #1
    remnightfal
    remnightfal is offline     x10Hosting Member remnightfal is an unknown quantity at this point
    Join Date
    Feb 2010
    Posts
    25

    help....please.....

    this is my site
    http://bluehedgehog.pcriot.com/index.html

    now as you can see i have a side bar on the left with all my links in it, how exactly do i move the sidebar more to the left cause its almost in the middle and its pushing the stuff off the site.

    pleaes helppp:hsughr:
    Reply With Quote Reply With Quote
  2. 02-16-2010 06:57 PM #2
    rkalhans's Avatar
    rkalhans
    rkalhans is offline     x10Hosting Member rkalhans is an unknown quantity at this point
    Join Date
    Dec 2009
    Posts
    33

    Re: help....please.....

    Interesting site,

    Quote Originally Posted by remnightfal View Post
    this is my site
    http://bluehedgehog.pcriot.com/index.html

    now as you can see i have a side bar on the left with all my links in it, how exactly do i move the sidebar more to the left cause its almost in the middle and its pushing the stuff off the site.

    pleaes helppp:hsughr:
    Ne waz its easy
    I guess you want all the content to be in the center.

    use the following css class to wrap around the two columns

    Code:
    .centralwrapper
{
width:1000px; /*should be fixed take the width  equal to the sum of the two columns + padding +margins etc*/
height:auto;/* height to vary according to the content height*/
position:relative;
left:50%;
margin-left:-500px;  /*  should be half of the width */
}
    Your html code becomes



    HTML Code:
    <html>
<head>
<!-- head here-->
</head>
<body>
<!-- markup for header goes here -->

<div class ="centralwrapper">
<!-- first column goes here -->

<!-- second column goes here -->


</div>

<!-- markup for footer goes here -->
</body>
</html>


    Important :     This is a sample code layout, change according to your needs
    Add to my reputation if you found this post helpful, ( click the button at left bottom)
         My Blog:
    My Homepage     :
    Reply With Quote Reply With Quote
  3. 02-16-2010 10:57 PM #3
    remnightfal
    remnightfal is offline     x10Hosting Member remnightfal is an unknown quantity at this point
    Join Date
    Feb 2010
    Posts
    25

    Re: help....please.....

    Quote Originally Posted by rkalhans View Post
    Interesting site,



    Ne waz its easy
    I guess you want all the content to be in the center.

    use the following css class to wrap around the two columns

    Code:
    .centralwrapper
{
width:1000px; /*should be fixed take the width  equal to the sum of the two columns + padding +margins etc*/
height:auto;/* height to vary according to the content height*/
position:relative;
left:50%;
margin-left:-500px;  /*  should be half of the width */
}
    Your html code becomes



    HTML Code:
    <html>
<head>
<!-- head here-->
</head>
<body>
<!-- markup for header goes here -->

<div class ="centralwrapper">
<!-- first column goes here -->

<!-- second column goes here -->


</div>

<!-- markup for footer goes here -->
</body>
</html>


    Important :     This is a sample code layout, change according to your needs



    You my dear friend are a genius



    thank you so much :D
    Reply With Quote Reply With Quote
  4. 02-16-2010 11:46 PM #4
    rkalhans's Avatar
    rkalhans
    rkalhans is offline     x10Hosting Member rkalhans is an unknown quantity at this point
    Join Date
    Dec 2009
    Posts
    33

    Re: help....please.....

    Its okay
    i am alwaz happy to help
    Add to my reputation if you found this post helpful, ( click the button at left bottom)
         My Blog:
    My Homepage     :
    Reply With Quote Reply With Quote
  5. 02-17-2010 05:07 PM #5
    misson
    misson is offline     x10 Spammer misson is a jewel in the rough
    Join Date
    Mar 2008
    Location
    Libertatia
    Posts
    2,506

    Re: help....please.....

    To be blunt, the code on that page is a mess. Running it through a validator turns up many of the problems. Another major problem is the amount of presentational markup (such as the <font> tags and "<p>&nbsp;</p>"), which should be removed and CSS used instead. Presentation should be separated from structure; HTML markup should be semantic.
    Be sure to read all pages linked in this post; they have further information that should prove useful. When asking for help, make sure you follow Eric Raymond's and Jon Skeet's guidelines for prompt, accurate responses. Please answer any questions I ask; they're not rhetorical (probably). Any posted code is intended as illustrative example, rather than a solution to your problem to be copied without alteration. Study it to learn how to write your own solution.
    Misson, not Mission.
    Reply With Quote Reply With Quote
  6. 02-17-2010 07:02 PM #6
    marshian's Avatar
    marshian
    marshian is offline     x10 Elder marshian is an unknown quantity at this point
    Join Date
    Jan 2008
    Location
    Belgium
    Posts
    526

    Re: help....please.....

    Good point misson, I'd have to double that. The code looks nothing even near to valid. In fact it even renders wrong, the copyright statement is halfway the content...

    The occasional "hack" using "<p>&nbsp;</p>", isn't of any importance to anyone, but this is just BAD.
    You don't even need ANY of them, it's 'easy' to create the exact same lay-out (without the bugs) in decent HTML & CSS.

    If you look at the errors generated by the w3c validator you'll also notice they're not innocent. (Although any warning/error of the validator should be resolved.)
    eg:
    line 92 column 9 - Error: ID "mainBody" already defined
    line 100 column 25 - Error: document type does not allow element "font" here; assuming missing "li" start-tag
    line 107 column 23 - Error: end tag for "li" omitted, but OMITTAG NO was specified

    You should really fix that thing, it's not even far from close to the supposed standards.
    Last edited by marshian; 02-17-2010 at 07:03 PM. Reason: typo'd misson xD
    Real programmers don't document their code - if it was hard to write, it should be hard to understand.
    Reply With Quote Reply With Quote
  7. 02-18-2010 07:56 AM #7
    garikr's Avatar
    garikr
    garikr is offline     x10Hosting Member garikr is an unknown quantity at this point
    Join Date
    Aug 2009
    Posts
    46

    Re: help....please.....

    A couple of days ago the guy was asking of how to link to a different page. He's apparently a beginner. Give him a break, I don't think he even knows what validating is. We all had to start somewhere.
    Reply With Quote Reply With Quote
  8. 02-18-2010 09:58 AM #8
    marshian's Avatar
    marshian
    marshian is offline     x10 Elder marshian is an unknown quantity at this point
    Join Date
    Jan 2008
    Location
    Belgium
    Posts
    526

    Re: help....please.....

    Quote Originally Posted by garikr View Post
    A couple of days ago the guy was asking of how to link to a different page. He's apparently a beginner. Give him a break, I don't think he even knows what validating is. We all had to start somewhere.
    Learning to use the validator is going to save him a lot of troubles later on.
    Real programmers don't document their code - if it was hard to write, it should be hard to understand.
    Reply With Quote Reply With Quote
  9. 02-19-2010 08:02 PM #9
    remnightfal
    remnightfal is offline     x10Hosting Member remnightfal is an unknown quantity at this point
    Join Date
    Feb 2010
    Posts
    25

    Re: help....please.....

    Quote Originally Posted by marshian View Post
    Learning to use the validator is going to save him a lot of troubles later on.
    haha sory im still learning

    There are alot of bugs on the site but im still working on it, like i havent advertised it yet or gave the link to any friends.

    Once im finished with the theme and posting all the stuff on it there shouldnt be any errors.
    Reply With Quote Reply With Quote
+ Reply to Thread
« Previous Thread | Next Thread »

Posting Permissions

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

Forum Rules

x10hosting free hosting for the masses
dedicated servers