Физрук

Посмотрел,да! Именно так и должна быть картинка в тексте! Так как так сделать то?

/* Theme Name: StudioPress_Green Theme URI: [url="http://www.dailyblogtips.com/studiopress-wordpress-theme-released/"]http://www.dailyblogtips.com/studiopress-w...theme-released/[/url] Description: A clean, Adsense-ready WP theme. Author: Daily Blog Tips Author URI: [url="http://www.dailyblogtips.com/"]http://www.dailyblogtips.com/[/url] Version: 1.0 */ /* Reset Defaults Starts */ * { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, p, blockquote { margin: 0; padding: 10px; } a { color: #3F693F; } a:hover { color: #D47414; } blockquote { margin: 5px 15px; padding: 5px 5px; background: #E9E9E9; border: 1px solid #ccc; } code { color: #7ba05b; } a img { border: none; img{float: left;} } /* Reset Defaults Ends */ body { position: relative; /* Fixes browser resizing bug in IE6 */ margin: 0 auto 10px auto; width: 950px; font-family: Trebuchet MS, sans-serif; text-align: center; /* IE Centering Technique */ background: #656565 url(images/bgbody.jpg) repeat-x top left; } #wrapper { text-align: left; /* IE Centering Technique */ } .topcurve { margin-top: 15px; height: 13px; background: url(images/bgtop.gif) left top no-repeat; } .topcurvewhite { margin-top: 15px; height: 13px; background: url(images/bgtopwhite.gif) left top no-repeat; } .bottomcurve { margin: 0; height: 13px; background: url(images/bgbottom.gif) left bottom no-repeat; } .bottomcurvewhite { margin: 0; height: 13px; background: url(images/bgbottomwhite.gif) left bottom no-repeat; } #header { margin: 0; padding: 0 0 0 0; } #header .topright { float: right; position: relative; margin: 0; padding: 0; text-align: right; color: #fff; } #searchform { margin-left: 0; margin-top: 0; margin-right: 0; } #searchform { margin-left: 5px; width: 213px; padding-top: 7px; height: 28px; background: #ccc; background: url(images/search.gif) left 3px no-repeat; } *:first-child+html #searchform { /* Filter for IE7 */ padding: 6px 0; } * html #searchform { /* Filter for IE6 */ padding: 6px 0; } #searchbox { margin-left: 5px; margin-bottom: 3px; width: 150px; background: none; border: none; } #searchbutton { width: 50px; background: none; border: none; } #searchbutton:hover { cursor: pointer; } #underheader { clear: both; margin-top: 20px; padding: 0 0 15px 0; } #underheader h1.sitename { padding: 0 0 0 0; position: relative; font-size: 23pt; width: 600px; } #underheader h1.sitename a { color: #fff; text-decoration: none; } #underheader h1.sitename a:hover { color: #FB9D3A; text-decoration: none; } #underheader h2.sitedesc { padding: 0 0 0 0; position: relative; font-size: 12pt; color: #5da130; } #underheader #toprss{ float: right; position: relative; margin: 0 0 0 0; padding: 0; text-align: right; } /* Menu */ #nav { clear: both; margin: 10px 0 -15px 0; } #nav ul { margin: 0; padding: 0; list-style: none; } #nav li { float: left; margin-right: 10px; } * html #nav li a { /* Filter for IE6 to prevent li stacking */ float: left; text-decoration: none; } * html #nav li a span { /* Filter for IE6 to prevent li stacking */ float: left; margin-left: 4px; text-decoration: none; } #nav li a { display: block; height: 26px; background: url(images/bgtableft.gif) left top no-repeat; text-transform: AnsiLowerCase; font-size: 10pt; text-decoration: none; } #nav li a span { display: block; margin-left: 6px; padding-left: 5px; padding-right: 12px; line-height: 26px; font-weight: bold; color: #FFF; background: url(images/bgtabright.gif) right top no-repeat; text-decoration: none; } #nav li a:hover { background-position: left -26px; text-decoration: none; cursor: pointer; /* For IE6 */ } #nav li a:hover span { background-position: right -26px; color: #000; } #nav li.current_page a { background-position: left -26px; } #nav li.current_page a span { background-position: right -26px; color: #000; } /* Main content */ #main { clear: both; width: 925px; /* Overrides miscalculation in IE6; ignored by other browsers. */ margin: 0; padding: 0 15px 15px 10px; background: #fff; } #contentwrapper { float: left; width: 550px; } #content { } #content .pageTitle { padding: 5px 10px 0 10px; font-size: 14pt; color: #D47414; } .contentsearch { margin: 0 0 40px 100px; } .contentsponsors { margin: 0 0 30px 190px; } .adsense_top { text-align:center; margin:10px 0 25px 0; font-size:9pt; } .adsense_sidebar { text-align:center; margin:0 0 20px 0; font-size:9pt; } .post { margin: 20px 0 25px 0; } #content h2, #content h3, #content h4, #content h5, #content h6 { padding: 0 10px; font-weight: lighter; } #content h2 { font-size: 14pt; color: #666666; } #content h3 { font-size: 12pt; } #content h4, #content h5, #content h6 { font-size: 11pt; } h2.homeTitle { margin: 0 0 15px 0; } h2.postTitle { padding: 0 10px; font-size: 14pt; font-weight: none; color: #000; } h2.postTitle a { font-size: 20pt; font-weight: lighter; text-decoration: underline; color: #6699FF; letter-spacing: -1px; } h2.postTitle a:hover { color: #FF6600; } .postMeta { padding: 2px 10px 4px 10px; font-size: 9pt; color: #333; } .postMeta .date { background: url(images/date.gif) left no-repeat; padding: 0 0 0 15px; } .postMeta .filed { background: url(images/folder.gif) left no-repeat; padding: 0 0 0 18px; margin: 0 0 0 3px; } .postMeta .commentcount { background: url(images/comments.gif) left no-repeat; padding: 0 0 0 18px; margin: 0 0 0 3px; } .postMeta a { text-decoration: none; } .postContent img { margin: 10px; border: 3px solid #CCC; } #content p, .postContent p { padding: 5px 10px; font-size: 10pt; color: #000; } .postContent ul, ol { padding: 0 0 0 35px; } .postContent ul li, ol li { font-size: 10pt; color: #000; } .postTags { margin: 15px 10px; font-size: 9pt; color: #000; background: #eee; padding: 2px 4px; } p.comments { clear: both; padding: 5px 10px 5px 10px; } p.comments a { padding-left: 20px; background: url(images/comment.gif) left top no-repeat; font-size: 10pt; text-decoration: none; } .commentlist { margin: 10px 0; font-size: 10pt; list-style: none; } .commentlist li { margin: 0 0 10px -25px; background: #E9E9E9; width: 510px; } .commentlist li.alt { margin: 0 0 10px -25px; background: #FFFFFF; width: 510px; } .commentlist cite { padding: 10px; font-size: 10pt; } .commentlist cite a { } .commentmetadata { padding: 10px; } .comment h3 { padding: 0 10px; font-size: 12pt; font-weight: bold; text-decoration: none; color: #000; } .comment p { padding: 10px; font-size: 10pt; color: #000; } .comment a { text-decoration: none; } .comment a:hover { text-decoration: underline; } .comment textarea { width: 510px; } .comment #submit { width: 118px; height: 30px; background: url(images/commentbutton.gif) left top no-repeat; border: none; font-size: 9pt; color: #333; } .comment #submit:hover { cursor: pointer; } .navigation { margin: 10px 0; color: #406E8D; text-align: center; font-size: 10pt; } .navigation a { text-decoration: none; } /* Start of sidebar */ #allsidebars { width:355px; float:right; } /* Sidebar top welcome box */ .sidebarswrapper { margin-top: 0px; padding-top: 9px; width: 355px; background: url(images/bgsidebartop.gif) left top no-repeat; } .sidebars { width: 355px; background: #363636; } .sidebars h2 { padding: 0 0 2px 0; font-size: 11pt; color: #fff; letter-spacing: -1px; } .sidebars p { padding: 2px 0; font-size: 9pt; } #welcome { clear: both; padding: 0 10px; } #welcome a { display: inline; color: #769E76; } #welcome a:hover { color:#fff; } #welcome p { color: #fff; margin-top: 5px; padding-left: 70px; background: url(images/welcome.gif) left top no-repeat; } .sidebarsbottom { clear: both; width: 355px; height: 18px; background: url(images/bgsidebarbottom.gif) left bottom no-repeat; } /* Sidebar 2 columns widget-ready */ .sidebarsB { width: 355px; margin-top: 15px; } .sidebar1 { float: left; width: 165px; } .sidebar2 { float: right; width: 165px; } .sidebarsB h2 { padding: 2px 7px; font-size: 11pt; color: #fff; letter-spacing: -1px; background: url(images/sidebar_h2.gif) left no-repeat; margin-bottom: 3px; } .sidebarsB table { width: 160px; } .sidebarsB ul { margin: 0; padding: 0 0 5px 0; } .sidebarsB li { margin-bottom: 20px; list-style: none; font-size: 9pt; } .sidebarsB li ul { padding: 0; } .sidebarsB ul ul li { margin: 0; padding: 3px 2px 2px 16px; color: #222; background: url(images/bullet.gif) left 7px no-repeat; line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */ border-bottom: 1px dotted #ccc; } .sidebarsB a { display: block; color: #333; text-decoration: none; display: inline; } .sidebarsB a:hover { color: #D47414; text-decoration: underline; } .sidebarsB p { padding: 2px 0; font-size: 9pt; } #tag_cloud a { display: inline; } .sidebarsB ul.children li {border-bottom:none;} .sidebarsB ul.children {margin-bottom:-5px;} /* Footer */ #footer { clear: both; padding-top: 0; color: #fff; text-align: center; /* IE Centering Technique */ background: #000; } #footer p { padding: 0; font-size: 8pt; color: #fff; text-align: center; } #footer a { color: #769E76; } #footer a:hover { color: #FB9D3A; } #credits { clear: both; margin: 0 auto; line-height: 19px; } /* Extras */ .cleared { clear: both; } .left { float:left; } .right { float:right; } #nextprevious { padding:10px; font-size:80%; } Ткните носом,не догоняю куда вставлять! Честно,не сердитесь,но сил больше нет." 2дня мучаюсь

Доброго времени суток. Подскажите,как сделать так чтоб текст обтекал картинку? А то получается сначала картинка а потом текст и наоборот. Посмотрите что получается.Не судите строго,только учусь