مشکل در طراحی سایت برنامه Dreamweaver

شروع موضوع توسط sara.sherafati ‏14 دسامبر 2013 در انجمن نرم‌افزارهای توسعه‌وب‌سایت (Sublime, VSCode و ...)

  1. sara.sherafati

    sara.sherafati New Member

    ارسال‌ها:
    16
    تشکر شده:
    7
    امتیاز دستاورد:
    1
    این چیزی است که تا الان طراحی شده
    [CSSS]@charset "utf-8";
    /* CSS Document */
    html, body, div, input , span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:103%;
    vertical-align:baseline;
    }

    body{background: url(images/images/backgroun.jpg); direction:rtl; font: 12px Tahoma}

    .headbg{background: url(images/images/images/images/images/headbg_blue.jpg); height:240px; width:1500px }

    .middle{width:1000px; margin: 0px auto}
    .headbg .topmenu{float:right}
    .headbg ul{ list-style: none}
    .headbg ul li{float:right; margin: 21px 0 0 0}
    .headbg ul li a{color:#FFF ; text-decoration:none; padding:1px 3px; margin:4px 0 0 0 ; transition:linear all 10s; -moz-transition:linear all 10s; border-radius:15px}
    .headbg ul li:hover{ background: #09F; box-shadow:2px 2px 2px #000000 , inset 1px 0.5px 0px #006 ; border-radius:15px}
    .headbg .sharing{ float:left;width:28px; height:28px ; margin:5px ; opacity:0.5 ; -moz-transition:linear all 0.3s}
    .headbg .sharing:hover{opacity:1}
    .headbg .piza{background:url(images/images/head_image.jpg); height:250px; width:100px}
    [/CSSS]

    [HTMLS]<!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>Untitled Document</title>
    <link href="reset.css" rel="stylesheet" type="text/css" />
    <link href="sara.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div class="headbg">
    <div class="middle">
    <div class="topmenu">
    <ul>
    <li><a href="#">صفحه اصلی</li>
    <li><a href="#">صفحه اصلی</li>
    <li><a href="#">صفحه اصلی</li>
    <li><a href="#">صفحه اصلی</li>
    </ul>
    <div class="sharing">
    <a href="#"><img src="images/images/sharingrss.jpg" /></a>
    </div>
    <div class="sharing">
    <a href="#"><img src="images/images/sharingt.jpg" /></a>
    </div>
    <div class="sharing">
    <a href="#"><img src="images/images/sharingy.jpg" /></a>
    </div>
    <div class="piza"></div>
    </div>
    </div>
    </div>
    </div>


    </body>
    </html>

    [/HTMLS]

    چند تا مشکل دارم:
    1- چرا ایکون های sharing به سمت چپ صفحه نرفتن؟
    2-چرا transition کار نکرده؟ که باید یه حالت نرمی میداد
    3-چرا عکس بک گراند piza نمایش داده نمیشه؟
     
    نوشته شده توسط sara.sherafati در ‏14 دسامبر 2013
  2. alirezan28

    alirezan28 Member

    ارسال‌ها:
    64
    تشکر شده:
    88
    امتیاز دستاورد:
    18
    یه سوال الان این که اصلا نمیاد چون فایل عکس ها رو ندادید ... لطفا کل فایلتون رو روضمیمه کنید ...
     
    نوشته شده توسط alirezan28 در ‏14 دسامبر 2013
    sara.sherafati از این پست تشکر کرده است.
  3. sara.sherafati

    sara.sherafati New Member

    ارسال‌ها:
    16
    تشکر شده:
    7
    امتیاز دستاورد:
    1
    یه چیزی بذاز جا عکس فرض اصلا نیست
     
    نوشته شده توسط sara.sherafati در ‏24 دسامبر 2013

به اشتراک بگذارید