ساخت یه منوی عمودی با تگ div

yalda_nasirian

yalda_nasirian

New Member
سلام دوستان

من مشکل در ساختن یه منوی عمودی با استفاده از css , html دارم که باید فقط از تگ div استفاده بشه نه ul , li .

کسیث می تونه کمکم کنه ؟ (فوری):shock:

ممنون
 
omid_p30

omid_p30

Member
خوب باید داخل کد Css منوی خودت رو بسازی دیگه. میشه یه جورای از li و ul هم استفاده نکرد. می تونی از همون تگ div استفاده کنی و یه باکس بسازی و بعد طول و عرض بدی.
 
dani.net

dani.net

New Member
سلام ميتوني از div استفاده كني كارتم راهته
بايد از ساختار هاي شي گرايي css استفاده كني البته بدون اين هم ميشه

div 1
div2
.
.
.
div2
div 1 end
حالا كافيه همون كارايي كه براي ul , li انجام دادي براي اين ريشه و فرزندان انجام بدي
 
yalda_nasirian

yalda_nasirian

New Member
dani.net گفت:
سلام ميتوني از div استفاده كني كارتم راهته
بايد از ساختار هاي شي گرايي css استفاده كني البته بدون اين هم ميشه

div 1
div2
.
.
.
div2
div 1 end
حالا كافيه همون كارايي كه براي ul , li انجام دادي براي اين ريشه و فرزندان انجام بدي
کلیک کنید تا باز شود...
دوستان بابت راهنمایی های خوبتون خیلی ممنونم .
فقط مثل اینکه باید از hover هم استفاده بشه ، فایلهای من اینجوری شدند خوشحال میشم راهنماییم کنید .
بازم ممنون
فقط اصلی ها رو فرستادم ، دیگه کدهای name , family , cityرو نفرستادم .

html :

<html>
<head>
<title>projectz</title>
<link href="./projectz.css"rel="stylesheet"type="text/css"/>
</head>
<body>
<div class="master"><p>student</p>
<div><a href="name.html"><p>name</p></a></div>
<div><a href="family.html"><p>family</p></a></div>
<div><a href="city.html"><p>city</p></a></div>
</div>
</body>
<html>


css
:

.menu {
width: 648px;height: 38px;
float: left;margin: 0;
padding-top: 3px;
}
.row1 {
visibility:hidden;
float: left;padding: 0 7px;background-color:yellow;position: relative;
display: block;
line-height: 38px;
float: left;
}
.menu a:hover
{
display:block;
}



​



​
 
dani.net

dani.net

New Member
خوب شما بايد ببينيد كه مي خوايد زير منو به صورت افقي نمايش داده بشه يا عمودي كه البته عمودي سخت تره ولي جامع تر ميشه چون زيرمنو ميتونه شامل زيرمنو بشه اما الان افقي فكركنم بيشتر به كارت بياد

من پيشنهاد قبلي خودم رو اصلاح مي كنم چون بايد از مقداري كد جاوا هم استفاده كني

تگ هاي تمام تگهاي زيرن خودت رو داخل يك تگ كلي div بزار


<div onmousehover="yourFunction('GroupeName')">
<div id="groupeName">
<div> </div>
.
.
.
</div>
</div>



خوب حالا يك تابع جاوا تعريف كن كه تمام اين زير مجموعه ها رو مانند Groupe Name در خودش داره و اين تابع نام گروهي رو كه ميگيره فعال و از هايدن در مياره و بقيه رو هايدن ميكنه حالا بايد با كدهاي استايل شيت مكان و ترتيب اين تگها رو درست بكني

​
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا