Help with CSS - total beginner.

Discussion in 'CSS' started by fergald, May 21, 2008.

0
  1. #1
    Hi,

    first of all i would like to thank Dan Schultz for helping me out. Now i am trying to continue with my site and convert it to CSS.
    I have made an effort you can see here http://www.learningsteps.com/SEO (works only in IE at the moment) - As you can see its not great - my main problem is depending on the browser version etc the margins change.

    here is the code i use to set the margins in css on the content.
    #content .sectionOne {
    position:relative;
    top:-36px;
    left:191px;
    border-left:1px solid #CCCCCC;
    border-right:2px solid #CCCCCC;
    border-top:2px solid Black;
    background: #fff;
    color: inherit;
    font-size: 1em;
    height: 2%;
    /* triggers hasLayout in IE 5/6; ignored by other browsers due to lack of height definition in #content */
    margin: 0 32.1em 0 9.85em;
    padding: 0.5em;
    }


    html is

    <div id="wrapper">
    <div id="content">
    <div class="sectionOne">
    <h2><img src="images/smallarrow.png" align="middle" /><strong>Free Online Learning Classes </strong>. <a href="register.php"><img src="free.jpg" align="bottom" border="0" /></a></h2>
    <p><span class="spanText">
    <img src="images/smallarrow_t.gif" /><span class="style6">LearningSteps.com </span></span><span class="style6"> main goal is to provide free online <a href="courses.php">computer based training</a> programs and business skills courses for people wishing to teach themselves new skills from the comfort of their home.</span> <span class="style6">We aim to provide people with the knowledge needed to be successful</span> <span class="style6">and we believe that this knowledge should be provided free of charge.</span> </p>
    </div>
    <div class="sectionTwo">
    etc etc etc.

    Please forgive me for any stupid mistakes as i am only learning CSS

    Kindest Regards
    Fergal.
     
    fergald, May 21, 2008 IP