Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorgregb
    • CommentTimeApr 27th 2006
     permalink
    Hi all

    1st post, thanks for cool site. anyway

    i got this setup

    <div id="content">
    <h2><a name="skip">WHO WE ARE</a></h2>

    <p>blahh blahh</p>
    <p>blahh blahh</p>

    <h3 id="strap1">BLAHHHHH</h3>
    <h3 id="strap2">BLAHHHHH</h3>

    <ul id="examples">
    <li><a href="work.html?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" target="_top" title="xxxx"><img src="images/xxx.jpg" alt="xxx" /></a></li>
    <li><a href="work.html?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" target="_top" title="xxxx"><img src="images/xxx.jpg" alt="xxx" /></a></li>
    <li><a href="work.html?phpMyAdmin=4594f30712f4fabaff6997416810f3f2" target="_top" title="xxxx"><img src="images/xxx" alt="xxx" /></a></li>
    </ul>
    </div>

    and this style

    #content h2{margin-bottom:1em;}
    #content p{width:380px; float:right; margin-bottom:1em; clear:none;}

    #examples{list-style:none; border:0px; margin:0px; padding:0px; width:100px;}
    #examples img{width:68px; height:68px; border:0px; margin:0px; padding:0px;}
    #examples li{width:68px; padding:3px; border:0px; margin:4px; background-color:#FFFFFF;}

    #strap1{width:380px; color:#999999; font-size:1.1em; float:right;}
    #strap2{width:380px; color:#666666; font-size:1.1em; float:right;}

    problem is this

    tho top of the #examples list is aligning to the top of the pervious element in IE6 winxp pro.

    so in this case its aligned to the top of the 2nd <h3> tag.

    any ideas?

    cheers

    greg
  1.  permalink
    Just remove float from here #content p{width:380px; float:right; margin-bottom:1em; clear:none;}
    and use text-align: right


    Cheers, DS
    • CommentAuthorgregb
    • CommentTimeApr 28th 2006
     permalink
    i need that cos #content is floated to the right, and #menu (not in the above example) is floated left for the navigation...
    • CommentAuthorgregb
    • CommentTimeApr 28th 2006
     permalink
    sorry, that probably doesnt make any sens, cos i didnt read your response propperly. :s


    so , i removed the float:right; and its doesnt make much difference apart from moving my <p>'s back to the left...
Add your comments
    Username Password
  • Format comments as (Help)