PDA

View Full Version : ساخت تب در html



maryam.eng
پنج شنبه 06 خرداد 1395, 09:58 صبح
سلام من میخواستم یک لیست طراحی کنم که هر کدام از آن ها شامل یک زیر لیست باشد و با کلیک روی لینک هر زیر لیست بخشی از صفحه نمایش داده شود.مشکل من اینه که نمیتونم با کلیک بر روی هر زیر لیست به یک بخش از صفحه آدرس بدم.

این کدی هست ک نوشتم:

<nav id="menu2">
<ul id="ul1">
<li class="first"><a href="">پیام ها</a>
<ul>






<li class="second"><a href="">نمایش پیام های سایت</a>

<div id="content">

<h4>صفحه نمایش پیام های سایت</h4>
</div>




<li class="second"><a href=""> ویرایش پیام</a>

<li class="second"><a href=""> ایجاد پیام</a>
</ul></li>
<li class="first"><a href="">کاربران</a>
<ul>
<li class="second"><a href="">نمایش کاربران سایت</a>
<li class="second"><a href="">ویرایش کاربران</a>
</ul></li>
<li class="first"><a href="">آمار سایت</a>
<ul>
<li class="second"><a href="">تعداد کاربران</a>
<li class="second"><a href="">تعداد پیام های ارسالی سایت</a>



</ul>



</li>

</ul>

</nav>



مثلا وقتی میخوام روی نمایش پیام های سایت کلیک کردم div مربوط به آن نمایش داده شود .

ممنون میشم راهنماییم کنید.

Mag-Mag
پنج شنبه 06 خرداد 1395, 14:48 عصر
<a href="#Payam">تعداد پیام های ارسالی سایت</a>


#Payam ای دی دایو پیامها توی همین صفحه است

elias102
پنج شنبه 06 خرداد 1395, 14:50 عصر
سلام بر شما ؛
برای این کار به div یک id بدین و در لینک به جای آدرس ، یک علامت پوند (#) و آی رو بنویسین ، مثل این کد :‌


<a href="#id">content</a>

برای دیدن مثال بهتر میتونین به این لینک (http://www.w3schools.com/html/tryit.asp?filename=tryhtml_links_bookmark) سر بزنین.
امیدوارم مفید باشه براتون ؛ موفق باشین .

maryam.eng
یک شنبه 09 خرداد 1395, 23:02 عصر
سلام بر شما ؛
برای این کار به div یک id بدین و در لینک به جای آدرس ، یک علامت پوند (#) و آی رو بنویسین ، مثل این کد :‌


<a href="#id">content</a>

برای دیدن مثال بهتر میتونین به این لینک (http://www.w3schools.com/html/tryit.asp?filename=tryhtml_links_bookmark) سر بزنین.
امیدوارم مفید باشه براتون ؛ موفق باشین .


ممنون از پاسختون اما طراحی صفحه باید به این شکل باشه که در ابتدا کار همه قسمت ها مشخص نباشه به عبارت دیگر با کلیک بر روی هر یک از لینک های موجود در لیست ظاهرا به یک صفحه مجزا برود اما در واقع کد همه قسمت ها در یک صفحه نوشته شود.

maryam.eng
یک شنبه 16 خرداد 1395, 11:11 صبح
دوستان کسی جوابی نداره؟؟؟