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

[HELP]Ai có kinh nghiệm cắt HTML & CSS xin giải đáp giúp ạ.

Chủ đề thuộc danh mục 'Hỏi đáp - Thảo luận về web' được đăng bởi nguyễn năng, 31/8/13.

Lượt xem: 3,506

  1. nguyễn năng Thành viên cấp 2

    [​IMG]

    Chào mọi người! Mong mọi người giúp em.
    Tình hình là em đang làm bài tập cuối môn nhưng khi cắt HTML và CSS thì xảy ra trường hợp xuất hiện thanh cuộn ngang và phần <div> ông nội bị cách mép trái và trên 1 khoảng nhỏ (như trên hình) mặc dù em đã đo đạc kỹ lưỡng rồi. Em không hiểu tại sao mà sửa mãi ko dính vào mép được. Mọi người giúp em với, kỳ nộp sắp đến rồi ạ. Giờ mình thêm gì vào CSS hay thay đồi gì ở HTML xin cho em bit với ạ.
    Cảm ơn mọi người.

    ...
  2. ohyeah

    ohyeah Banned

    1/ Cái khoảng trắng ở phía trên CÓ THỂ là do thuộc tính padding or margin tạo ra.
    2/ Để tránh tình trạng bị thanh cuộn ngang thì nên thêm vào thuộc tính {overflow:hidden} nó sẽ cắt hết những phần "lòi".

    Có demo online thì cái này sửa dễ thôi, nhưng sửa giao diện mà chỉ nhìn vào cái hình thì hơi khó.
    nguyễn năng thích bài viết này
  3. Nguyễn Tất Thắng

    Nguyễn Tất Thắng Rất là bình thường

    Thêm đoạn reset css vào đầu file css nhé! Không thì cho dòng này vào cũng được
    *{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    }
    và bạn sẽ phải định dạng lại 1 số thuộc tính cho table hoặc button hoặc một số thứ nữa!
    Cư Dân Mạng, tuyetmainguyễn năng thích bài viết này.
  4. nguyễn năng

    nguyễn năng Thành viên cấp 2

    Em thành thật đa tạ các bác. Vấn đề đã được xử lý ngon lành bằng chiêu thức của bác Nguyễn Tất Thắng
    Nguyễn Tất Thắng thích bài viết này
  5. banbaonylong

    banbaonylong Ko phải assmin

    mỗi lần định dạng 1 element như div, span, p, bạn cứ display: block; float: left/right, chỗ nào cần thì width/height theo % hay px cụ thể, bảo đảm layout bạn sẽ cứng cáp ko bị bay lung tung
  6. nguyễn năng

    nguyễn năng Thành viên cấp 2

    cơ mà anh banbaonylong ơi cho em hỏi cái.
    với để view tốt website trong trình duyệt trên điện thoại di động cần yếu tố gì ạ?
  7. banbaonylong

    banbaonylong Ko phải assmin

    :v cần hiểu cách viết css cho nhiều màn hình khác nhau
  8. Hạnh Anh

    Hạnh Anh Thành viên cấp 2

    trong css bạn thêm dòng
    PHP:
    padding0;
  9. nguyễn năng

    nguyễn năng Thành viên cấp 2

    vậy thiết kế cho cách loại màn hình khác nhau thì CSS có khác nhau không ạ?
  10. Nguyễn Tất Thắng

    Nguyễn Tất Thắng Rất là bình thường

    Có khác nhau nhé! :D
  11. nguyễn năng

    nguyễn năng Thành viên cấp 2

    [​IMG]
    Nguyễn Tất Thắng : bác cho em hỏi là có cách nào cho cái chấm đỏ này nhấp nháy bằng jQuery / Javascript không ạ?
  12. SITUVN

    SITUVN Thành viên cấp 2

    Css 3 làm được điều này.
    Tìm với từ khóa image masking css3
  13. banbaonylong

    banbaonylong Ko phải assmin

    nhấp nháy thì sao CSS3 làm đc? SITUVN
  14. nguyễn năng

    nguyễn năng Thành viên cấp 2

  15. ohyeah

    ohyeah Banned

    Chẳng biết là nhấp nháy thế nào, nhưng nhấp nháy đơn giản thì bẳng ảnh gif động cũng ok mà
  16. banbaonylong

    banbaonylong Ko phải assmin

    nhấp nháy (đổi nhìu ảnh) thì bạn chỉ cần javascript, chứ chẳng cần lấy siu nhân jquery làm j 8-}

    HTML
    PHP:
    <img id="img" src="startpicture.jpg">
    Js
    PHP:
    function changeImage()
    {
        var 
    img document.getElementById("img");
        
    img.src images[x];
        
    x++;

        if(
    >= images.length){
            
    0;
        } 
        
    fadeImg(img100true);
        
    setTimeout("changeImage()"30000);
    }

    function 
    fadeImg(elvalfade){
        if(
    fade === true){
            
    val--;
        }else{
            
    val ++;
        }
        if(
    val && val 100){
            
    el.style.opacity val 100;
            
    setTimeout(function(){fadeImg(elvalfade);}, 10);
        }
    }

    var 
    images = [],
    0;

    images[0] = "image1.jpg";
    images[1] = "image2.jpg";
    images[2] = "image3.jpg";
    setTimeout("changeImage()"30000);
    Nguyễn Tất Thắngnguyễn năng thích bài viết này.
  17. nguyễn năng

    nguyễn năng Thành viên cấp 2

    Cảm ơn các bác nhiều nhưng em chỉ cần nó nhấp nháy thôi nên em lựa chọn CSS3.
    HTML:
    <style>
    div {
    width:100px;
    height:100px;
    background:red;
    position:relative;
    animation:mymove 2s infinite;
    animation-delay:1s;
     
    @keyframes mymove
    {
    from {opacity: 0;}
    to {opacity: 1;}
    }
     
    </style>
    pingpoongbanbaonylong thích bài viết này.
  18. Nighter

    Nighter Thành viên cấp 3

    về việc #1 thì bạn nhớ dùng reset.css (google)
    #11 chỉ là 1 cái ảnh đơn giản, dùng gif là đủ
  19. LyCongTruong

    LyCongTruong Thành viên cấp 3

    cái đấy do margin và padding mặc định của nó.như trên đã giải đáp

Ủng hộ diễn đàn