Quang.Andrei (Quang.Andrei) July 4, 2017, 10:23am #1
Chào các anh trong diễn đàn, em mới tự học HTML và em đang tạo 1 button để chuyển hướng sang một trang html khác, em muốn di chuyển vị trí của button này thì làm thế nào ạ? Cảm ơn mọi người ạ
<html> <body> <form method=”get” action=”trang 2.html”> <input type=”submit” value=”Nhan vao day”> </form> </body> </html>
thanhtrung2314 (Trung Nguyen) July 4, 2017, 10:05am #2
Quang.Andrei (Quang.Andrei) July 4, 2017, 11:19am #3
Dạ em mới học hôm qua nên còn chưa hiểu lắm ạ, anh có thể nói rõ cho em được không ạ.
Đang xem: Di chuyển button trong html
thanhtrung2314 (Trung Nguyen) July 4, 2017, 11:34am #4
Nếu muốn bấm vào đó ta nhảy sang trang khác thì ta thường hay dùng thẻ <a>
<a href=”somelink”>Link</a>
Vậy giờ thử đặt cái button
<button><a href=”somelink”>Link</a></button>
Xem nó hoạt động không?
Quang.Andrei (Quang.Andrei) July 4, 2017, 11:43am #5
dạ có hoạt động ạ, bây giờ muốn di chuyển vị trí button kia dùng CSS để thực hiện ạ, em mới học mong được anh chỉ giáo thêm ạ, em cảm ơn anh ạ
thanhtrung2314 (Trung Nguyen) July 4, 2017, 11:44am #6
bây giờ muốn di chuyển vị trí button kia dùng CSS để thực hiện ạ
Miêu tả rõ ràng mới hình dung nổi
Quang.Andrei (Quang.Andrei) July 4, 2017, 11:56am #7
Dao_An (Đào An) July 4, 2017, 12:09pm #8
Có thể dùng flex-box để căn chỉnh vị trí các item đơn giản, hoặc có thể dùng CSS position tuy nhiên mất công hơn
CodePen
thanhtrung2314 (Trung Nguyen) July 4, 2017, 12:11pm #9
Đơn giản thôi. Chúng ta sẽ gói nó lại
<div class=”container”> <button><a href=”somelink”>Link</a></button> </div>
Ở Css chúng ta sẽ
.container
Là sẽ ra giữa. Mình không biết nhiều HTML CSS, chỉ lướt lướt qua Facebook học lỏm thôi.
Xem thêm: Papa'S Chicken Hà Nội – Papa'S Restaurant In Culver Indiana
Dark.Hades (Ichiro) July 4, 2017, 12:31pm #10
<button><a href=“somelink”>Link</a></button>
Button sao lại đi đôi với tag a, tối kỵ, cũng không hẳn, mà chưa thấy có ai làm như thế bao giờ
thanhtrung2314 (Trung Nguyen) July 4, 2017, 12:34pm #11
<form action=”somelink”> <input type=”submit” value=”Link” /> </form>
Theo mình biết người ta hay làm kiểu này.
Nhưng hình như giống y chang code của người hỏi. Nghĩ là hỏi cách khác.
Xem thêm: Sách Bí Quyết Trở Thành Tỷ Phú Pdf, Nguyên Tắc Đầu Tiên Để Trở Thành Tỉ Phú
superthin (Vô Thin) July 4, 2017, 1:02pm #13
Nếu canh chỉnh CSS khó quá, chủ topic chỉ muốn nhìn cho được đúng vị trí thì chơi theo kiểu “chày cối”:
<body> <form method=”get” action=”trang 2.html”> <p> <br> <br> </p> <p> <input type=”submit” value=”Nhan vao day”></p> </form> </body>
Cứ nờ bê éc pi dấu chấm phẩy đến N lần khi nào thấy ưng ý thì dừng
Kiểu này giống đánh Word dùng phím space bar để canh chỉnh dòng chữ.
Thuc_Nguyen_tan (Thuc Nguyen Tan) July 4, 2017, 1:54pm #14
<body> <div style=”width:500px; margin:auto;padding:10px; border:1px solid gray;”> <form method=”get” action=”http://vnexpress.vn”> <div style=”text-align:right;”><input type=”submit” value=”Nhan vao day”></div> </form> </div> <hr /> <div style=”width:500px; margin:auto;padding:10px; border:1px solid gray;”> <form method=”get” action=”http://vnexpress.vn”> <div style=”text-align:left;”><input type=”submit” value=”Nhan vao day”></div> </form> </div> <hr /> <div style=”width:500px; margin:auto;padding:10px; border:1px solid gray;”> <form method=”get” action=”http://vnexpress.vn”> <div style=”text-align:center;”><input type=”submit” value=”Nhan vao day”></div> </form> </div> </body>
1 Like
Home Categories FAQ/Guidelines Terms of Service Privacy Policy
Powered by Discourse, best viewed with JavaScript enabled
in4tintuc.com”s Discord Học C++ Free? Click Blog Dạy Nhau Học Tự Học Lập Trình
