Hi, in a theme im using, when i insert an image into the post theres no space around the image, im not sure what to edit in the CSS file as ive not created this theme myself, if anyone can advise please. With no space around images the text in the post currently touches the edge of the inserted image. Heres the CSS: * { margin: 0; padding: 0; border:none; } body { background:#dcfaff; font: 62.5% "Trebuchet MS", Verdana, Arial; } /* Links -----------------------------------------------------------------------*/ a { color: #0d6b93; text-decoration: none; outline:none; } a:hover { color: #333; } ul { list-style:none; } .clear { clear:both; } .alignleft { float:left; } .alignright { float:right; } .imgleft { float:left; margin:0 12px 12px 0; border:4px solid #bcd4de; } .imgright { float:right; margin:0 0 12px 12px; border:4px solid #bcd4de; } .img_center { width:98%; background:#e0e0e0; padding:5px; margin:10px 0; } code { font-size:12px; } .clear { clear:both; } /* STRUCTURE ----------------------------------*/ #page { } #header { overflow:hidden; height:41px; background:url(images/headerbg.png) repeat-x; } #header-in { width:955px; margin:0 auto; } #content-wrap { width:955px; margin:0 auto; padding-bottom:20px; min-height:500px; height:100%; } #content { float:left; width:540px; } #sidebar { float:right; width:405px; padding:0; overflow:hidden; height:100%; } #sidebar_l { float:left; width:190px; } #sidebar_r { float:right; width:190px; } #footer { padding:15px 0; clear:both; overflow:hidden; height:100%; background:#ccc url(images/footerbg.png) repeat-x; } #footer-in { width:970px; margin:0 auto; overflow:hidden; height:100%; } /* Headings ----------------------------------*/ h1 { margin: 0 0 15px 0; padding:0; font-size:32px; font-weight:normal; color: #000; } h3.title { /*make homepage h3's for the first 2 stories look like H1 */ font-size:28px; } h3.h1 { /*make homepage h3's for the first 2 stories look like H1 */ font-size:22px; margin:0; padding:0 0 2px 0; } h1 a, h3 a { text-decoration: none; border-bottom:none; } h1 a:hover, h3 a:hover { color: #668c0e; text-decoration: none; } h2 { margin:0; padding: 5px 0 0 0; line-height: 150%; font-size:22px; font-weight:normal; } h2 a { text-decoration: underline; } h2 a:hover { color:#668c0e; text-decoration: none; } h3 { margin:0; padding: 8px 0 3px 0; color:#bdbdbd; font-size:24px; font-weight:normal; } #sidebar h3 { font-size: 14px; } h3 a { text-decoration: none; } h4 { margin: 0 0 0 0; padding: 5px 0; font-size:18px; font-weight:normal; color:#666; border-bottom:1px solid #ccc; } h5 { margin: 0 0 0 0; padding: 5px 0; font-size:16px; font-weight:bold; color:#666; } h6 { margin: 32px 0 12px 0; padding: 0; line-height: 150%; color: #666; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc; } #content .posts h6 { margin: 5px 0 12px 0; padding: 0; line-height: 150%; color: #5c5c5c; font-size:14px; font-weight:bold; border-bottom:none; } #content .posts h6.postcomments { margin: 32px 0 12px 0; padding: 0; line-height: 150%; color: #666; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc; } .content_top { background:url(images/content_top.png) no-repeat; height:8px;} .content_center { background:url(images/content_center.png) repeat-y; } .content_bottom { background:url(images/content_bottom.png) no-repeat; height:8px; } /* Header ----------------------------------*/ #header-in .logo-image { font-size:32px; font-weight:normal; color:#fff; float:left; margin-top:7px; overflow:hidden; } #header-in .logo-image a { display:block; color:#000; width:250px; height:25px; overflow:hidden; text-indent:-9009px; text-decoration:none; background:url(images/logo.png) no-repeat; } #header-in .logo-text { font-size:26px; font-weight:normal; color:#fff; float:left; margin-top:5px; overflow:hidden; } #header-in .logo-text a { color:#fff; text-decoration:none; } #header-in .logo-text a:hover { color:#daf6ff; text-decoration:none; } #banner { background:url(images/bannerbg.png) repeat-x; height:153px; margin-bottom:10px; } #banner-in { width:960px; padding:10px 0 10px 0; margin:0 auto; } .bleft { width:475px; float:left; } .bright { width:400px; float:right; } #banner-in p { margin: 0 0 10px 0; color:#fff; font-size:12px; line-height:18px; } #banner-in h2 { margin: 0 0 10px 0; color:#fff; font-size:18px; } #banner-in p a { color:#fff; font-weight:bold;} #banner-in p a:hover { color:#000;} .i_plus { background:url(images/plus.png) no-repeat; padding-left:22px;} #banner-in ul { margin:32px 0 15px 0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#fff; } #banner-in li { margin:5px 0 5px 0; padding:3px 0 5px 28px; } .one { background:url(images/1.png) no-repeat; } .two { background:url(images/2.png) no-repeat; } .three { background:url(images/3.png) no-repeat; } /*nav start ----------------------------------------------- */ #nav { padding:0px; list-style:none; margin-top:10px; float:right; } #nav li { float:left; background:url(images/navtabr.png) top right no-repeat; margin:0; margin-left:5px; } #nav .page_item a { color: #fff; display: block; background: url(images/navtabl.png) top left no-repeat; text-decoration: none; padding:1px 12px 1px 12px; font:bold 14px "Trebuchet MS", Verdana, Arial; text-transform:uppercase; } #nav li:hover { background-position: 100% -20px; } #nav .page_item a:hover { background-position: 0px -20px; border: none; color:#fff; } * html #nav .page_item a:hover { background-position: 0px 0px; border: none; color:#d5ff73; } #nav li.current_page_item { color:#fff; text-decoration: none; background: url(images/navtabr.png) no-repeat right; background-position: 100% -20px; } #nav .current_page_item a { color:#d5ff73; text-decoration: none; background: url(images/navtabl.png) no-repeat; background-position: 0px -20px; } /* Content ----------------------------------*/ #content p { margin: 0 0 12px 0; font-size:12px; line-height:19px; text-align:justify; } #content p a { text-decoration:none; color:#333; } #content p a:hover { color:#ef0e0e; } #content a { text-decoration: none; color:#0d6b93; } #content a:hover { color:#000; } #content ul { margin:0 0 15px 0; padding:0; font:12px Arial, Helvetica, sans-serif; } #content li { margin:0 0 5px 0; padding:0 0 0 13px; background:url(images/bullet4.png) no-repeat center; background-position:0 3px; } #content ul li ul { margin:8px 0 5px 0; padding:0 0 0 0; } #content li ul li { margin:0 0 5px 0; padding:0 0 0 18px; background:url(images/bullet4.png) no-repeat center; background-position:0 2px; } #content ol { list-style-type: decimal; line-height:18px; margin: 0; font-size:12px; padding: 0 0 10px 22px; } #content ol li ol { margin:8px 0 5px 18px; padding:0 0 0 0; } #content ol li { margin:0 0 5px 0; padding:0; background:none; } #content p.aligncenter { text-align:center; } #content p.aligright { text-align:right; } #content p.more { font-size:10px; text-transform:uppercase; } #content p.more a { text-decoration:none; } #content blockquote { margin:15px 0 20px 0; padding:15px 8px 5px 35px; background:#e7fcff url(images/quote2.png) no-repeat left top; background-position:8px 5px; color:#666; font-size:14px; width:91%; font-style:italic; } #content blockquote p { color:#666; font-size:14px; } /*Rounded Croner White start ----------------------------- */ .xsnazzy { background: transparent; margin:0; } .xtop, .xbottom { display:block; background:transparent; font-size:1px; } .xb1, .xb2, .xb3, .xb4 { display:block; overflow:hidden; } .xb1, .xb2, .xb3 { height:1px; } .xb2, .xb3, .xb4 { background:#fff; border-left:1px solid #fff; border-right:1px solid #fff; } .xb1 { margin:0 5px; background:#fff; } .xb2 { margin:0 3px; border-width:0 2px; } .xb3 { margin:0 2px; } .xb4 { height:2px; margin:0 1px; } .xboxcontent { background:#fff; border:0 solid #fff; border-width:0 1px; padding:0px 10px; height:100%; overflow:hidden; } .min_height { min-height:500px; } .spcaer_top { margin-top:10px;} /*post css start ----------------------------------*/ #content .posts { clear:both; height:100%; padding:0 18px 5px 18px; position:relative; } #content .post_top { padding:5px 0; margin-bottom:5px; border-top:1px solid #dcebf6; border-bottom:1px solid #dcebf6; font-size:11px; height:15px; } #content .post_top a { color:#007fdb; text-decoration:none; } #content .post_top a:hover { color:#333; text-decoration:none; } #content .post_bottom { padding:0; clear:both; overflow:hidden; height:100%; border-top:1px solid #9bdaed; } #content .post_bottom a { color:#1d3c7e; text-decoration:none; } #content .post_bottom a:hover { color:#f95200; text-decoration:none; } #content .post_bottom2 { padding:5px 5px; clear:both; overflow:hidden; height:100%; } #content .post_bottom2 span { font-size:11px;} .more-link { text-align:right; float:right; font-size:10px; text-transform:uppercase; background:url(images/i_continue.png) no-repeat right; padding-right:10px; margin-bottom:10px; } #content .auth { float:left; } #content .commentp { float:right; background: url(images/i_comments.png) no-repeat; background-position:0 2px; padding-left:15px; } #content .category { float:left; width:50%; } #content .tags { float:right; } /*#content .posts */.calendar { background:url(images/calendar.png) no-repeat; width:45px; height:38px; position:absolute; font-size:20px; padding-top:3px; color:#fff; text-align:center; line-height:18px; } #content .posts .calendar span { text-transform:uppercase; font-size:11px; margin:0; padding:0; text-align:center; font-weight:bold; color:#fff; } * html #content .posts .calendar { line-height:16px;} /* Previous/Next Page Navigation ----------------------------------*/ .page-nav { clear: both; margin: 0 0px; padding: 2px 0px; height: 22px; } .nav-previous { width: 249px; float: left; text-align: left; margin: 2px 0px; } .nav-next { width: 249px; float: right; text-align: right; margin: 2px 0px; } .page-nav a { text-decoration: none; border-bottom:none; } .nav-previous a { padding-left: 11px; text-transform:uppercase; background:url(images/arrow-left.gif) no-repeat left; } .nav-next a { padding-right: 11px; text-transform:uppercase; background:url(images/arrow-right.gif) no-repeat right; border-bottom:none; } .pagenavi { text-align:center; font-size:12px; margin-bottom:15px;} #content .wp-pagenavi a, #content .wp-pagenavi a:link, #content .wp-pagenavi a:active { padding: 3px 8px 3px 8px; margin: 2px; text-decoration: none; color: #fff; line-height:24px; margin-bottom:20px; background-color: #2b99ff; } #content .wp-pagenavi a:hover { color:#fff; background-color: #154b7d; } #content .wp-pagenavi span.pages { padding: 3px 8px 3px 8px; margin: 2px 2px 2px 2px; } #content .wp-pagenavi span.current { padding: 3px 8px 3px 8px; margin: 2px; line-height:25px; font-weight: bold; color: #add352; background:#26343c; } #content .wp-pagenavi span.extend { padding: 3px 8px 3px 8px; margin: 2px; color: #fff; line-height:25px; background-color: #26343c; } #content .trackbacklist { margin:8px 0 0 0; padding:0; list-style:none; } #content .trackbacklist li { margin:0 0 8px 0; padding:0 0 5px 18px; list-style:none; border-bottom:1px solid #eee; } .post-ratings { font-size:12px; font-style:normal; padding-left:8px; display:block; margin:8px 0; } #content .scategory h2, #content .archives h2 { margin-bottom:15px; color:#666; } #content .scategory { float:left; width:48%; border-right:1px solid #eee; } #content .archives { float:right; width:48%; } #content .scategory a, #content .archives a { color:#666; } #content .scategory a:hover, #content .archives a:hover { color:#333; } .search404 { padding:5px 8px; margin:0 0 7px 0; overflow:hidden; height:100%; width:210px; background:#eee; } .search404 .s { border:1px solid #d2d2d2; background:#fff; font:12px Arial, Helvetica, sans-serif; padding:4px 25px 4px 4px; color:#333; width:150px; margin:0; } #content .search404 .sgo { border:none; position:relative; top:4px; left:-23px; } /* SEARCH FORM -----------------------------------------------------------------------*/ #sidebar .s { border: none; background:none; color: #333; border:none; padding:2px; font:bold 12px Arial, Helvetica, sans-serif; width:240px; float: left; height:16px; padding:0 0 0 5px; margin-right:5px; } #sidebar .sgo { margin:2px 0 0 3px; border:none; } #sidebar .flickr { clear:both; margin-bottom:25px; margin-left:11px; overflow:hidden; } #sidebar .flickr img { margin:2px 5px 5px 5px; font:10px Arial, Helvetica, sans-serif; color:#bbb; width:65px; height:65px; float:left; display:inline; border:3px solid #c3e6ef; } #sidebar .flickr img:hover { border-color:#9ccbd7; } /*widget calendar css =================================================== */ #wp-calendar { width:90%; margin:0 auto; color:#2a271c; } #sidebar .widget_calendar h2, widgettitle { display:none; } #sidebar #calendar_wrap caption { margin:0 0 5px 0; padding:2px 0 3px 22px; font:bold 13px "Trebuchet MS", Verdana, Arial; color:#385001; text-align:left; background:url(images/sheadbg.png) no-repeat; } /* widget search css =================================================== */ #sidebar #searchform { overflow:hidden; height:100%; width:100%; margin:0 auto; text-align:left; } #searchform input { color:#333; border:1px solid #ccc; margin-bottom:5px; } #search br { display:none; } .sponsors { text-align:center; overflow:hidden; height:100%; clear:both; margin:5px 0 0 0; } #sidebar p .i_rss { background:url(images/i_rss.png) no-repeat; padding-left:20px; font-size:12px; margin-right:8px; padding-bottom:3px; } #sidebar .sidebar_top p { color:#fff;} #sidebar .sidebar_top p a { color:#fff } #sidebar .sidebar_top p a:hover { color:#000; } /* Comments ----------------------------------*/ #comments-wrap { } .textarea { border:1px solid #cbcbcb; background:#fff; width:280px; color:#333; } .textarea:hover { border:1px solid #cbcbcb; background:#e8e8e8; width:280px; } .Cbutton { border:none; font:bold 11px Arial, Helvetica, sans-serif; padding:4px; width:120px; background:#000000; color:#fff; } .Cbutton:hover { border:none; background:#18b7e8; color:#fff; } /* Headers */ #comments-wrap h6 { font-size: 20px; } /* Comments */ .gravatar { border:2px solid #739fcb; margin:8px 10px 0 0; width:40px; height:40px; display:block; float:left; background: url(images/gravtar.png) no-repeat; } .commentlist { } .commetmainauthor { clear:both; clear:both; padding:8px 10px; border-top:1px solid #c3c3c2; background:#e4e4e4 url(images/ctop_center2.png) repeat-y; } .commetmain { clear:both; padding:8px 10px; overflow:hidden; height:100%; border-top:1px solid #c3c3c2; background:#e4e4e4 url(images/ctop_center.png) repeat-y; } .commet_top { font:11px Arial, Helvetica, sans-serif; padding:5px 0; color:#666; } .commet_bottom { font:11px Arial, Helvetica, sans-serif; padding:5px 0 0 45px; margin-bottom:15px; color:#666; background:url(images/cbottom.png) no-repeat; height:19px; } .commet_bottom2 { font:11px Arial, Helvetica, sans-serif; padding:5px 0 0 45px; margin-bottom:15px; color:#666; background:url(images/cbottom2.png) no-repeat; height:19px; } .commet_right { width:70%; float:right; background:url(images/quote.png) no-repeat; padding:5px 0 0 35px; } .comm_list { margin-bottom:15px; } #content .commetmain p { margin:0; padding:0; } .thecomment { margin: 0px; } .comment-body { margin:0; } .comment-metadata { padding:5px 10px; color: #333; font-weight:bold; font-size:11px; } .comment-metadata a, .comment-metadata a:visited { color:#333; text-decoration:none; } .comment-metadata a:hover { color: #666; } .authorcomment { margin: 0px; font-size:12px; } .authorcomment .comment-body { border: none; } .authorcomment .comment-metadata { padding:0 10px; background: #fff; color: #333333; } .authorcomment .comment-metadata a { color:#333; text-decoration:none; } .authorcomment .comment-metadata a:hover { color: #333; } .nav-next { padding-right:8px; font-weight:bold; } .nav-previous { padding-left:8px; font-weight:bold; } .comment-author { padding-bottom:5px; font-size:11px; text-align:center; } /* sidebar content ----------------------------------*/ .sidebar_top { background:url(images/subscribebg.png) no-repeat; height:84px; padding:10px 10px; margin-bottom:-11px; color:#fff; } .tabbgtop { background:#fff url(images/stop.png) no-repeat top; margin-top:-5px; } * html .tabbgtop { margin-top:0; } *+html .tabbgtop { margin-top:0; } .tabbgbottom { background:url(images/sbottom.png) no-repeat bottom; padding:11px 0 0 0; overflow:hidden; min-height:180px; } * html .tabbgbottom { padding:0;} /* Tabber Style start -------------------- */ .tabberlive .tabbertabhide { display:none; } .tabber { } .tabberlive { margin-top:15px; } .tabbernav { margin:0; padding: 3px 0; font: bold 12px Verdana, sans-serif; } .tabbernav li { list-style: none; margin: 0; display: inline; } .tabbernav li a { position:relative; display:block; width:114px; padding:10px 0 3px 0; margin-left:10px; float:left; text-align:center; border-bottom: none; text-decoration: none; overflow:hidden; background:url(images/tab.png) no-repeat; font-weight:bold; } * html .tabbernav li a { margin-bottom:-27px; margin-left:5px;} *+html .tabbernav li a { margin-bottom:-27px; } .tabbernav li a:link { color: #666; } .tabbernav li a:visited { color: #667; } .tabbernav li a:hover { } .tabbernav li.tabberactive a { background:url(images/tab_active.png) no-repeat; color: #fff !important; font-weight:bold; } .post_active { position:absolute; top:-18px; left:10px;} .rcomment { position:absolute; top:-18px; left:118px;} .tabbernav li.tabberactive a:hover { color: #000; } Code (markup):
Thanks Jalpari, il give that a try. I used .alignleft { float:left; margin:5px; Just above that other code, thanks very much for your help.