قرار گرفتن تا کد css درکنار هم

این تاپیک 5 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  ali215215 ،‏ 3 سال و 3 ماه پیش .

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

نویسنده پست
شنبه ، 17 آگوست 2013     11:33 ب.ظ #


ali215215

Subscriber
12 پست7 تاپیک

شما در نظر داشته باشید که دو تا عکس css را فراخوانی کرده ایم
مشکل اینجاست که این دو تا عکس در php در زیر هم قرار می گیرند نه در کنار هم
برای در کنار هم قرار گرفتن باید چکار کرد
با تشکر

0  تشکر
یکشنبه ، 18 آگوست 2013     6:12 ق.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

مجموع عرض هر دونباید از عرض تگ پدرشون بیشتر باشه و گرنه طبیعیه که یکیش بره خط بعد . اصولا اگه دو تا تگ img کنار هم بزاری عکس ها کنار هم قرار می گیرند . بین اونها تگ <br> نباشه .

یه روش دیگه اینه که خصوصیت float هر دو عکس رو left یا right بزارید ...

0  تشکر
یکشنبه ، 18 آگوست 2013     8:55 ق.ظ #


ali215215

Subscriber
12 پست7 تاپیک

این که عرض را باید بیشتر کرد،درست

ولی وقتی موس روی یکی از عکس ها می رود ،به عنوان مثال با زیاد شدن عرض تعیین شده ،افکت به تمامی عکس ها اعمال می شود ،در صورتی که من می خواهم افکت تنها به تک تک عکس ها اضافه شود

به طور خلاصه من افکت این عکس ها را برای زیر هدر سایت می خواهم و به عنوان مثلا پرفروشترین ها که با هر عکس تنها همان عکس افکت css آن اجرا شود

والی من همان روش شما را اعمال کردم ولی عکس در یک کلاس اعمال می شوند

با تشکر از شما

0  تشکر
یکشنبه ، 18 آگوست 2013     5:35 ب.ظ #


لقمان آوند

مدیر ارشد
VIP
1704 پست5 تاپیک

شما کدی که استفاده کردید رو بدید ...

0  تشکر
یکشنبه ، 18 آگوست 2013     11:19 ب.ظ #


ali215215

Subscriber
12 پست7 تاپیک

</div>
<div align="center">

</font> <b><font color="93f30a">**جديدترين محصولات فروشگاه گرافيک ايرانيان** </font></b><font color="black">

<!-- Make sure each container contains explicit width/height attrs that reflect the dimensions of the showcased image-->

<div class="imagepluscontainer" style="width:263px; height:199px; z-index:2">
&nbsp;<div class="desc">
Capable of seating 50,000 spectators, the <a rel="nofollow" href="http://en.wikipedia.org/wiki/Colosseum">Colosseum</a> was used for gladiatorial contests and public spectacles such as executions.
</div>
</div>

<br />

<div class="imagepluscontainer" style="width:263px; height:199px; left:350px">
&nbsp;<div class="desc rightslide">
Capable of seating 50,000 spectators, the <a rel="nofollow" href="http://en.wikipedia.org/wiki/Colosseum">Colosseum</a> was used for gladiatorial contests and public spectacles such as executions.
</div>
</div>

<br />

<div class="imagepluscontainer" style="width:957px; height:199px">
<img src="http://img580.imageshack.us/img580/4546/stadiumij.jpg" />
<img src="http://img580.imageshack.us/img580/4546/stadiumij.jpg" /><img src="http://img580.imageshack.us/img580/4546/stadiumij.jpg" /><img src="http://img580.imageshack.us/img580/4546/stadiumij.jpg" /><div class="desc upslide">
Capable of seating 50,000 spectators, the <a rel="nofollow" href="http://en.wikipedia.org/wiki/Colosseum">Colosseum</a> was used for gladiatorial contests and public spectacles such as executions.
</div>
</div>

<br />

<div class="imagepluscontainer" style="width:263px; height:199px; left:350px">
&nbsp;<div class="desc leftslide">
Capable of seating 50,000 spectators, the <a rel="nofollow" href="http://en.wikipedia.org/wiki/Colosseum">Colosseum</a> was used for gladiatorial contests and public spectacles such as executions.
</div>
</div>

 

0  تشکر
یکشنبه ، 18 آگوست 2013     11:21 ب.ظ #


ali215215

Subscriber
12 پست7 تاپیک

ببینید من می خواهم مانند سایت زیر ،عکس ها در زیر هدر با css فراخوانی شده نمایش داده بشوند

http://www.morahem.com/majale/

به  تغییر عکس ها با رفتن موس توجه نمایید

با تشکر از شما

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

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