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

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

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

نویسنده پست
سه شنبه ، 3 ژوئن 2014     9:33 ب.ظ #


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

Subscriber
38 پست26 تاپیک

با سلام

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

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

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

کد css :

کد html :

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

لینک تصویر

 

پیوست ها:
You must be logged in to view attached files.
0  تشکر
سه شنبه ، 3 ژوئن 2014     9:44 ب.ظ #


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

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

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

یا علی

2  تشکر
سه شنبه ، 3 ژوئن 2014     10:07 ب.ظ #


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

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  تشکر
سه شنبه ، 3 ژوئن 2014     10:23 ب.ظ #


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

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

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

2  تشکر
سه شنبه ، 3 ژوئن 2014     10:26 ب.ظ #


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

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

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

2  تشکر
سه شنبه ، 3 ژوئن 2014     11:39 ب.ظ #


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

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  تشکر
چهار شنبه ، 4 ژوئن 2014     12:42 ق.ظ #


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

Subscriber
38 پست26 تاپیک

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

0  تشکر
چهار شنبه ، 4 ژوئن 2014     1:34 ب.ظ #


محراب

Subscriber
180 پست52 تاپیک

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

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

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