Как и спрайт показать и наложение элементов устранить на узком экране?

[borus]

Здравствуйте.

 

На странице если суживать окно то получается следующая картина:

то есть подчеркивание заголовка раздела налезает на ссылки этого раздела

Если в стилях отключить height: 25px; то получается наполовину хорошо, поскольку из спрайта показывается следующая иконка:

 

Как можно сделать так, чтобы и подчеркивание было на своем месте и из спрайта показывалась только одна иконка?

[Sergik+]

Делайте подчеркивание через :after

[borus]

Делайте подчеркивание через :after

не могу охватить глубину Вашей мысли поясните, пожалуйста, примером

Edited September 12, 2014 by borus

[Sergik+]

 

Делайте подчеркивание через :after

не могу охватить глубину Вашей мысли, поясните, пожалуйста, примером

 

h2:after { content '';border-bottom:1px dotted red}

[borus]

Как-то не помогло, взгляните ещё раз, пожалуйста. Видимо поскольку content: ''; пустой. Если поставить точку к примеру, то только она и будет подчёркиваться в конце заголовков/

 

Почти справился, но теперь благодаря

.module-title{		height: 25px;		display:inline-block;	}

точки не до конца строки заголовков h2...

если же у .module-title display:block; то происходит наезд заголовков на нижележащие ссылки... истина где-рядом, но где?

Edited September 12, 2014 by borus

[Sergik+]

 

Как-то не помогло, взгляните ещё раз, пожалуйста. Видимо поскольку content: ''; пустой. Если поставить точку к примеру, то только она и будет подчёркиваться в конце заголовко

Добавьте туда же   display:block; width:200px;

[Great Rash]

Может просто заменить height на min-height?

 

Неверно понял проблему. Тут нужен дополнительный блок для иконки.

[Sergik+]

Может просто заменить height на min-height?

 

Неверно понял проблему. Тут нужен дополнительный блок для иконки.

Я именно поэтому сейчас везде делаю как в бутрстрапе иконки отдельным элементом, так проще )

У вас еще и футер не прижат в подразделах, смотрится ну не очень.

[npofopr]

Или спрайт делать с большими отступами между картинок.

Но лучше иконку вынести в отдельный тег.