نمایش نتایج 1 تا 4 از 4

نام تاپیک: منو با css و html

  1. #1

    منو با css و html

    من هر کار می کنم نمی تونم دومین ul تعریف شده رو در منو نشون بدم. البته خودش ظاهر می شه ولی من می خوام وقتی mouseover اتفاق افتاد این کار صورت بگیره (اولین زیر منوم جواب می دم. اما دومین زیر منو (داخلی ترین) جواب نمی ده! ) اینم کدم:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Products Menu</title>
    <style>
    #nav, #nav ul
    {
    padding: 0;
    margin: 0;
    list-style: none;
    }
    #nav li
    {
    float: right;
    position: relative;
    width: 90px;
    height: 20px;
    background-color: #f6f6f6;
    color: #f75801;
    font: bold 70% Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
    direction: rtl;
    border: 1px solid #e1e1e1;
    text-align: center;
    padding-top: 5px;
    }
    #nav li:hover
    {
    background-color: #f1ff96;
    }
    #nav a:link, #nav a:visited
    {
    display: block;
    text-decoration: none;
    color: #868584;
    }
    #nav a:hover, #nav a:active
    {
    display: block;
    text-decoration: none;
    color: #f75801;
    }
    #nav ul, #nav2 ul
    {
    display: none;
    position: absolute;
    padding-top: 7px;
    }
    #nav ul li, #nav2 ul li
    {
    float: none;
    border: 1px solid #dded6f;
    background-color: #f1ff96;
    font-size: 100%;
    margin: 0;
    padding: 0;
    }
    #nav ul li:hover, #nav2 ul li:hover
    {
    background-color: #f9ffcf;
    }
    #nav li:hover ul, #nav2 li:hover ul
    {
    display: block;
    }
    </style>
    </head>
    <body>
    <ul id="nav" >
    <li><a href="#">programming</a>
    <ul id="nav2">
    <li><a href="#">web</a>
    <ul>
    <li><a href="#">css</a></li>
    <li><a href="#">java</a></li>
    </ul>
    </li>
    <li><a href="#">window</a>
    <ul>
    <li><a href="#">vb</a></li>
    <li><a href="#">delphi</a></li>
    </ul>
    </li>
    </ul>
    </body>
    /html>>

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


  2. #2

    نقل قول: منو با css و html

    سلام
    این کار در همه ی مرورگرها ساپورت نمی شود با CSS 2.0 و CSS 3.0 می شود چنین کاری رو کرد البته مشکل ساپورت نشدن در برخی مرورگرها همچنان باقی است

  3. #3

    نقل قول: منو با css و html

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

    am.mohammady@gmail.com

  4. #4
    کاربر دائمی
    تاریخ عضویت
    اسفند 1385
    محل زندگی
    تهران
    پست
    1,486

    نقل قول: منو با css و html

    این مقاله رو بخون
    مشکلی هم که در مورد ساپورت نکردن بعضی مرورگر ها جناب طهماسبی گفتن درش حل شده، البته مشکل فقط در ie هست اونم در ورژن های قدیمی تر.
    https://barnamenevis.org/showthread.php?t=170061

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

  • شما نمی توانید تاپیک جدید ایجاد کنید
  • شما نمی توانید به تاپیک ها پاسخ دهید
  • شما نمی توانید ضمیمه ارسال کنید
  • شما نمی توانید پاسخ هایتان را ویرایش کنید
  •