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

نام تاپیک: تغییر استایل منوی افقی در تغییر رزولوشن

  1. #1
    کاربر دائمی آواتار ArtMiz
    تاریخ عضویت
    آذر 1387
    محل زندگی
    كره زمين
    پست
    119

    تغییر استایل منوی افقی در تغییر رزولوشن

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

  2. #2

    نقل قول: تغییر استایل منوی افقی در تغییر رزولوشن

    <img src='http://static.adzerk.net/Advertisers/879d9e1805a6495a9e3cbeeffe6da2ad.png' alt='' />
    <div id="wrap">
    <div id="menu">
    <ul>
    <li><a href="" title="Home Page" id="Home">Home</a></li>
    <li><a href="" title="About us" id="About_us">About Us</a></li>
    <li><a href="" title="" id="">Horizontal menu</a></li>
    <li><a href="" title="" id="">Horizontal menu</a></li>
    <li><a href="" title="" id="">Horizontal menu</a></li>
    <li><a href="" title="" id="">Horizontal menu</a></li>
    <li><a href="" title="" id="">Horizontal menu</a></li>
    </ul>

    </div>
    </div><!--end wrap-->

    img{ width: 100%}
    #menu{ background:#A1DBE6;/* min-width: 900px;*/ }
    #menu ul { margin:0; padding:7px; list-style:none; border-top:2px solid #6C939A; }
    #menu ul li { margin:0; padding:0; display: inline;}
    #menu ul li a { color:#287786; font:normal 14px Georgia, "Times New Roman", Times, serif; margin:0; padding:7px; }
    #menu ul li a:hover{ border-top:2px solid #287786; color:#fff; background:#287786;}
    #wrap{
    width:999px;
    height:400px;
    }
    }

  3. #3

    نقل قول: تغییر استایل منوی افقی در تغییر رزولوشن

    تغییری که خواسته بودین رو اضافه کردم و اینجا گذاشتم
    اگه منظورتون رو اشتباه فهمیدم و این طوری نمیخواید دقیق تر توضیح بدید

  4. #4
    کاربر دائمی آواتار ArtMiz
    تاریخ عضویت
    آذر 1387
    محل زندگی
    كره زمين
    پست
    119

    نقل قول: تغییر استایل منوی افقی در تغییر رزولوشن

    ممنونم از جوابتون. اگه خط دوم css رو خونده باشید متوجه میشید که من هنوز به جوابم نرسیدم. اگه دقت کنید منو از layout خارج میشه، به عکس بالای منو به که به عنوان نبر هست توجه کنید.

  5. #5

    نقل قول: تغییر استایل منوی افقی در تغییر رزولوشن

    عزیز این کدی که گذاشتم ویرایش شده ی کد خودت هست کپیش کن ببین !
    چون من حساب کاربری سایته رو نداشتم نتونستم اونجا ذخیرش کنم

  6. #6

    نقل قول: تغییر استایل منوی افقی در تغییر رزولوشن

    اگه باز اشتباه متوجه نشده باشم میتونید از media queries برای این منظور استفاده کنید. اینجا رو ببینید

  7. #7
    کاربر دائمی آواتار ArtMiz
    تاریخ عضویت
    آذر 1387
    محل زندگی
    كره زمين
    پست
    119

    نقل قول: تغییر استایل منوی افقی در تغییر رزولوشن

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

تاپیک های مشابه

  1. سوال: تغییر استایل خط افقی با CSS
    نوشته شده توسط idocsidocs در بخش طراحی وب (Web Design)
    پاسخ: 2
    آخرین پست: پنج شنبه 25 آذر 1389, 14:59 عصر
  2. تغییر اندازه اجزای فرم با تغییر رزولوشن
    نوشته شده توسط babak_delphi در بخش مباحث عمومی دلفی و پاسکال
    پاسخ: 1
    آخرین پست: یک شنبه 27 مرداد 1387, 20:46 عصر

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

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