رفتن به مطلب

مشکل در قرارگیری تصاویر کنار هم


پست های پیشنهاد شده

سلام به همگی

یه مشکلی با قالبم دارم اونم اینه که توی هر سطر فقط یه عکس نمایش میده!!

اصلا هم سایز عکس مهم نیست،حتی شکلک هم اگه باشه توی هر خط فقط یه شکلک نشون میده!!!

تمام تصاویر هم راست چین میشن!

نمونه :

post-3610-0-51558600-1393748013_thumb.jp

چیکار کنم این مشکل رفع بشه؟ ممنون میشم کمک کنید. :wub:

لینک به ارسال

درود.

از خاصیت float استفاده نمایید :


float: right;(or left);

float css

به چه صورت؟ میشه کامل توضیح بدید؟ من به اون لینکم رفتم اما فایل استایل قالبم خیلی پیچیدس هیچ کدی روش تغییر ایجاد نمیکنه!!!!!

لینک به ارسال

مثلا: شما چند عکس دارید داخل یک div قرار بدید و به div استفایل بدید :


<div class="myim">
<img src="#" alt="test" />
<img src="#" alt="test" />
<img src="#" alt="test" />
</div>

حالا در فایل style :


.myim {
float: left;
}

  • امتیاز 3
لینک به ارسال

مثلا: شما چند عکس دارید داخل یک div قرار بدید و به div استفایل بدید :


<div class="myim">
<img src="#" alt="test" />
<img src="#" alt="test" />
<img src="#" alt="test" />
</div>

حالا در فایل style :


.myim {
float: left;
}

یعنی توی هر پستی که خواستم عکس بذارم به این صورت بذارم؟!

خب شکلک های بخش نظرات رو چیکار کنم؟!

لینک به ارسال

یعنی توی هر پستی که خواستم عکس بذارم به این صورت بذارم؟!

خب شکلک های بخش نظرات رو چیکار کنم؟!

شما کلاسی که به هر قسمت داده شدرو پیدا کنید مثلا در نظرات اگر کلاس قسمت نظران coment هست در css به این شکل عمل کنید :


.coment img {
width:20px;
float:right;
}

  • امتیاز 2
لینک به ارسال

اگه کد کامل استایل قالبمو بذارم میتونید برام ویرایشش کنید؟ چون من هرتغییری میدم هیچی نمیشه!

این کد کامل استایل :

style.css

ویرایش شده توسط Farid
پیوست کردن فایل استایل
لینک به ارسال

اینطوری که نمیشه شما باید کد بخش دیدگاه رو هم بدید چون ممکنه هر دیدگاهی یک استایل داشته باشه

بهتره آدرس سایتتونو بدید تا کدش رو براتون بزارم

لینک به ارسال

اینطوری که نمیشه شما باید کد بخش دیدگاه رو هم بدید چون ممکنه هر دیدگاهی یک استایل داشته باشه

بهتره آدرس سایتتونو بدید تا کدش رو براتون بزارم

خصوصی فرستادم :wub:

لینک به ارسال

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

هزینشم میپردازم ولی منصفانه!

لینک به ارسال

در فایل استایل خط 58

تگ img را از لیست تگها بردارید

یه دنیا ممنون درست شد :wub:

الان جدول ها هم همین مشکل رو دارن،چسبیدن به سمت راست

داخل همون لینکی که بهتون دادم میتونید ببینید.

مشکل جدول ها رو چطوری حل کنم؟! جدول دوتا مشکل داره :

1. چسبیده به سمت راست

2. بردرهای جدول مخفیه،خطوط بین سطر و ستونها رو نشون نمیده!

لینک به ارسال

ببینید این تمام استایلی که مربوط به جدول میشه توی فایل استایل قالبم :


table {
border-collapse: collapse;
border-spacing: 0;
}
* {
outline: none;
padding: 0px;
margin: 0px
}
.table {
background:transparent !important;
font-size:13px;
text-align:right;
border-collapse:collapse;
margin:0;
padding:0;
width:100%;
overflow:hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
direction:rtl;
}
.table th {
font-size:14px;
font-weight:normal;
font-family:BKoodakBold;
text-align:right;
padding:16px 12px;
color:#ffffff;
background: #141414;
text-shadow:none;
}
.table th, .table td {
border-top: 1px solid #383838
}
.table td {
padding:14px 7px 14px 7px;
text-align: center;
}
.table tr {
border-bottom:1px solid #fff;
background: #222;
-webkit-transition:all .2s;
-o-transition:all .2s;
}
.table tr:hover, tr.topic-sticky {
background: #1A1A1A;
-webkit-transition:all .2s;
transition:all .2s;
}
.table tfoot td {
padding:10px 16px;
text-align: left;
background: #141414;
color:#ffffff;
font-size:11px;
text-shadow:none;
}
.table tfoot tr:hover {
background:#63b1be;
}
.tt-table {
margin: 0 auto;
text-align: center;
}

حالا مشکلم اینه که وقتی یه جدول با تگ table داخل پست هام میذارم،جدول میچسبه به سمت راست و وسط چین نمیشه با اینکه align رو center قرار میدم!

مشکل دومم اینه که خطوط جدول یعنی border ها رو نمایش نمیده!

لینک به ارسال

لطفا برای ارسال دیدگاه وارد شوید

شما بعد از اینکه وارد حساب کاربری خود شدید می توانید دیدگاهی ارسال کنید



ورود به حساب کاربری
×
×
  • اضافه کردن...