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

minhtuan9231 · 19/10/15

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

DMGM · 19/10/15

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:

<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>

DMGM · 19/10/15

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

minhtuan9231 · 19/10/15

DMGM:

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:

<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

minhtuan9231 · 19/10/15

DMGM:
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)

DMGM · 19/10/15

minhtuan9231:
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

DMGM · 19/10/15

minhtuan9231:
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

minhtuan9231 · 19/10/15

DMGM:
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)

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

DMGM

✩

DMGM

✩

minhtuan9231

minhtuan9231

DMGM

✩

DMGM

✩

minhtuan9231

Bài viết mới nhất

Thống kê

Bài viết được quan tâm nhiều