kết quả từ 1 tới 8 trên 8

[*hỏi] layer và lớp trong html và css

  1. #1
    Ðến Từ
    Đồng Nai
    Thành Viên Thứ: 267871
    Giới tính: Nam
    Bài gửi
    310

    [*hỏi] layer và lớp trong html và css

    bạn bít cách làm cho đối tượng này nằm lên trên đối tượng kia trong html thì chỉ mình với.... ví dụ mình muốn làm cho khung textbox <input type="text" id="textbox" size="40px" /> nằm lên trên hình "a.jpg"...hình "a.jpg" không phải là background-image....nhân tiện cho mình hỏi cách setup vị trí các đối tượng trong html và cách style mấy cái khung textbox(<input type="text,password,sudmit,buttom" />) thành hình khác cho đẹp hơn như thế nào ạ chứ mấy cái khung hình chữ nhật đó xấu lắm không bắt mắt tí nào. thanks nhìu....

    ví dụ như cái textbox này

    hay cái này chẳng hạn
    Quick reply to this message Trả lời       

  2. #2
    Ðến Từ
    TP. Hồ Chí Minh
    Thành Viên Thứ: 289496
    Bài gửi
    43

    Reply: [*hỏi] layer và lớp trong html và css

    Bạn xem thử ví dụ này. Kết hợp giữa position và z-index để làm điều bạn muốn.
    HTML Code:
    <style>.wrapper{
        width:300px;
        margin:0 auto;
        position:relative;
    }
    .image{
        position:absolute;
        top:0;
        left:0;
        width:300px;
        z-index:100;
    }
    #textbox{
        position:absolute;
        top:0;
        left:0;
        z-index:101;
    }
    </style>
    <div class="wrapper">
    <img class="image" src="a.jpg>
    <input type="text" id="textbox" size="40px" />
    </div>

  3. Đã cảm ơn DMGM:


  4. #3
    Ðến Từ
    TP. Hồ Chí Minh
    Thành Viên Thứ: 289496
    Bài gửi
    43

    Reply: [*hỏi] layer và lớp trong html và css

    custom select box bạn có thể dùng bootstrap getbootstrap.com.vn/ hoặc chọn một trong các thư viện jquery về select box tại plugins.jquery.com/tag/selectbox/
    mình thấy thư viện này cũng hay và nhiều người dùng nè lcdsantos.github.io/jQuery-Selectric/demo.html

  5. Đã cảm ơn DMGM:


  6. #4
    Ðến Từ
    Đồng Nai
    Thành Viên Thứ: 267871
    Giới tính: Nam
    Bài gửi
    310

    Reply: [*hỏi] layer và lớp trong html và css

    Trích Nguyên văn bởi DMGM Xem bài viết
    Bạn xem thử ví dụ này. Kết hợp giữa position và z-index để làm điều bạn muốn.
    HTML Code:
    <style>.wrapper{
        width:300px;
        margin:0 auto;
        position:relative;
    }
    .image{
        position:absolute;
        top:0;
        left:0;
        width:300px;
        z-index:100;
    }
    #textbox{
        position:absolute;
        top:0;
        left:0;
        z-index:101;
    }
    </style>
    <div class="wrapper">
    <img class="image" src="a.jpg>
    <input type="text" id="textbox" size="40px" />
    </div>
    cho mình hỏi mấy cái dấu chấm và cái đấu # trước mục trong thẻ style trong vi dụ của bạn có ý nghĩa j z

  7. #5
    Ðến Từ
    Đồng Nai
    Thành Viên Thứ: 267871
    Giới tính: Nam
    Bài gửi
    310

    Reply: [*hỏi] layer và lớp trong html và css

    Trích Nguyên văn bởi DMGM Xem bài viết
    custom select box bạn có thể dùng bootstrap
    hoặc chọn một trong các thư viện jquery về select box tại
    mình thấy thư viện này cũng hay và nhiều người dùng nè
    mình muốn mã nguồn (code) ấy để mình có thể hỉu và tùy biến theo ý mình chứ mấy cái bạn chỉ nhìn vào chẳng hỉu cái j hít muốn sửa cũng chả bít j mà sửa
    nhân tiện cho mình hỏi làm sao mấy bạn gửi được link z mình gửi nóa toàn báo lỗi spam j j đó không hà...ức chế(diễn đàn của mình ak)

  8. #6
    Ðến Từ
    TP. Hồ Chí Minh
    Thành Viên Thứ: 289496
    Bài gửi
    43

    Reply: [*hỏi] layer và lớp trong html và css

    Trích Nguyên văn bởi minhtuan9231 Xem bài viết
    cho mình hỏi mấy cái dấu chấm và cái đấu # trước mục trong thẻ style trong vi dụ của bạn có ý nghĩa j z
    dấu chấm "." là để chỉ class của element (element có thể là div, img, input, span... ở đây là class của thẻ div và thẻ img), còn dấu thăng "#" là để chỉ id của element (ở đây là id của thẻ input).
    mỗi element có thể có nhiều class, dựa vào thuộc tính này ta có thể gán một style cho nhiều element.
    mỗi element chỉ có thể có duy nhất 1 id để phân biệt với nhau.
    theo mình biết là vậy, bạn có thể tìm hiểu thêm và chia sẻ với mọi người

  9. Đã cảm ơn DMGM:


  10. #7
    Ðến Từ
    TP. Hồ Chí Minh
    Thành Viên Thứ: 289496
    Bài gửi
    43

    Reply: [*hỏi] layer và lớp trong html và css

    Trích Nguyên văn bởi minhtuan9231 Xem bài viết
    mình muốn mã nguồn (code) ấy để mình có thể hỉu và tùy biến theo ý mình chứ mấy cái bạn chỉ nhìn vào chẳng hỉu cái j hít muốn sửa cũng chả bít j mà sửa
    nhân tiện cho mình hỏi làm sao mấy bạn gửi được link z mình gửi nóa toàn báo lỗi spam j j đó không hà...ức chế(diễn đàn của mình ak)
    Việc lấy mã nguồn thì bạn có thể tải về xem mà. Họ cũng có document trong đó để bạn tham khảo. Mình thấy họ hướng dẫn rất rõ ràng và chi tiết.
    Để tự custom đươc 1 thư viện select box riêng đòi hỏi kiến thức nâng cao về css và jquery. Bạn có thể tải source code viện về cài đặt và chạy thử, nếu chạy không được và vướng mắc chỗ nào thì có thể lên đây hỏi, mọi người sẽ cố gắng trả lời. Sau khi đã hiểu rõ về thư viện này thì mình tin bạn có thể tự custom được 1 select box cho riêng mình
    lcdsantos.github.io/jQuery-Selectric/index.html

  11. Đã cảm ơn DMGM:


  12. #8
    Ðến Từ
    Đồng Nai
    Thành Viên Thứ: 267871
    Giới tính: Nam
    Bài gửi
    310

    Reply: [*hỏi] layer và lớp trong html và css

    Trích Nguyên văn bởi DMGM Xem bài viết
    Việc lấy mã nguồn thì bạn có thể tải về xem mà. Họ cũng có document trong đó để bạn tham khảo. Mình thấy họ hướng dẫn rất rõ ràng và chi tiết.
    Để tự custom đươc 1 thư viện select box riêng đòi hỏi kiến thức nâng cao về css và jquery. Bạn có thể tải source code viện về cài đặt và chạy thử, nếu chạy không được và vướng mắc chỗ nào thì có thể lên đây hỏi, mọi người sẽ cố gắng trả lời. Sau khi đã hiểu rõ về thư viện này thì mình tin bạn có thể tự custom được 1 select box cho riêng mình
    đọc mấy cái hướng dẫn của người tar mình chả hìu j hit hơi bị ngu bạn đã sài và bít cách sài thì chỉ mình với làm video hướng dẫn thì càng tốt...nói rõ thì mình cảm ơn nhìu, cách download cách cài đặt và cách setup vào html (php)