جابجایی کادر

[mahdi.a 432]

خسته نباشد دوستان ، عزیزان من میخواستم عکس 1 تبدیل بشه به عکس 2 ، هر کار میکنم نمیشه ، شما راهنمایی کنید ، فقط زیر دیپلم بگید که منم حالیم شه / دمتون گرم ...

اینم اطلاعاتش :

.cm_body { 
	    background-color: transparent;
border:1px dashed #7d7d7d;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
}
.cm_avatar {
width:110px;
height:110px;
background:url(images/cm_avatar.png) no-repeat;
margin:0 2px 0 0
}
.cm_text {
background:#fff;
width:400px;
color:#646464;
margin:0px 0 ;
text-shadow:1px 1px #fff;
border:1px solid #e3e3e3;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}

	 <div class="post-wrapper" id="comment-<?php comment_ID() ?>" >
	 <div class="cm_body">
	 <div class="cm_avatar"><p style="position: relative; right: 14px; top: 14px"><?php echo get_avatar( $comment, '80' ); ?></p></div>
	 <div class="cm_text"><?php comment_text() ?></div>
	 </div>
  </div>

[Farhad 276]

از استايل Float استفاده كرديد؟

.cm_body {
			background-color: transparent;
border:1px dashed #7d7d7d;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
border-radius:8px;
}
.cm_avatar {
width:110px;
height:110px;
background:url(images/cm_avatar.png) no-repeat;
margin:0 2px 0 0
}
.cm_text {
background:#fff;
width:400px;
color:#646464;
margin:0px 0 ;
text-shadow:1px 1px #fff;
border:1px solid #e3e3e3;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
float : left;
}

اينو امتحان كنيد

ویرایش شده مهر 91 توسط mr.bass

[mahdi.a 432]

متاسفانه موقعی که اینو میزنم همه چیز بهم میریزه ...

[Morteza 34190]

.cm_avatar {
width:110px;
height:110px;
background:url(images/cm_avatar.png) no-repeat;
margin:0 2px 0 0;
float : right;
}
.cm_text {
background:#fff;
width:400px;
color:#646464;
margin:0px 0 ;
text-shadow:1px 1px #fff;
border:1px solid #e3e3e3;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
float : left;
}

[mahdi.a 432]

اقا مرتضی این کدها رو من امتحان کردم و عکسشو (عکس 3) براتون پیوست کردم که چه جوری میشه ، بهم میریزه ، نمیدونم چرا ! شاید به خاطر عکسه زیره اواتاره ، فکر کنم کل بلوک رو میگیره و وقتی ما متن نظر رو جا میدیم میره زیر عکس اواتار !!!!!!!!!!!!!!!

در ضمن اقا مرتضی من وقتی اواتار رو برداشتم میخواستم ببینم مشکل از اواتار یا نه ، دیدم وقتی به cm_text کد float رو اضافه میکنم دوباره بهم میریزه مثل عکس 4 ، حالا با این اوصاف من چه کار کنم ؟ راستی ، واقعا خسته نباشید ، دمتون گرم

ویرایش شده مهر 91 توسط takwarez

[Morteza 34190]

سایتتون آنلاین هست که بتونیم در عمل بررسی کنیم؟

[mahdi.a 432]

نه متاسفانه ، نمیدونم فقط با دستور float مشکل داره و وقتی این دستور رو اضافه میکنم اون تیکه بهم میریزه !! الان من چه کار کنم اقا مرتضی ؟

[Morteza 34190]

این رو تست کنید:

کد زیر با استایل اضافه بشه:

.clear{
  width: 100%;
  clear: both;
}

کد پست اول هم بشه:

		 <div class="post-wrapper" id="comment-<?php comment_ID() ?>" >
		 <div class="cm_body">
		 <div class="cm_avatar"><p style="position: relative; right: 14px; top: 14px"><?php echo get_avatar( $comment, '80' ); ?></p></div>
		 <div class="cm_text"><?php comment_text() ?></div>
		   <divclass="clear"></div>
		 </div>
  </div>

البته اون تغییراتی که در پست های بالاتر گفتم باقی بمونه.

[mahdi.a 432]

سلام اقا مرتضی

درست شد دمت گرم فقط اگه میشه توضیح بدید که این دستوری رو که به استایل اضافه کردیم یعنی چی ، معنیش یعنی چی ؟

[Morteza 34190]

ببینید شما به اجراتون float دادید. ولی اونها رو از هم جدا نکردید. برای همین توی هم میرفتن.

من با تعریف یک div اومدم اجرا زو از هم جدا کردم.

اون تیکه کد هم مربوط به همون div هست.

[mahdi.a 432]

خیلی لطف کردید . ممنون

[mahdi.a 432]

سلام ، اقا مرتضی بعضی سایتها هستند که وقتی خود مدیر اون سایت جواب یک نظری (نظر کاربران) رو میده اون کادر متن پاسخش یه رنگ دیگه ای میشه ، میشه راهنمایی کنید که چه جوریه ؟

[oMid 2114]

سوال جدید تاپیک جدید!

عبارت "نحوه تغییر رنگ مدیران" را در انجمن جستجو کنید...#