it-swarm-vi.com

Menu hợp lý Đừng làm việc trong Joomla

Được rồi, đây là một tập hợp các kiểu ngọt ngào để làm cho bất kỳ điều hướng nào được căn giữa và chiều rộng 100%, sử dụng một thủ thuật biện minh.

https://Gist.github.com/anonymous/1a1460cf195c058d180d

Hoạt động không có vấn đề trong codepen, hoặc một tệp phẳng. Nó KHÔNG hoạt động trên một cài đặt Joomla. Điều này thổi mì của tôi, làm thế nào là thậm chí có thể? Giống như màu đỏ không hoạt động. Có ai có thể nghĩ tại sao nó lại thất bại trên Joomla hay chính xác là tôi có thể làm cho nó hoạt động như thế nào không?

Thông tin thêm được yêu cầu:

Chúng tôi sử dụng mẫu tùy chỉnh riêng của chúng tôi. Chúng tôi có một mẫu mà chúng tôi gọi là 'cơ sở' với tất cả mã của chúng tôi ít hơn, biên dịch thành css. Nếu tôi sử dụng cái này, loại bỏ tất cả các kiểu ul và tất cả các kiểu cơ thể, nó vẫn không hoạt động. Tôi có thể loại bỏ bootstrap, nó không tạo ra sự khác biệt.

Thông tin mới: Tôi đã thực hiện hai cách này - hoàn toàn hoạt động trong Bài viết Joomla. Hoàn toàn không hoạt động với một uls Menu Joomla. Tôi đã sử dụng cùng một mã chính xác, đặt chúng cạnh nhau, nhưng đường ống thông qua mô-đun menu phá vỡ nó. Điều đó là hoàn toàn kỳ lạ. Không có sự khác biệt rõ ràng giữa hai. Khi tôi sao chép menu UL và chuyển nó vào bài viết, như vậy, nó không hoạt động. Khi tôi xóa lớp = "item- #" khỏi li, nó không hoạt động. Đây là tâm thổi. Chúng giống hệt nhau !!!

3
Faye

Tôi đã giải quyết điều này. Thực tế là menu Joomla liệt kê mã theo dòng.

i E.

<li>Item</li><li>Item</li><li>Item</li><li>Item</li>

thay vì

<li>Item</li>
<li>Item</li>
<li>Item</li>
<li>Item</li>

Vâng, có ý tưởng đó. Cảm ơn vì đã chơi mọi người.

Sửa đổi: Chúng tôi đã phát hiện ra rằng đặt một khoảng cách giữa mỗi li, vì vậy

<li>Item</li> <li>Item</li> <li>Item</li> <li>Item</li>

sẽ sửa nó.

3
Faye

Đó là vì mánh khóe của bạn phụ thuộc vào thuộc tính khối nội tuyến. Khi bạn áp dụng khối nội tuyến thì khoảng trắng html xuất hiện dưới dạng khoảng trắng giữa các phần tử đó, vì các phần tử nội tuyến có khoảng cách chữ.

Nếu không có khoảng trắng html, như trong đầu ra của mod_menu, thì các khối nội tuyến của bạn sẽ không có không gian chữ đó và phần tử giả của bạn cũng không.

5
Seth Warburton