H6 tag align help in Wu Wei

  • Unknown's avatar
    rourboat · Member ·

    Hi everyone,

    I’m having a little trouble aligning my H6 tag which you can see as the album details to the left of the post content at http://thosewallsyourears.org/. I played around with the float, margins and what not but could not get the H6 tag to be closely positioned to the left of the post texts. I know the liquid left positioning wont help with what I want but that’s all I have at the moment. Any ideas? CSS for the H6 tag below:

    .post-content h6 {
float:left;
position:absolute;
left:12%;
width:145px;
font-size:11px;
font-weight:normal;
color:#9d9d9d;
margin:0 1.667em 0 0;
padding:5px;
}

.post-content h6 img {
display:block;
max-width:145px;
-moz-box-shadow:2px 2px 3px #9D9D9D;
-webkit-box-shadow:2px 2px 3px #9D9D9D;
box-shadow:2px 2px 3px #9D9D9D;
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#9D9D9D');
margin:5px 0;
}

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Give this a try. I took out the “left” and “position” declarations and did a negative left margin of 180px. I don’t know if this is the best way to do things, but it seems to work. You will have to do some testing though.

    .post-content h6 {
    color: #9D9D9D;
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin: 0 1.667em 0 -180px;
    padding: 5px;
    width: 145px;
    }

  • Unknown's avatar
    thesacredpath · Member ·

    And actually I forgot the backticks.

    .post-content h6 {
color: #9D9D9D;
float: left;
font-size: 11px;
font-weight: normal;
margin: 0 1.667em 0 -180px;
padding: 5px;
width: 145px;
}
  • Unknown's avatar
    rourboat · Member ·

    Perfect! Thanks thesacredpath!

  • Unknown's avatar
    thesacredpath · Member ·

    You’re welcome, glad I could be of help.

  • The topic ‘H6 tag align help in Wu Wei’ is closed to new replies.