رفتن به مطلب

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


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

سلام به همگی

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

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

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

نمونه :

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;
}

لینک به ارسال

مثلا: شما چند عکس دارید داخل یک 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;
}

لینک به ارسال

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

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

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 ها رو نمایش نمیده!

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...