Пагинация bootstrap

[Orysya]

Добрый вечер, уважаемые форумчане!

Столкнулись с нестандартной проблемкой. Я сверстала сайт с помощью Bootstap  - его приняли, все ок, но сегодня мне заказчик пишет переделать пагинацию - код стандартный

<ul class="pagination pagination-lg">  		<li><a href="#" aria-label="Первая"><<</a></li>        <li><a href="#" aria-label="Предыдущая" ><</a></li> 		   		 <li class="active"><a href="#">1</a></li> 		 <li><a href="#">2</a></li> 		 <li><a href="#">3</a></li> 		 <li><a href="#">4</a></li> 		 <li><a href="#">5</a></li>         <li><a href="#">6</a></li>         <li><a href="#">7</a></li>  		        <li><a href="#" aria-label="Следующая">></a></li>        <li><a href="#"  aria-label="Последняя">>></a></li>  </ul>

 - хотят, чтобы при классе active тег a вообще исчезал и не было никаких других тегов внутри li.

Я честно говоря растерялась - без понятия как такое реализовать с помощью css чтобы когда .active исчезал тег а и все отображалось как следует(

[Aleksandr.L]

 - хотят, чтобы при классе active тег a вообще исчезал и не было никаких других тегов внутри li. Я честно говоря растерялась - без понятия как такое реализовать с помощью css чтобы когда .active исчезал тег а и все отображалось как следует(

 

В смысле? У <li class="active"> тэг <a> должен исчезать?

.active > a {  display: none;} 

[Orysya]

Не это) В них проблемы с codegniter и они попросили, чтобы в html-разметке, при классе active исчезал тег а (и другого никакого не было на его месте), и все отображалось визуально как бы он там есть. Я в курсе о свойстве dispaly:none; , но изменения в разметке это не обеспечит, а просто скроет визуально.

Мне интересно реально ли в принципе реализовать то, что они просят )

[afdw]

 

Не это) В них проблемы с codegniter и они попросили, чтобы в html-разметке, при классе active исчезал тег а (и другого никакого не было на его месте), и все отображалось визуально как бы он там есть. Я в курсе о свойстве dispaly:none; , но изменения в разметке это не обеспечит, а просто скроет визуально.

Мне интересно реально ли в принципе реализовать то, что они просят )

 

Один вопрос: зачем?

[Orysya]

 

 

Не это) В них проблемы с codegniter и они попросили, чтобы в html-разметке, при классе active исчезал тег а (и другого никакого не было на его месте), и все отображалось визуально как бы он там есть. Я в курсе о свойстве dispaly:none; , но изменения в разметке это не обеспечит, а просто скроет визуально.

Мне интересно реально ли в принципе реализовать то, что они просят )

 

Один вопрос: зачем?

 

Мне сказали, что у них в кодегнитери пагинация делается без каких-либо тегов для активного состояния. Поэтому не подходит как я сделала.Нужно чтобы <а...> исчезала...Я сама до конца не понимаю в чем загвоздка, поэтому хочется услышать компетентный совет.

[afdw]

 

 

 

Не это) В них проблемы с codegniter и они попросили, чтобы в html-разметке, при классе active исчезал тег а (и другого никакого не было на его месте), и все отображалось визуально как бы он там есть. Я в курсе о свойстве dispaly:none; , но изменения в разметке это не обеспечит, а просто скроет визуально.

Мне интересно реально ли в принципе реализовать то, что они просят )

 

Один вопрос: зачем?

 

Мне сказали, что у них в кодегнитери пагинация делается без каких-либо тегов для активного состояния. Поэтому не подходит как я сделала.Нужно чтобы <а...> исчезала...Я сама до конца не понимаю в чем загвоздка, поэтому хочется услышать компетентный совет.

 

Лол, вот как у них сделано:

<ul class="pagination">	<li><span><b>1</b></span></li> <!-- активный -->	<li><a href="http://demo.codesamplez.com/codeigniter/pagination-demo/2">2</a></li>	<li><a href="http://demo.codesamplez.com/codeigniter/pagination-demo/3">3</a></li>	<li><a href="http://demo.codesamplez.com/codeigniter/pagination-demo/2">></a></li>	<li><a href="http://demo.codesamplez.com/codeigniter/pagination-demo/43">Last ›</a></li></ul>

Пример: http://demo.codesamplez.com/codeigniter/pagination-demo/

[Aleksandr.L]

Не это) В них проблемы с codegniter и они попросили, чтобы в html-разметке, при классе active исчезал тег а (и другого никакого не было на его месте), и все отображалось визуально как бы он там есть. Я в курсе о свойстве dispaly:none; , но изменения в разметке это не обеспечит, а просто скроет визуально.

Мне интересно реально ли в принципе реализовать то, что они просят )

 

Ну дак удали его JS'ом.

[sigma77]

Лол, вот как у них сделано:

• 1
• 2
• 3
• >
• Last ›

Пример: http://demo.codesamp...agination-demo/

 

Ну значит вместо .active > a в стилях будет li > span.

[afdw]

 

Лол, вот как у них сделано:

• 1
• 2
• 3
• >
• Last ›

Пример: http://demo.codesamp...agination-demo/

 

Ну значит вместо .active > a в стилях будет li > span.

 

Каким образом этот HTML оказался в сообщении? Это же баг, так можно вставить что угодно!