Jump to content
  • 0

Слипается меню при первой загрузке


Zverushka
 Share

Question

http://zverushka.zz.mu/upakovka/

Слипаетмся меню (слово к слову) при первой загрузке в хроме, обновляю и все нормально - что делать?(( Заказчику надо уже показывать.

Я так поняла, что это косяк letter-spacing, но тогда с Inline-block вообще фигня получается - word-spacing нельзя, letter-spacing нельзя - остаются только двухсторонние маргины - что совсем уныло :((((

Edited by Zverushka
Link to comment
Share on other sites

Recommended Posts

  • 0

Сегодня локально запустила сайт - слиплось text-align justify  c родительским шрифтом verdana (без всяких леттер-спейсингов). По ходу это какой-то ярый баг....

Edited by Zverushka
Link to comment
Share on other sites

  • 0

Сегодня локально запустила сайт - слиплось text-align justify  c родительским шрифтом verdana (без всяких леттер-спейсингов). По ходу это какой-то ярый баг....

 

Стоп. text-align justify это уже другая ситуация чем, та с меню. Давай пример :)

Link to comment
Share on other sites

  • 0

http://zverushka.bl.ee/monitors10/

 

Я короче в полном расстройстве.... как такое может быть и почему... Это произошло даже при локальном запуске вчера, когда грузится все моментально...

bug2.jpg

Edited by Zverushka
Link to comment
Share on other sites

  • 0

У меня все нормально. А вообще, я такие вещи делаю через компонент box (эт я его так называю) http://jsfiddle.net/alexriz/954rS/ Очень гибкое решение, сайдбары занимают нужное им место, base забирает себе все что останется. при необходимости сайдбары можно и зафиксировать ширину. Если же места не будет хватать, то вся эта конструкция сложится в столбик. Вообщем сплошное удобство. Но оно завязано на особом clearfix который можно использовать и как обычный. На самом деле он называется bfc-fix но мне просто удобнее название clearfix

  • Like 1
Link to comment
Share on other sites

  • 0

У меня все нормально. А вообще, я такие вещи делаю через компонент box (эт я его так называю) http://jsfiddle.net/alexriz/954rS/ Очень гибкое решение, сайдбары занимают нужное им место, base забирает себе все что останется. при необходимости сайдбары можно и зафиксировать ширину. Если же места не будет хватать, то вся эта конструкция сложится в столбик. В общем сплошное удобство. Но оно завязано на особом clearfix который можно использовать и как обычный. На самом деле он называется bfc-fix но мне просто удобнее название clearfix

Интересно. Впервые вижу такой clearfix.

Link to comment
Share on other sites

  • 0

@alexriz, метод интересный. но не понимаю как он подходит для составления неизвестного количество столбиков на равноудаленное расстояние.

 

Еще на одном сайте еще одна жалоба на такую проблему. Получается нет другого способа поставить столбцы на одинаковом друг от друга расстоянии не задавая вручную маргины? 

Пока в голову пришло

display: table w100p

li {

display: table-cell

}

и самое главное - задавать ширину ячейки так - li > * { width: 300px; } - ничего страшного в этой строчке нет - не хочется плодить лишние обертки?

Edited by Zverushka
Link to comment
Share on other sites

  • 0

@alexriz, метод интересный. но не понимаю как он подходит для составления неизвестного количество столбиков на равноудаленное расстояние.

 

Еще на одном сайте еще одна жалоба на такую проблему. Получается нет другого способа поставить столбцы на одинаковом друг от друга расстоянии не задавая вручную маргины? 

Пока в голову пришло

display: table w100p

li {

display: table-cell

}

и самое главное - задавать ширину ячейки так - li > * { width: 300px; } - ничего страшного в этой строчке нет - не хочется плодить лишние обертки?

я уже запутался.

А чем это не подходит?

http://selenit.freeoda.com/experiments/justify.html (пока 403 у меня вылазит)

или

http://selenit.freeoda.com/experiments/justify.html

http://www.xiper.net/collect/html-and-css-tricks/navigation/rubber-menu.html (переделать правда чуть)

Это что касается меню.

А если целые блоки, то ведь у всех сеток и размер блоков один и отступ один :-) тот же бутстрап

Link to comment
Share on other sites

  • 0
@alexriz, метод интересный. но не понимаю как он подходит для составления неизвестного количество столбиков на равноудаленное расстояние.

 

А ты уверена, что тебе это там нужно? Судя по дизайну, я более чем уверен, что оно будет именно так как нарисовано (плюс-минус косметические изменения текста). Какой смысл городить непонятно что еще и мучиться и тратить лишнее время?

Link to comment
Share on other sites

  • 0
 

Ну так именно этот способ и слипается - в данном случае эффекта добиться не удается - слишком быстро все прогружается. Нужна более тяжелая страница


А ты уверена, что тебе это там нужно? Судя по дизайну, я более чем уверен, что оно будет именно так как нарисовано (плюс-минус косметические изменения текста). Какой смысл городить непонятно что еще и мучиться и тратить лишнее время?

Ну например, в меню - желательно. В любой момент могут добавить или убрать пару пунктов - а оно так сделано - чтобы на всю строку было. 

Link to comment
Share on other sites

  • 0
Ну например, в меню - желательно. В любой момент могут добавить или убрать пару пунктов - а оно так сделано - чтобы на всю строку было. 

Тогда шла речь о футере. про меню, в данном случае, я ничего не говорю 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy