chiffenok

я же спициально написала что нельзя перекладывать бэграунд на li, мне нужно что бы меню тянулось до конца а не обрывалось после поледнего пункта и том с закруглеными краями

хм, таким как вы лиж бы наехать я не хочу что бы за меня сделали, а хочу что бы помогли или подсказали решение, форум для того и существует, а подфорум называется проблемы верстки, у меня возникла проблема на которую я потратила много времени и так и не смогла решить, просто так я бы не стала писать, у меня уже были такие ситуации люди помогали и я им очень благодарна как будто я вам тут целый сайт выложила и говорю верстайте! а если вы не хотите помогать так вас ни кто силком не заставляет, а такие сообщения это просто флуд

Есть такое меню с выпадашкой и ховер. Основную проблемы составляет ховер, который выходит за границы li, притом должна закрывать белый бодер. Понятно что тут без position:absolute не обойтись. Но когда ложу ссылку в див (котому задан position:absolute), она входит из потока и последующие ссылки занимают ее место.Что можно сделать с этой проблемой? Может есть другие решения, возможно с jquery выпадашка впринципе сделана(на 2ой пункт меню) верстка: http://jsfiddle.net/CBRhf/ Решение должно быть кроссбраузерно до ie7 и без пустых тегов. при том в данной ситуации нельзя увеличить высоту li и background на них переложитью

этот метод выравнил по вертикали и в ie7 но зато там что то страное творится с отступами между li первый нормальный дальше все идут увеличеные на пискиля 4, и с сылкое и ее ховером тоже что то творится

хм, а в каких случая тогда относитльно высоты блока? да в ие7 нужна поддержка, там вообще ужасно выглядит

У меня возникли проблемы vertical-align:middle. есть меню, внутри li фиксированной высоты лежит ссылка, которую нужно выровнить по вертикали. http://jsfiddle.net/mC3j2/ Я почитала статьи vertical-align работает на инлайновые блоки, поэтому в моем случае должен работать, так как ссылка инлайновая, но почему то не работает. В данном случае нельзя использовать padding, потому что в одном пункте может быть ссылка умещается в одну строку, а в другом в 2 строки.

чет не поняла ни че же не изменилось :before для него делала хак, а вот :last-child и :first-child -нет , но не думаю "для last tr задавать класс" это лучшее решение, ведь количество строк в таблице может менятся, а значит прийдется програмным способом находить последнию строку

благодарю, отличное решение. там токо border-spacing: 10px 0; что бы не было разрыва у вертикальных бордеров, но это я уже так вот еще один вопрос, у последний строки вертикальный бордер не доходит до горизонтально пикселов на 10 , прилагаю скриншот, можно это как нибудь сделать например с помощью :last-child?

спасибо, интересное решение, но нужно без пустых td, они не симантичны, начальник сразу забракует да, и это будетингрироватся потом в cms, строк в таблице может быть много

бесмысленый пост, тогда подскажите как? Объясню, почему я использую внутри дивы: если посмотреть на горизонтальные границы между строками они с разрывами. Что бы сделать такие разрывы подходит маржин слева и справа но маржин не действует на ячейки таблицы. А если просто применить бордеры к ячейкам то они будут слитные. Атрибуты cellspacing и cellpadding здесь не помогут

Возникла проблема при верстке достаточно не стандартных бордеров в таблице, см. ниже Решение которое я выбрала это положить в ячейки div, что бы ему задать margin left и right и ему же добавить border-bottom. Но возникает проблема div по высоте занимает высоту контента и нижний бордер не на одном уровне результат-http://jsfiddle.net/chiffenok/KqNS7/ Объясню, почему я использую внутри дивы: если посмотреть на горизонтальные границы между строками они с разрывами. Что бы сделать такие разрывы подходит маржин слева и справа но маржин не действует на ячейки таблицы. А если просто применить бордеры к ячейкам то они будут слитные. Атрибуты cellspacing и cellpadding здесь не помогут пробывала скрипт, что применяю на другой странице, но тут он не сработал, причем в скрипте нужно учитывать строки таблице у разных строк может быть разная высота function setEqualHeight(columns) { var tallestcolumn = 0; columns.each( function() { currentHeight = $(this).height(); if(currentHeight > tallestcolumn) { tallestcolumn = currentHeight; } } ); columns.height(tallestcolumn); } $(document).ready(function() { setEqualHeight($(".b-product_position_content .i-product__list-item")); }); как можно решить эту проблему? может каким нибудудь другим способом? или есть скрипт другой?

ваше решение задать градиент для i-wrapper точно не подходит)) вы посмотрите градиент растянулся токо на ширину врапера а надо то на все окно придется задать дополнительный div как предложил alexandr_v-vich

Мне нужно сделать градиент у body. Я хотел сделать его с помощью css 3, он проблема в том что body(да и тег html) у меня занимает высоту окна браузера(это не мешало пока не стал задавать градиент), а не всю высоту сайта из-за возникает картинка ниже, после пракрутки(красный цвет использован для наглядности), как растянуть body в данном случае? не хотелось бы использовать картинки css код для градиента body{ background-repeat: repeat-x;background: -moz-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -webkit-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -o-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); } сайт http://jsfiddle.net/MRWBT/ (без картинок но не суть) ps подвал лепил к низу страницы довольно известным методом в инете http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ , может в нем проблема?

не могу разобратся, у меня почему то есть такой момент когда уменьшаешь ширину окна есть такой момент когда уже в одну колонку но еще не на 100 % ширину, сужаешь еще тогда становится на 100%

спасибо там все средствами цсс делается?

У меня есть верстка , прикладываю скриншот что было понятней,есть блоки(с анонсами) с у них float: left и задана определеная ширина примерно 45%. Если на 1600px то они располагаются в 2 колонки если окно уменьшаюшь то они в одну колонку получаются, и правого баннера пустое пространство, которое не хорошо смотрится. Как сделать так что бы в случаее когда его товары в одну колонку то они бы растягивались на всю ширину

пробывал не помогает, у меня помоему таv уже что то есть ,я щяс пробывал еще раз получилось добится только такова результата

Не могу разобраться с футером. У меня есть там div class=wrapper. По идее в css у меня указана высота auto, но он не растягивается. Если подсветить этот div с помощью firebug то все это будет хорошо видно. Из-за этого footer остается где-то вверху а текс съезжает в ближащие свободное место. страничка правда без картинок но это не суть важно

аналогичная проблема, код другой конечно но суть такая же, в body (для него работает height:100%) есть wrapper для него такое же свойство не работает его высота захватывает только первый див во wrapper, все это показывает firebug там есть такая синяя подсветка тега, и когда например задаешь цвет бг то блок в одном месте а заливка выше не в том месте у меня уже была такая проблема но тогда я забила , это был просто тестовый сайт, а щяс важно знать, могу приложить файлы если нужно