رفتن به مطلب

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

سلام

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

اینم ادرس انلاین:

http://heyat.iust.ac.ir/?cat=32

post-4576-0-75696000-1415229158_thumb.jp

لینک به ارسال

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

اگر مشکلتون هنوز باقیست بفرمایید تا عرض کنم

لینک به ارسال

سلام

بفرمایید آقای فخار

آلان من چیکار دقیقا بکنم که دکمه "دانلود" و دکمه "نمایش متن" کنار هم جلوی عنوان فایل دانلودی بیاد و وقتی روی نمایش متن کلیک شد باکس متن زیرش باز بشه

ممنون

لینک به ارسال

سلام

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

دکمه رو میتونید بهش float:left بدید که کناره هم قرار بگیرن شما کد خط اولو بزار اینجا html و css رو براتون ی نمونه درست کنم

لینک به ارسال

درست نشد

مشکل سر اون div هست که به دکمه "نمایش متن " دادم تا وقتی روش کلیک میشه باکس زیرش نمایش داده بشه و گرنه از اول کنار هم بودن

ببین میتونی درستش کنی

ممنون

بیا داداش:


<?php if( get_field('s_sher') ): ?>
<ul style="margin-top: 15px; border-bottom: 1px solid #ccc; height: 30px;">شعرخوانی</ul>
<?php endif; ?>

<?php if( get_field('s_sher') ): ?>
<li>
<a><?php echo the_field('sher'); ?></a>
<a href="<?php echo the_field('s_sher'); ?>" class="down-butt" style="margin-right: 5px;">دانلود</a>
<!--start code of text-->
<div id="CollapsiblePanel1">
<a class="down-butt" style="right-margin: 5px;" >نمایش متن</a>
<div style="border:1px ;padding:1px"><?php echo the_field('s_text0'); ?></div>
</div>
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
</script>
<!--end code of text--->
<?php endif; ?>

</li>

لینک به ارسال

<a class="down-butt" style="right-margin: 5px;" >نمایش متن</a>

این رو در کد قالبتون پیدا کنید

بعد از داخل

<div id="CollapsiblePanel1">

کاتش کنید و زیر این کد:

<a href="<?php echo the_field('s_sher'); ?>" class="down-butt" style="margin-right: 5px;">دانلود</a>

پیستش کنید

موفق باشید

کد اصلاح شده :

<a><?php echo the_field('sher'); ?></a>

<a href="<?php echo the_field('s_sher'); ?>" class="down-butt" style="margin-right: 5px;">دانلود</a>

<a class="down-butt" style="right-margin: 5px;" >نمایش متن</a>

<!--start code of text-->

<div id="CollapsiblePanel1">

<div style="border:1px ;padding:1px"><?php echo the_field('s_text0'); ?></div>

</div>

<script type="text/javascript">

var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");

</script>

<!--end code of text--->

ویرایش شده توسط محمد امین
لینک به ارسال

اینی که شما نیگین صحیح

ولی الان دکمه با کلیک روش باعث میشه یه کادر زیرش باز بشه و یه متن نمایش داده بشه

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

لینک به ارسال

سلام ،

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

margin-left: 50px;
margin-top: -34px;

درضمن

right-margin اشتباهه ، margin-right درسته

همچنین سعی کنید inline css ندین ، توی کد اثر منفی داره و در نتیجه توی سئوتون مشکل پیش میاد.

لینک به ارسال

ممنون

اون

right-margin رو یکی از بچه ها خودش ابتکار زده بود من ننوشتم!!

:)

فقط یه سوال دیگه این مقدار margin رو منفی بدیم توسط همه مروگر ها و مخصوصا همه نسخه های ie پشتیبانی میشه؟

لینک به ارسال
ممنون اون

right-margin رو یکی از بچه ها خودش ابتکار زده بود من ننوشتم!!

:) فقط یه سوال دیگه این مقدار margin رو منفی بدیم توسط همه مروگر ها و مخصوصا همه نسخه های ie پشتیبانی میشه؟

همه نسخه های ie رو نمیدونم ، ولی فکر کنم بکنه. (تو نسخه IE فعلی من که میکنه)

لینک به ارسال

آی ای ساپورت می کنه

در ضمن می تونید به آی دی CollapsiblePanel1 خاصیت


white-space:nowrap;

بدید

لینک به ارسال

آی ای ساپورت می کنه

در ضمن می تونید به آی دی CollapsiblePanel1 خاصیت


white-space:nowrap;

بدید

استاد اینکه فرمودین چیکار میکنه؟

هر چی سرچ کردم هم حتی نفهمیدم این خاصیت چیکار میکنه

لینک به ارسال

استاد اینکه فرمودین چیکار میکنه؟

هر چی سرچ کردم هم حتی نفهمیدم این خاصیت چیکار میکنه

http://www.w3schools.com/cssref/pr_text_white-space.asp

مثال

http://www.w3schools.com/cssref/tryit.asp?filename=trycss_text_white-space

لینک به ارسال

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

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

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

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

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

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

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

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

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