image in a post not aligning to right even if chosen

Discussion in 'WordPress' started by HDaddy, Aug 28, 2011.

  1. #1
    Hey!

    I bet this is some easy solution but I cannot find it :)

    So if I choose a pic which I want to put in a post and choose it to be in the right. When i publish it it still on the left. Why´s that?

    Here´s the site

    http://hdaddy.net/testi/

    and here´s the css. It´s a bit messy..not systematic :)

    
    body {
    	font: 62.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
    	color:#666;
    	margin:0;
    	background: #181818 ;
    	
    }
    
    * {
    	margin:0;
    	padding:0;
    }
    
    h1 {
    	font-family:"Times New Roman", Times, serif;
    	font-size:3.8em;
    	font-weight:normal;
    	color:#333;
    	letter-spacing:-1px;
    	margin:20px 0;
    }
    
    h1 a {
    	text-decoration:none;
    	color:#333;
    }
    
    #footer {
    	padding:0;
    	margin:7px 0 0 2px;
    	width: 811px;
    	height: 36px;
    	border-top:1px solid #D3890B;
    	
    }
    
    #logo {background: url(images/blacklogo.png) no-repeat; 
    	margin: 0 0 0 0;
    	width: 245px;
    	height: 151px;
    	position: relative;
    	float:left;
    	top: 0;
    	
    }
    
    .fright {
    
    	color: #fff;
    	float: right;
    	margin: 0;
    	padding:0;
    	}
    
    
    
    .fright a{
    	color:#fff;
    	text-decoration: none;
    	}
    	
    .fright a:hover {
    	color: #F7B032;
    	text-decoration: none;
    	}
    
    	
    
    .fleft {
    	margin: 0;
    	padding:0;
    	color:#fff;
    	float: left;
    	}
    	
    .divider {background: url(images/divider.png) no-repeat; width: 490px; height: 37px; margin-left: 28px;
    padding:0;}
    
    
    #header {
    height: 280px;
    margin:0;
    padding:0;
    }
    
    #header .description {
    	float:right;
    	margin:0 23px 0 0;
    	padding:5px;
    	color:#E7A511;
    	font-size: 1.2em;
    	font-style: italic;
    }
    
    #header h1 {
    	margin:0 0 0 0;
    	padding:0 0 0 0;
    	}
    
    #header h1 a {
    	float: right;
    	color: #fff;
    	margin:30px 0 0 0;
    	padding:25px;
    	font-size: 1.4em;
    	}
    
    #wrapper {
    	width:817px;
    	margin:0 auto;
    	background: transparent;
    	
    	
    }
    
    /* =Main navigation with dropdown capabilities
    -------------------------------------------------------------- */
    
    #navi {
    	background: url(images/mainnavibg.png) no-repeat; 
    	clear: both;
    	display: block;
    	margin: 0 0 0 0;
    	width: 817px;
    	height: 50px;
    	position: relative;
    	top: 0;
    	
    }
    #navi ul {
    	font-size: 13px;
    	list-style: none;
    	margin: 0px 0 0 5px;
    	padding-left: 0;
    }
    #navi li {
    	float: left;
    	margin: 0 0 0 0;
    	position: relative;
    }
    #navi a {
    	color: #fff;
    	font-weight:bold;
    	font:Verdana;
    	display: block;
    	line-height: 3.333em;
    	margin: 4px 0 0 0;
    	padding: 0 1.2125em;
    	text-decoration: none;
    }
    
    #navi ul ul {
    	display: none;
    	float: left;
    	margin: 0;
    	position: absolute;
    	top: 3.65em;
    	left: 0;
    	width: 188px;
    	z-index: 99999;
    	
    }
    #navi ul ul ul {
    	left: 100%;
    	top: 0;
    }
    #navi ul ul a {
    	background: #181818;
    	border-bottom: 1px solid #373737;
    	color: #fff;
    	font-size: 13px;
    	font-weight: normal;
    	height: auto;
    	line-height: 1.4em;
    	padding: 7px 7px;
    	width: 168px;
    	margin:0;
    }
    #navi li:hover > a,
    #navi ul ul :hover > a{
    	
    	color: #eaa90e;
    }
    
    #navi li:hover > a,
    #navi a:focus {
    	background: #181818 ; /* Show a solid color for older browsers */
    	color: #eaa90e;
    }
    #navi ul li:hover > ul {
    	display: block;
    	margin:0;
    	
    }
    #navi .current_page_item > a,
    #navi .current_page_ancestor > a {
    	font-weight: bold;
    }
    
    /* =Top navigation without dropdown capabilities
    -------------------------------------------------------------- */
    
    #topnav {
    	background: url(images/topnavibg.png) no-repeat;
    	width: 817px;
    	padding:7px 0;
    	margin:5px auto;
    	height:50px;
    }
    
    #topnav li {
    	float:left;
    	list-style:none;
    }
    
    #topnav li a {
    	color:#fff;
    	padding:5px 5px 7px 7px;
    	background:transparent;
    	font:1.6em Trebuchet MS;
    	margin:1px 2px 0 20px;
    	font-weight:bold;
    	text-decoration:none;
    	display:block;
    }
    #topnav li a:hover {
    	color:#eaa90e;
    	text-decoration:none;
    	
    }
    
    #topnav li a.active {
    	background-color:#eee;
    	color:#444;
    	text-decoration:none;
    }
    
    /* Navigation ends
    -------------------------------------------------------------- */
    
    textarea#comment { width: 400px; padding: 5px; }
    
    .commentmetadata { font-size: 10px; color:#fff; }
    
    #respond {
    margin: 0 0 0 25px;
    }
    
    /* =Search
    -------------------------------------------------------------- */
    #searchwrapper {
    float:right;
    width:200px; /*follow your image's size*/
    height:20px;/*follow your image's size*/
    padding:0px;
    margin:4px 70px 0 0px;
    position:relative; /*important*/
    
    
    }
     
    #searchwrapper form { display:inline ; }
     
    .searchbox {
    border:0px; /*important*/
    background-color:transparent; /*important*/
    position:absolute; /*important*/
    top:4px;
    left:7px;
    width:183px;
    height:18px;
    }
     
    .searchbox_submit {
    border:0px; /*important*/
    background-color:transparent; /*important*/
    position:absolute; /*important*/
    top:0px;
    left:205px;
    width:55px;
    height:26px;
    color:#fff;
    font: bold 1.3em Trebuchet MS;
    }
    
    /* Search ends
    -------------------------------------------------------------- */
    
    .clear {
    	clear:both;
    }
    
    .entry {
    	margin: 0;
    	padding:0 25px 0 25px;
    	}
    	
    .entry p {
    	line-height:25px;
    	margin:15px 0;
    	word-spacing:2px;
    	font-size:110%;
    	}
    .entry img {
    	
    	}
    	
    .meta {
    margin: 10px 0 0 25px;
    }
    
    #content {
    	margin:0 0 0 1px !important;
    	padding:0;
    	width: 550px;
    	background: #0F0F0F;
    	border:1px solid #1E1E1E;
    }
    
    #content a {
    	text-decoration:none;
    	color:#fff;
    	}
    
    #content a:hover {
    	color:#eaa90e;
    }
    
    #content h2 {
    	font-family:"Times New Roman", Times, serif;
    	font-size:2.8em;
    	font-weight:normal;
    	margin:10px 0 0 25px;
    	padding:5px 0;
    	line-height: 30px;
    	
    }
    
    #content h2 a {
    	color:#fff;
    	text-decoration:none;
    	margin:0;
    	border:none;
    	
    }
    
    #sidebar {
    	width:251px;
    	float:right;
    	padding:0px 2px 30px 10px;
    	
    	
    }
    
    #sidebar h2 {
    	
    	background: url(images/sidebarhbg.png) no-repeat;
    	height: 47px;
    	letter-spacing:2px;
    	font-size:1.5em;
    	color:#333;
    	position:relative;
    	margin:  0 0 0;
    	padding:10px 0 0 7px;
    }
    
    #sidebar ul {
    	list-style:none;
    	margin:-10px 0 20px 0;
    	padding-left: 7px;
    	background: #0F0F0F;
    	position:relative;
    }
    
    #sidebar li {
    	padding-bottom:3px;
    	font-size:1.4em;
    	
    }
    
    #sidebar li a {
    	color:#fff;
    	text-decoration:none;
    }
    
    #sidebar input {
    	width:240px;
    	padding:5px;
    	background:red;
    	color:#444;
    	border:1px solid #f6f6f6;
    	font:11px Verdana;
    }
    
    #sidebar input:focus {
    	background:#fff;
    	border:1px solid #eee;
    }
    
    #sidebar li a:hover {
    	color:#eaa90e;
    }
    
    p.news {
    	padding:10px;
    	background:#D7F0B2;
    	margin:10px 0;
    	color:#537B17;
    	border-bottom:2px solid #BCE67D;
    	border-top:2px solid #BCE67D;
    }
    
    blockquote {
    	padding:5px 15px;
    	background:#f6f6f6;
    	margin:10px 0;
    	border:1px solid #eee;
    }
    
    #content ul, ol {
    	margin:10px 10px 10px 25px;
    	border-top:1px solid #eee;
    }
    #content li {
    	padding:10px;
    	border-bottom:1px solid #eee;
    }
    
    
    
    #content h3 {
    	margin:10px 0;
    	font:160% Trebuchet MS;
    	color:#666666;
    }
    
    a.more {
    	display:block;
    	text-align:right;
    	color:#2F460D;
    	text-decoration:none;
    	margin:10px 0 0 0 ;
    }
    a.more:hover {
    	text-decoration:underline;
    }
    
    
    Code (markup):
    And the code is quite simple, because i´m still learning..

    thanks in advance!
     
    Last edited: Aug 28, 2011
    HDaddy, Aug 28, 2011 IP
  2. sunl

    sunl Peon

    Messages:
    106
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    }
    .entry img {
    float:right;
    }
    ------------------------------
    Try this in your code. Find .entry img { in your css and add float:right; just below as i show above.
     
    sunl, Aug 28, 2011 IP
  3. HDaddy

    HDaddy Active Member

    Messages:
    287
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #3
    Thanks..tried that before..but the image overflows off the entry div if i float the image.
     
    HDaddy, Aug 28, 2011 IP