Hey guys, I'm not sure what is going on here and I need some help. On this page, I would like the 'what is poker affiliating?' image to be aligned on the right, but it keeps aligning itself to the left. http://www.newpokeraffiliate.com/general-affiliating/what-is-poker-affiliating/ It is a wordpress blog, and in the post I have made sure to set the image alignment to the right, but it always sticks to the left. I'm thinking it may be to do with the CSS, but I've looked and couldnt find anything. Any ideas? EDIT: Here is the css if anyone wants to take a look, its a bit messy I know. Sorry about that. body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;margin:0;padding:0;background-color:#333333;background:url('images/bg.gif') repeat-x;background-color:#06212F;} img {margin: 0px; padding:0px; float:left;border:0px;} #mainpage {background:url('images/contentbg.gif') repeat-x;background-color:#FFFFFF;width:768px;margin:0 auto;border:1px solid #0D334A;border-top:0px;} h2 {font-size:16px;line-height:20px;color:#26ADE4;margin:0;padding:0;padding-left:10px;} h3 {font-size:16px;line-height:20px;color:#26ADE4;margin:0;padding:0;padding-left:10px;} h4 {font-size:16px;line-height:20px;color:#26ADE4;margin:0;padding:0;padding-left:10px;} .h2{font-family:Arial, Helvetica, sans-serif;line-height:18px;font-size:12px;color:#312E2E;font-weight:700;} a:link, a:visited, a:active{color:#303030;text-decoration:none;font-weight:bold;} a:hover{text-decoration:underline;} .input {border:1px solid #4781A8;background:url('images/inputbg.gif');padding-top:3px;vertical-align: middle;font:15px Tahoma;color:#0B3047;height:21px;width:100px;} .button {vertical-align: middle;height:19px;width:23px;} entry #header{float:left;height:185px;margin:0 auto;padding:0;} #headerbg{width:770px;background-color:#C00C08;background:url('images/headerbg.gif');margin-bottom:0px;margin:0 auto;} #menubg{width:770px;background-color:#C00C08;background:url('images/menubg.gif');margin-bottom:0px;margin:0 auto;} #menubg2 {height:68px;width:100%;} #menu{float:left;height:59px;margin:0 auto;padding:0;padding-top:9px;padding-left:55px;} ul.menu{line-height:59px;float:left;list-style:none;font-size:11px;text-transform:inherit;margin:0;padding:0;} ul.menu li{float:left !important;list-style-type:none;} ul.menu li a, ul.nav li a:link, ul.nav li a:visited{color:#0B3047;font: 13px Tahoma;line-height:59px;font-weight:bold;float:default;display:block;text-decoration:none;padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:0} ul.menu li a:hover, ul.nav li a:active{background:url('images/menuhover.gif') repeat-x;color:#FFFFFF;text-decoration:none} ul.menu li ul{float:left;margin:0;padding:0;} #main{width:768px;margin:0 auto;padding:0;} #content{font: 11px Tahoma;color:#0B3047;float:right;width:590px;margin:0;padding:0;padding-top:22px;padding-bottom:22px;min-height:900px;} .entry{float:left;width:570px;padding-left:10px;padding-right:10px;} .entry h2, h3{font: 14px Tahoma;color:#0B3047;font-weight:bold;margin:0;padding:0;} .entry h2 a {text-decoration:none;color:#0B3047;margin:0;font-weight:bold;} .entry h2 a:hover{text-decoration:none;} .entry h3 a {text-decoration:none;color:#0B3047;margin:0;font-weight:normal;} .entry h3 a:hover{text-decoration:none;} .entry h4 {font: 10px Verdana;color:#0B3047;margin:0;padding:0;} .entry h4 a {text-decoration:none;color:#0B3047;margin:0;} #sidebar{float:left;width:168px;margin:0;padding:0;font: 12px Tahoma;color:#0D4E6F;margin-left:10px;padding-top:22px;} .rsidebar{font: 12px Tahoma;color:#0D4E6F;float:right;width:148px;padding-left:10px;padding-right:10px;background:url('images/sidebarbg.gif') repeat-x;background-color:#FFFFFF;min-height:650px;} .rsidebar h2{font: 14px Tahoma;color:#093B55;margin-bottom:0px;padding:0;margin-left:0px;font-weight:bold;} .rsidebar a {font-weight:normal;color:#0D4E6F;} .rsidebar ul{list-style-type:none;margin:0;padding:0;} .rsidebar ul li{list-style-type:none;margin:0 0 5px;padding:0;padding-left:5px;} .rsidebar ul li ul{list-style-type:square;margin:0;padding:0 0px;margin-bottom:15px;} .rsidebar ul li ul li{list-style-type:none;border:0px none;margin:0;padding-left:0px; padding-right:0; padding-top:0; padding-bottom:0px} .navigation p {color:#303030;margin:0px;padding-left:10px;} .navigation a:hover {text-decoration:none;} .alignright{float:right;margin-top:10px;} .alignleft{float:left;margin-top:10px;} .postmetadata{text-align:right;font: 11px Tahoma;color:#0B3047;font-weight:bold;margin:0;padding:0px;margin-bottom:20px;} .postmetadata a {color:#0B3047} .boxcomments{width:590px;} #commentform label{display:block;margin:0;} #commentform input{width:170px;margin:0 5px 10px 0;padding:1px;} #commentform textarea{width:400px;margin:0 0 10px;padding:0;} #commentform #submit{margin:0 0 0px;} #commentform p{margin:0px 0;} ol.commentlist{margin:0 0 1px;padding:0;} ol.commentlist li{display:block;list-style:none;margin:0;padding:0px 0px 1px;} ol.commentlist li :hover{background:none;} ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:0px;} ol.commentlist li.commenthead h2{margin:0;} ol.tblist{border-top:1px solid #fff;list-style:none;margin:0 0 1px;padding:15px;} ol.tblist li{display:block;background:url('images/c.gif') no-repeat 0 2px;padding-left:15px;list-style-type:none; margin-left:0; margin-right:0; margin-top:0; margin-bottom:5px} #footer{color:#FFFFFF;clear:both;height:0px;margin:0;padding:0;} #footerbg {height:189px;width:100%;margin:0 auto;background:url('images/footerbg.gif');} #footer2{width:770px;height:189px;margin:0 auto;padding:0;background:url('images/footer.gif');} #footer2 p {font: 11px Tahoma;color:#FFFFFF;font-weight:bold;margin:0;padding:0;padding-top:90px;text-align:center;} #footer2 a {color:#FFFFFF;} #footerbg2{height:189px;width:100%;background-color:#C00C08;margin-bottom:0px;margin:0 auto;} Code (markup):
Have tried changing #header{float:left;height:185px;margin:0 auto;padding:0;} to #header{float:right;height:185px;margin:0 auto;padding:0;} ?
Nope that doesn't seem to work. If anything I'm thinking I would need to be changing a value to 'default' rather than 'right'. Thanks anyway. Any other ideas?
replace .entry h2, h3{font: 14px Tahoma;color:#0B3047;font-weight:bold;margin:0;padding:0;} with this .entry h2, h3{font: 14px Tahoma;color:#0B3047;font-weight:bold;margin:0;padding:0; text-align:right;}
I see what you've done, but it's not the text I want moving, its the image. Sorry if I wasn't clear enough. It's the image with the big question mark on it near the top that I want on the right. Really appreciate your efforts so far though. Would love for you to have another look.
replace img {margin: 0px; padding:0px; float:left;border:0px;} with this img {margin: 0px; padding:0px; float:right;border:0px;} p/s:rep point will be appreciate please.
Thanks, that seems to work great. Only problem is that i think that was in place to make sure the header looked normal, if I change the float to "default" I get blue line below the header, like this http://www.newpokeraffiliate.com Any ideas? I will look into the rep thing now.
Its all fine, seemed to pop up there for five mins. Thankyou so much for your help! Doing rep now... EDIT: How do I give you rep?