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

Không căn chỉnh được vị trí của ảnh nhờ các bác giúp !

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

Lượt xem: 1,857

  1. codecontrol Mới đăng kí

    Cái web của em sau khi làm menu xổ xuống thì cái ảnh ở giữa bị lệch mất mà không margin-left nó được mong các bác giúp cho em, em xin cảm ơn trước.

    BObj39X.jpg

    code html:
    HTML:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Language" content="vi" />
            <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
            <meta name="keywords" content="Viet Nam, Ha Noi, Bat lua, Dupont" />
            <link type="text/css" rel="stylesheet" href="stylesheet.css" />
            <title>S.T.Dupont</title>
        </head>
        <body>
            <!-- Khối đầu ngang đầu tiên -->
            <div id="header">
            <!-- Logo -->
                <div id="logo">
                    <a href="index.htm"><img src="logo.png" alt="trang chủ"/></a>
                </div>
            <!-- bỏ phần bán hàng thanh thông tin -->
                <div id="menu">
                    <ul>
                        <li><a href="">TIN TỨC</a></li>
                        <li><a href="">MAISON S.T.DUPONT</a>
                            <ul>
                                <li><a href="">LỊCH SƯ</a></li>
                                <li><a href="">LÀM THẾ NÀO</a></li>
                            </ul></li>
                        <li><a href="">BỘ SƯU TẬP</a>
                            <ul>
                                <li><a href="">BẬT LỬA</a></li>
                                <li><a href="">BÚT</a></li>
                                <li><a href="">DA TỐT</a></li>
                                <li><a href="">PHỤ KIỆN</a></li>
                                <li><a href="">HAUTE CREATION</a></li> <!-- Chả  biết là cái gì hộp đựng bút à -->
                                <li><a href="">PHIÊN BẢN HẠN CHẾ</a></li>
                            </ul></li>
                    </ul>
                </div>
            </div>
            <!--Cái ảnh giữa -->
            <div id="imct">
                <a href=""><img src="20141111_101608.jpg" width="80%" height="500px" alt="Sản phẩm" /></a>
            </div>
            <!-- Thanh ngang -->
            <div id="fb">
                <a href=""><img src="download.png" width="20px" height="20px" alt="facebook" /></a>
            </div>
            <!-- Phần chân trang -->
            <div id="footer">
                <div id="ft1">
                    <ul>CÔNG TY
                        <li><a href="">Về S.T.Dupont</a></li>
                        <li><a href="">Cuộc thi thiết kế quốc tế 2014</a></li>
                    </ul>
                </div>
                <div id="ft2">
                    <ul>MAISON S.T.DUPONT
                        <li><a href="">Lịch sử</a></li>
                        <li><a href="">Làm thế nào</a></li>
                    </ul>
                </div>
                <div id="ft3">
                    <ul>SẢN PHẨM
                        <li><a href="">Điều kiện bảo hành</a></li>
                        <li><a href="">Câu hỏi của bạn</a></li>
                        <li><a href="">Hướng dẫn</a></li>
                    </ul>
                </div>
                <div id="ft4">
                    <ul>Điều khoản & Pháp lý
                        <li><a href="">Chính sách bảo mật</a></li>
                    </ul>
                </div>
            </div>
        </body>
    </html>
    code css:
    Code:
    a{
        text-decoration:none;
    }
    li{
        list-style-type:none;
    }
    #header{
        margin-left: 110px;
    }
    #logo{
        float: left;
    }
    //CSS Tạo Menu Cấp 1
    #menu ul{
        list-style: none;
    }
    #menu ul li{
        padding-left: 5px;
        float:left;
        position:relative;
    }
    //CSS Tạo Menu Cấp 2
    #menu li ul a{
    background:#444;
    }
    #menu li ul{
        position:absolute;
        display:none;
    }
    #menu li:hover ul{
        display:inline-block;
        list-style: none;
    }
    //----------------------
    #imct img{
        margin-top:10px;
        margin-left:200px;
    }
    #fb {
        width: 100%;
        height: 30px;
        background-color: #08129a;
    }
    #fb img{
        margin-left:50%;
        margin-top:5px;
    }
    #footer{
        margin-left:15%;
    }
    #ft1{
        float:left;
    }
    #ft2{
        float:left;
    }
    #ft3{
        float:left;
    }
    #ft4{
        float:left;
    }

    ...
  2. phanhang

    phanhang Thành viên cấp 2

    Đưa vào PTS căn hoặc lấy phần mềm ra căn chứ bạn căn tay vậy sau này còn nhiều cái làm sao xử lí đc
    Bạn thử chèn cái này <span style="margin-left:100px">
    <img src="20141111_101608.jpg" width="80%" height="500px" alt="Sản phẩm" />
    </span>


    thay cho cái <!--Cái ảnh giữa --> <div id="imct"> <a href=""><img src="20141111_101608.jpg" width="80%" height="500px" alt="Sản phẩm" /></a> </div>
    thay cho cái trên thử xem thay câu trên xuống câu in đậm ak, nếu chưa đc thì bạn chỉnh lại chỗ 100px thử xem
    codecontrol thích bài viết này
  3. giayvun

    giayvun Thành viên cấp 1

    Nếu chỉ canh giữa ảnh trong thẻ div #imct thì:
    #imct {
    text-align: center;
    }
    vậy thôi nhé :D

Ủng hộ diễn đàn