Jump to content
  • 0

Вопрос по картинке в записи

Физрук

Asked by Физрук,

 Share

Question

Физрук Explorer

Физрук

Posted
Posted

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

Посмотрите что получается.Не судите строго,только учусь

Link to comment
Share on other sites

8 answers to this question

Recommended Posts

  • 0
Физрук Explorer

Физрук

Posted
  • Author
Posted (edited)
либо в ксс укажи

/*  
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дня мучаюсь

Edited by s0rr0w
Link to comment
Share on other sites
  • 0
mini Explorer

mini

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

Посмотрите что получается.Не судите строго,только учусь

http://miniblog.ucoz.ru/temp/test.html вот смотри :D

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept