انجمن


مشکل در طراحی  (۲ نوشته)

  • mehrdadkhan

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۱
    # نوشته شده: ۸ سال پیش
    ۲۰ آذر ۱۳۹۴ - ۱۴:۳۷

    سلام

    من یه قسمت از سایتم به این شکل کد نویسی شده

    <header>
    <div class="masthead">
    <div class="masthead-body">
    <div class="email"><i class="fa fa-envelope" style="color:#758594; margin:13px 0px 0px 30px;"></i><p>Email : info@mihanwordpress.com</p></div>
    <div class="phone"><i class="fa fa-phone-square" style="color:#758594; margin:13px 0px 0px 30px;"></i><p>Phone : +98 21 66 240 209</p></div>
    </div>
    </div>
    </header>

    و استایلش به این صورت هستش

    header {
    width: 100%;
    height: auto;
    background: #34495e;
    overflow:hidden;
    border-bottom: solid 2px #000000;
    border-image: url(img/Freebie-Page-Atech_02.png) 30 30 round;
    -moz-border-image: url(img/Freebie-Page-Atech_02.png) 30 30 round; /* Firefox */
    -webkit-border-image: url(img/Freebie-Page-Atech_02.png) 30 30 round; /* Safari and Chrome */
    -o-border-image: url(img/Freebie-Page-Atech_02.png) 30 30 round; /* Opera */
    }
    .masthead {
    width: 100%;
    height: 40px;
    background: #2c3e50;
    float: right;
    margin: 15px 0px 0px 0px;
    }
    .masthead-body {
    width: 1300px;
    height: auto;
    margin: 0 auto;
    }
    .email {
    float: left;
    width: auto;
    height: auto;
    margin: 0 auto;
    }
    .email p {
    color: #758594;
    font: 12px Segoe, "Segoe UI";
    float: left;
    margin: 13px 0px 0px 10px;
    }
    .phone {
    float: left;
    width: auto;
    height: auto;
    margin: 0 auto;
    }
    .phone p {
    color: #758594;
    font: 12px Segoe, "Segoe UI";
    float: left;
    margin: 13px 0px 0px 10px;
    }

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

    overflow:hidden; رو حذف میکنم و float که میدم اسکرول به سمت چپ و راست میده ولی دیگه طول 100% از کار میفته و به مشکل میخوره و بخش شماره و ایمیل میریزه

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

    زمپ هم تست کردم ولی درست نشد

  • سرور مجازی ایران

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۶
    تشکر شده: ۶ بار
    # نوشته شده: ۸ سال پیش
    ۲۷ آذر ۱۳۹۴ - ۱۰:۲۶

    سلام.
    اون استایل اینلاین تاثر نگذاشته ؟
    اگر در پهنه ی وب بود قالبتون و قابل رویت میتونستم مشکلتون رو بررسی کنم و شاید هم رفع کنم. برای این که بقیه هم بتونن نظرات خودشون رو بهتر بدن بهتره که سایتتون رو بالا بیارید.

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.