Banner quảng cáo không tự mất khu thu nhỏ màn hình

Làm cách nào để thêm ảnh quảng cáo vào header khi thu nhỏ chiều rộng màn hình sẽ tự biến mất. Mình thêm ảnh vào thì khi thu nhỏ nó bị nhảy xuống dưới chèn cả lên navbar

 

Có ai giúp mình với nào?

 

có phải quảng cáo trượt dọc 2 bên giống trang này ko bạn? http://ncnol.com

 

Làm sao để auto thu nhỏ ảnh được nhỉ. KHi vào bằng di động nó không thu nhỏ nhìn rất xấu.
Quảng cáo từng chuyên mục tại diễn đàn nha trang của mình

 

Thêm class cho baner, đặt width % để quảng cáo co giản theo màn hình.
Muốn quảng cáo mất khi thu nhỏ màn hình thì chèn code responsive, max-width là màn hình tối đa bao nhiêu display: none class banner là ok.

 

anh cho em hỏi. Nếu e không bật responsive cho website, thì e có thể dùng thuộc tính nào để thay thế không ạ?
Em đang có 2 float banner quảng cáo 2 bên, mà chưa biết cách nào để khi duyệt trên mobile thì biến mất, e sử dụng thuộc tính z-index thì 2 banner biến mất luôn...có cách nào để nó chìm xuống khi kích thước màn hình thu nhỏ lại ko ạ?

 

bạn tìm hiểu thuộc tính @media của CSS3 nhé

 

Chỉ biến mất khi bật responsive thôi bạn, còn để % thì nó cũng chẳng mất được. Bạn cho các quảng cáo vào thẻ:

PHP:

<div class="quangcao"><a .....><src ...../></a></div>

Vào Extra.css thêm vào ( ví dụ css responsive, bạn tùy chỉnh cho phù hợp site bạn nha ) :

Mã:

.quangcao {  width: 100%; }
<xen:if is="@enableResponsive">
@media (max-width: 480px)
{
.Responsive .quangcao { display: none }
}
</xen:if>

Như vậy là quảng cáo hoàn toàn co giản theo độ lớn màn hình và tự biến mất khi màn hình độ rộng dưới 480px.