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 2 of 2
  1. #1
    New Coder
    Join Date
    Jun 2008
    Location
    Michigan
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Question Header of content box not lining up with the rest?

    Hi everyone. I'm having a problem with a content box design on my blog. First, here is the code I wrote for the content box (titled "About Me")...

    Code:
    <style type="text/css">
    <!--
    .container_about {
    width:238px;
    height:83px;
    background-image:url(http://dougcloud.net/show/aboutme_top.gif);
    
    }
    
    .sidebar_about {
    width:184px;
    background:#FEF6D2;
    font-family:Arial, Helvetica, sans-serif;
    border-width: 0px 2px 2px 2px;
    border-spacing: 0px;
    border-style: none solid solid solid;
    border-color: #4F3314;
    padding:10px;
    margin:0 0 20px 0;
    font-family: 'Trebuchet MS', sans-serif;color: #4F3314;
    font-size:11px;
    line-height: 150%;
    }
    
    a:link {font-family: 'Trebuchet MS', sans-serif;color: #4F3314;}
    a:visited {font-family: 'Trebuchet MS', sans-serif;color: #ba742a;}
    -->
    </style>
    
    <div class="container_about"></div>
    		<div class="sidebar_about">
    <a href="http://www.blogger.com/profile/06808705631686955664"><img border="0" alt="View My Profile" style="float: left; padding: 3px 5px 0px 0px;" width="75" src="http://dougcloud.net/show/dcloudicon.gif" height="75" title="View My Profile"/></a>Hello, and welcome to my personal blog. My name is Doug Cloud and I am a freelance graphic artist. On the Web design is all about personality. Do people remember your site once they're gone? Take a lesson from the big boys like Swiss and Nike; image is everything. If you need a web design, company logo, or illustration please don't hesitate to <a href="http://dougcloud.net">contact me</a>.
    		</div>
    You can view this content box on my blog (dcblog.net). It's on the right side at the top. As you will see the content box is not lined up with the top (the roof with "About Me"). I have been banging my head trying to figure this out so if anyone knows what is happening I would sure appreciate the info.

    Thanks
    - Doug Cloud: Graphic Designer | My Portfolio | My Blog

  • #2
    New Coder
    Join Date
    Jun 2008
    Location
    Michigan
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Duuhhh.......nevermind (lol). I just added 16px to the .sidebar_about section and it straightened right out.

    margin:0 0 20px 16px;

    I haven't a clue why it misaligned, unless it's because the header on this new design is bigger than the last.
    - Doug Cloud: Graphic Designer | My Portfolio | My Blog


  •  

    Posting Permissions

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