کمک فوری در کد css

این تاپیک 7 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  محراب ،‏ 2 سال و 10 ماه پیش .

این تاپیک تاکنون 579 بازدید داشته است .

نویسنده پست
سه شنبه ، ۱۳ خرداد ۱۳۹۳     ۹:۳۳ ب.ظ #


داود عظیم زاده

Subscriber
38 پست26 تاپیک

با سلام

من می خوام 2 تا تصویر را در سایتم کنار هم قرار بدم

اما عکس دوم یک خط پایین تر از عکس اول قرار می گیرد

چیکار کنم که 2 تا تصویر کنار هم قرار بگیرند

کد css :

کد html :

آدرس تصویر نمونه :

لینک تصویر

 

پیوست ها:
You must be logged in to view attached files.
0  تشکر
سه شنبه ، ۱۳ خرداد ۱۳۹۳     ۹:۴۴ ب.ظ #


محمد اسفندیاری

Authorplus
VIP
835 پست10 تاپیک

دوست عزیز از کدهای CSS زیر استفاده کن :

یا علی

2  تشکر
سه شنبه ، ۱۳ خرداد ۱۳۹۳     ۱۰:۰۷ ب.ظ #


داود عظیم زاده

Subscriber
38 پست26 تاپیک

[quote=26962].postbody { text-align: justify; padding: 10px 5px 3px 5px; line-height: 50%; color:White; font-family: B Koodak,'B Yekan',tahoma; font-size: 9pt; direction:rtl; display: inline-block; } .postbody p { margin : 10px 0px; } .postimg { text-align: justify; padding: 10px 5px 3px 5px; direction:ltr; display: inline-block; } .postimg p { margin : 10px 0px; }[/quote]

 

دوست گرامی درست شد روبروی هم قرار گرفتند

اما جاهاشون عوض شده عکس کوچک اومده سمت راست و بزرگه رفته سمت چپ

1  تشکر
سه شنبه ، ۱۳ خرداد ۱۳۹۳     ۱۰:۲۳ ب.ظ #


محمد اسفندیاری

Authorplus
VIP
835 پست10 تاپیک

کارای زیادی میتونی بکنی... ......یا جای کدهای عکسارو عوض کنی ....یعنی کدهایی که میخوای جابجا بشن رو جابجا کن........یا میتونی با استفاده از float هرکاری که دوس داری بکنی........یا با استفاده از position کارتو انجام بدی.....ولی فکر کنم جای کدهارو عوض کنی کارت راحت تر باشه.......یا علی

2  تشکر
سه شنبه ، ۱۳ خرداد ۱۳۹۳     ۱۰:۲۶ ب.ظ #


محمد اسفندیاری

Authorplus
VIP
835 پست10 تاپیک

منظورم از جابجا کردن کدها اینه که به شکل زیر عمل کن :

2  تشکر
سه شنبه ، ۱۳ خرداد ۱۳۹۳     ۱۱:۳۹ ب.ظ #


داود عظیم زاده

Subscriber
38 پست26 تاپیک

[quote=26971]منظورم از جابجا کردن کدها اینه که به شکل زیر عمل کن :

1
2
3
4
5
6

<div class=postimg>
<img align="baseline"src="/img/imag2.png"/>
</div>
<div class=postbody>
<img align="baseline"alt="نام تصویر شماره یک"src="/img/imag1.png"/>
</div>

[/quote]

جای کد ها رو عوض کردم

فقط یه مشکل است که عکس بزرگه از چپ قرار گرفته ( چپ چین )

عکس کوچک باید از چپ چیده بشه و عکس بزرگ از سمت راست.

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

و من الله توفیق

0  تشکر
چهارشنبه ، ۱۴ خرداد ۱۳۹۳     ۱۲:۴۲ ق.ظ #


داود عظیم زاده

Subscriber
38 پست26 تاپیک

[quote=26980]با استفاده از float درستش کردم[/quote]

0  تشکر
چهارشنبه ، ۱۴ خرداد ۱۳۹۳     ۱:۳۴ ب.ظ #


محراب

Subscriber
181 پست52 تاپیک

خب شما می تونید از float یا margin  استفاده کنید خواص padding هم بعضی مواقع جواب می ده

0  تشکر
پست 1 تا 8 (از مجموع 8 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .