Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Thắc mắc về menu web

Chủ đề thuộc danh mục 'Hỏi đáp - Thảo luận về web' được đăng bởi coloa2006-2010, 26/2/15.

Lượt xem: 2,021

  1. coloa2006-2010 Thành viên cấp 1

    Chào các bác, em mới tập làm một cái menu đa cấp ( cái menu ở trong hình) và có một vài cái em không biết cách khắc phục, mong các bác chỉ giúp.
    1. làm thế nào để các thành phần trang chủ, sản phẩm.... có độ rộng bằng nhau.
    2. làm thế nào để cái menu con i-port nó nằm đúng vị trí (vị trí dấu x em đã đánh dấu trong hình)
    3. làm thế nào để mấy cái menu con ( máy tính bảng, iphone, laptop......) thẳng hàng với cái menu sản phẩm.
    do em mới tập làm nên không biết mấy cái đó, mong các bác giải thích giúp em và chỉ em cách khắc phục, em cám ơn.
    UEyvIaP.jpg

    ...
  2. Tranbinhcse

    Tranbinhcse Mới đăng kí

  3. NT.Kiên

    NT.Kiên Thành viên cấp 1

    1, Trong các menu chính như trang chủ, sản phẩm,.. bạn muốn nó có kích thước bằng nhau thì bạn đặt cùng 1 độ rộng rồi sau đó để thuộc tính text align: center thì chữ sẽ tự căn giữa cái khung thôi.
    mục 2 và 3 thì mình ko rõ bạn gõ code ra sao, bạn có thể gửi cho mình
    fb.com/cango95
  4. banbaonylong

    banbaonylong Ko phải assmin

    nhìn ảnh thì ko trả lời đc do chả biết bạn làm cái j trong css
  5. vnfit.com

    vnfit.com Banned

    Bạn có thể xem video hướng dẫn cụ thể hơn ở Youtube chẳng hạn của Izwebz
    izwebz.com/css/menu-tha-xuong-da-cap-jquery-css
    Chuẩn không cần chỉnh đơn giản mà ngon
  6. coloa2006-2010

    coloa2006-2010 Thành viên cấp 1

    Tranbinhcse mình thử mấy cái đó rồi nhưng không thấy gì.
  7. coloa2006-2010

    coloa2006-2010 Thành viên cấp 1

    banbaonylong đây là code html của em:
    <div class="chonaychuamenu">
    <ul>
    <li><a href="#">TRANG CHỦ</a></li>
    <li><a href="#">SẢN PHẨM</a>
    <ul>
    <li><a href="#">MAY TINH BANG</a></li>
    <li><a href="#">I-PHONE 5S</a></li>
    <li><a href="#">LAPTOP</a></li>
    <li><a href="#">I-PORT</a></li>
    </ul>
    </li>
    <li><a href="#">PHỤ KIỆN</a></li>
    <li><a href="#">MÁY CŨ</a></li>
    <li><a href="#">GIỚI THIỆU</a></li>
    <li><a href="#">BẢO HÀNH</a></li>
    <li><a href="#">LIÊN HỆ</a></li>
    </ul>
    </div>
  8. coloa2006-2010

    coloa2006-2010 Thành viên cấp 1

    còn đây là css:
    *{
    margin: 0px;
    padding: 0px;
    }
    .chonaychuamenu{
    width: 850px;
    height: 50px;
    margin: 50px auto;
    }
    .chonaychuamenu ul li{
    position: relative;
    list-style: none;
    float: left;
    margin-left: 20px;

    }
    .chonaychuamenu ul li a{
    color: #F90;
    text-decoration: none;
    line-height: 50px;
    font-family:Tahoma, Geneva, sans-serif;
    padding: 10px 10px;
    background: #000;
    border-radius: 4px 4px 0px 0px;
    }
    .chonaychuamenu ul li a:hover{
    color: #9F0;
    background: #003;
    }
    .chonaychuamenu li ul{
    display: none;
    position: absolute;
    width: 200px;
    }
    .chonaychuamenu li:hover ul{
    display: block;
    position: absolute;
    }
  9. coids

    coids Thành viên cấp 2

    Thường thì ít khi để độ rộng các thành phần trong menu bằng nhau, vì chữ trong đó cái dài cái ngắn, họ chỉ canh padding hai bên bằng nhau cho các thành phần nhìn sẽ đẹp hơn. Còn menu đa cấp thì bạn search google ra cả đống, nếu bị lỗi là do bạn làm sai hướng dẫn thôi. Cái nữa là khi viết code html thì phân cấp rõ ràng các thành phần mẹ con bằng cách thụt đầu dòng vào cho dễ nhìn, bạn viết thế kia khó nhìn lắm.
Từ khóa:

Ủng hộ diễn đàn