10/10/2018, 09:35

Giúp tôi về marquee với mấy pro ơi!

Chào cả nhà!
Tôi có vấn đề thắc mắc như sau(có hỏi 1 vài nơi nhưng pó tay rồi):

Ý đồ của tôi là cho 1 đoạn text chạy lên(up) trong 1 cái khung và có chừa lề ở đáy và đỉnh của khung đó. Tôi đã dùng tag marquee trong đó có sử dụng thuộc tính padding của nó để chừa lề cho text nhưng không xong!
Nhờ các cao thủ vui lòng chỉ giúp(chỉ dùng thuộc tính của marquee, không hỗ trợ các thẻ khác như table để tạo khung!).

Hiện tại để làm được như trên tôi phải sử dụng thêm tag table để tạo đường viền(border) bên ngoài:

<table width=400 height=300 border=1>
<tr>
<td height=400><marquee direction="up" style="width:400; height:280;text-align:center;">
Rat cam on ban
</marquee>
</td>
</table>

Gởi lời cảm ơn đến tất cả!
nvcnvn viết 11:36 ngày 10/10/2018
Phải ý bạn là như vầy!?
Code:
<marquee direction="up" style="border-style:solid; border-width:1px; width:400; height:280;text-align:center">
Rat cam on ban
</marquee>
xisharp viết 11:41 ngày 10/10/2018
Không phải vậy, bạn demo cái code của tôi đi, cảm ơn nvcnvn!
nvcnvn viết 11:49 ngày 10/10/2018
Được gửi bởi xisharp
Không phải vậy, bạn demo cái code của tôi đi, cảm ơn nvcnvn!
Sory, tại tôi không hiểu ý lắm, với lại khi chạy thử thì nó lại giống ý hệt!
xisharp viết 11:37 ngày 10/10/2018
Giống đâu mà giống, cái của bạn, bạn để ý phần đỉnh và đáy xem chữ sẽ chạy bắt đầu từ đáy và chạm vào đỉnh. Còn code của tôi demo sẽ có cách lề đỉnh và đáy hẳn hoi, coi lại thử xem, nhưng vì tôi không muốn có thêm thẻ table, thanks!
TheHeTre viết 11:50 ngày 10/10/2018
<table width=400 height=300 border=1>
<tr>
<td height=400><marquee direction="up" style="width:400; height:280;text-align:center;">
Rat cam on ban
</marquee>
</td>
</table>

Gởi lời cảm ơn đến tất cả!
Bạn có làm layout hay CSS chưa nhỉ? Không sure lắm vì chẳng ai để width của table và td vô lý như trên.

Nếu không muốn dùng table thì dùng DIV cho gọn.
CSS
Code:
#div{
padding:2px;
border:1px solid #ccc;
text-align:center;
width:400px;
height:300px;
}
HTML
Code:
<div id="div">
<marquee direction="up">Rat cam on ban</marquee>
</div>
xisharp viết 11:36 ngày 10/10/2018
Trước hết xin cảm ơn bác Thehetre đã ghé qua trả lời cho câu hỏi của mình.
Tiếp theo mình xin hỏi vậy là với 1 mình tag marquee cùng các thông số của nó thì không thể thực hiện được ý đồ(text cách 4 lề(border)) trên à, tôi thử dùng padding của marquee mà nó chỉ cách 2 cạnh thôi, còn 2 cạnh hướng text đến và đi lại không cách, pó tay.
Chào bác.
alexhero viết 11:49 ngày 10/10/2018
Vẫn với code của TheHeTre sửa thành như này
HTML:
<div id="div">
<div id="in">
<marquee direction="up">Rat cam on ban</marquee>
</div>
</div>
CSS:
#div{
padding:2px;
border:1px solid #ccc;
text-align:center;
width:400px;
height:300px;
}
#in {
padding:5px 0;
}
Bài liên quan
0