ورود

View Full Version : کمک فوری در مورد تگ a و li


refugee
سه شنبه 03 اردیبهشت 1392, 17:46 عصر
با سلام ؛

دوستان سوال جالبی نیست , اما خیلی اذیتم میکنه .

ببینید من میخواهم یک منو داشته باشم با عرض 200 و ارتفاع هر li ما 30 پیکسل , بعدش اینکه مثل خیلی از سایتهای دیگه وقتی موس اور میشه رو هر li ما بتونیم تک a رو لینکشو داشته باشیم
یه نمونه من میذارم , شما درستش کنید :



<html>
<head>
<style>
ul li a{
width:200px;
height:30px;
background-color:#ccc;
}
ul li a:hover{
color:#ff0000;
}
</style>
</head>
<body>
<ul>
<li><a href="#">EX1</a></li>
<li><a href="#">EX1</a></li>
<li><a href="#">EX1</a></li>
<li><a href="#">EX1</a></li>
</ul>
</body>
</html>

اینی که نوشتم استاندارد است . در حالی که من میخواهم وقتی روی هر li میره موس تگ a انتخاب بشه متنش ..
برای حل کردن این موضوع من تگ li رو داخل a قرار میدم . درست میشه . اما این روش مناسب نیست .

تشکر
mehbod.rayaneh
سه شنبه 03 اردیبهشت 1392, 20:31 عصر
سلام
یعنی شما میخواید وقتی موس روی li میره رنگ a تغییر کنه دیگه؟! درسته؟!
qartalonline
سه شنبه 03 اردیبهشت 1392, 21:33 عصر
شما عرض و ارتفاع رو به تگ a بدید فک کنم درست بشه.
refugee
سه شنبه 03 اردیبهشت 1392, 21:40 عصر
نه عزیز , من دقیقا میخواهم این عمل صورت بگیره اما بصورت استانداردش ...

نگاه بکن :


<a href="#"><li>menu</li></a>

شیوه استانداردش اینه که تگ a داخل تگ li قرار میگیره ... ( اما من میخواهم هر وقت موس رفت رو ال ای یعنی فضایی که متن a قرار ندارد , ولی لینک فعال بشه و بتونه با کلیک کردن وارد اون لینک href="" بشه )


<li><a href="">menu</a></li>
mehbod.rayaneh
سه شنبه 03 اردیبهشت 1392, 21:53 عصر
برای این ک وقتی موس روی li رفت رنگ و ... a عوض بشه میتونید 1 کارایی انجام بدید! ولی برای این ک بشه رو li کلیک کرد و لینک باز بشه باید به a اندازه بدید!
2undercover
چهارشنبه 04 اردیبهشت 1392, 05:51 صبح
شما باید این استایل هارو به لینکت اضافه کنی و بعد تگ a رو توی li قرار بدی:

li a
{
display: block;
width: 100%;
height: 100%;
}
DeveloperStudio
چهارشنبه 04 اردیبهشت 1392, 10:02 صبح
مرجع آموزش HTML - تگ های a و li هم به صورت کامل و با مثال عملی آموزش داده (http://developer1.ir/HTML/Index.aspx)
refugee
چهارشنبه 04 اردیبهشت 1392, 20:29 عصر
شما باید این استایل هارو به لینکت اضافه کنی و بعد تگ a رو توی li قرار بدی:

li a
{
display: block;
width: 100%;
height: 100%;
}


حق با شما بود . تشکر