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

Hỏi về CSS

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi jjy, 27/5/16.

Lượt xem: 3,507

  1. jjy Banned

    Em có cái menu như này, mọi người chỉ giùm em làm sao kéo cái menu ra giữa trang web vậy, hoặc là di chuyển cả cái menu tùy theo ý thích của mình( mới tập tành nên không biết rành)

    <html>
    <head>
    <title> Menu </title>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    </head>

    <body>
    <div id="menu">
    <ul>
    <li><a href="#"> Menu item 1</a>
    <ul class="menuconlv1">
    <li><a href="#"> Menu item 1.1</a></li></br>
    <li><a href="#"> Menu item 1.2</a></li></br>
    <li><a href="#"> Menu item 1.3</a></li></br>
    </ul>
    </li>
    <li><a href="#"> Menu item 2</a>
    <ul class="menuconlv1">
    <li><a href="#"> Menu item 2.1</a></li></br>
    <li><a href="#"> Menu item 2.2</a></li></br>
    <li><a href="#"> Menu item 2.3</a></li></br>
    </ul>
    </li>
    <li><a href="#"> Menu item 3</a>
    <ul class="menuconlv1">
    <li><a href="#"> Menu item 3.1</a></li></br>
    <li><a href="#"> Menu item 3.2</a></li></br>
    <li><a href="#"> Menu item 3.3</a></li></br>
    <li><A href="#"> Menu item 3.4</a></li></br>
    </ul>
    </li>
    <li><a href="#"> Menu item 4</a>
    <ul class="menuconlv1">
    <li><a href="#"> Menu item 4.1</a></li></br>
    <li><a href="#"> Menu item 4.2</a></li></br>
    <li><a href="#"> Menu item 4.3</a></li></br>
    </ul>
    </li>
    <li><a href="#"> Menu item 5</a>
    <ul class="menuconlv1">
    <li><a href="#"> Menu item 5.1</a></li></br>
    <li><a href="#"> Menu item 5.2</a></li></br>
    <li><a href="#"> Menu item 5.3</a></li></br>
    </ul>
    </li>
    </ul>
    </div>
    <style>
    #menu{
    margin :0px auto;
    height :60px;
    background :#000;
    }
    #menu >ul>li{
    border-right :1px solid white;
    }
    #menu >ul>li:last-child{
    border-right:none;
    }
    ul li{
    list-style :none;
    }
    #menu ul li a{
    text-decoration :none;
    }
    #menu ul li{
    float :left;
    display :block;
    position :relative;
    padding :18px 30px;
    color :gray;
    }
    #menu li ul{
    position :absolute;
    display :none;
    width :180px;
    background :black;
    padding-left :5px;

    }
    #menu ul li a:hover{
    color : pink;
    }
    #menu li:hover ul{
    display :block;
    }
    </style>
    </body>
    </html>

    ...
  2. Marry_Anne

    Marry_Anne Mới đăng kí

    cho thêm cái width vào
    #menu{
    margin :0px auto;
    height :60px;
    background :#000;
    }

    là ok nha bạn
  3. phankien9x

    phankien9x Thành viên cấp 3

    xem xét thuộc tính line-height text-align position các kiểu các thứ :v
  4. tuds

    tuds Thành viên cấp 1

    bạn có thể xem cách căn giữa ở đây
    Link view:
    Chỉnh sửa lần cuối: 19/6/16
Từ khóa:

Ủng hộ diễn đàn