Spamol

И как сделать обертку в этом примере, если .cont{position:relative;} например, ведь даже если обернуть .cont он ссылку уже не выпустит за границу .cont, ссылку нужно выносить за пределы .cont, тем самым ссылка выпадет из блока товаров и не будет за ними следовать, при изменение окружающего контента....?

Если над товарами добавить контент ссылка остается на месте и за товаром не следует http://jsfiddle.net/KSRw9/2/ Также у меня в работе родитель(.goods и .cont) был position:relative; всвязи с нестандартной структурой макета, поэтому если делать как в вашем примере у меня бы ссылка выровнялась по правой стороне контенера с товаром

Ну какой код, стандартный для такого шаба, пусть будет такой: <div class="wrap"> <div class="header"></div> <div class="leftCol"></div> <div class="content"> <div class="goods"> <div class="good"> первый товар </div> <div class="good"> второв товар </div> <div class="good"> третий товар </div> <div class="good"> четвертый товар </div> <div class="allGoods"><a href="#">Все предлы</a></div> </div> <div class="footer"> </div> //css #wrap{ width:1000px; margin: 0 auto; }

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

Привет! В очередном заказе столкнулся с задачкой, которую не смог решить должным образом, пока сделал по-другому, решил узнать у Вас, реально решить задачу средствами разметки и стилей, не привлекая js? Суть видна на картинке: Классический интернет магазин, фиксированый макета, 1000px, шапка, меню, контент, футер, ничего не обычного, НО в контентой части есть 4 превью товара, а ссылку на "Все предложения" дизайнер засунул напротив блока за его пределами, да еще и нужно прибить к краю браузера, т.е. при растяжке сайта он удаляется от нашего блока, при сужение наезжает, при этом он реагирует на скролл, ездит четко напротив блока(position:fixed следовательно отпадает), так же при добавление контента сверху над блоком он должен оставаться также напротив наших товаров, т.е. вариант окружить контейнер резиновым блоком сделать его относительным, внутрь кинуть абсолютную картинку и сверху дать отступ до наших товаров тоже не подойдет(пока сделал именно так), ведь при добавление контента сверху товары сьедут вниз, а стрелка с ссылкой останется на месте. Задача прибить ссылку к краю браузера и чтобы она реагировала на перемещения наших товаров и скролл, какие идеи?

Всем спасибо, будем изучать) Если еще есть, накидайте!

Да это понятно, но банально нет на это времени, работа/учеба и т.д.(((

Спасибо, а на русском есть что-нибудь, напряженка с английским)

Привет! Тут заинтересовался новыми технологиями(css3 и html5), т.к. старые(css~2 и html~4) осилил уже давно и надо двигаться дальше, хочется что-то нового, но испытываю дефицит в информации, статей как реализовать то, как сделать так - полно, а вот, чтобы про каждый тег новый почитать, с чем его едят, для чего он нужен - не могу найти, точнее нашел на этом сайте список тегов html5 и их значение, а вот новых свойств/значений css3 на сайте нету, только псевдоклассы, типо :read-write или :nth-of-type, а свойств таких, как -webkit-gradient или -webkit-transition нету!!! Где вообще можно найти более менее полный перечень тегов, свойств, значений CSS3 с их описание, а то люди уже такие красивые штуки творят на 3-й версии каскадных, а я смотрю код и нечего не понимаю, как будто 4 года занятия версткой коту под хвост))

Не люблю я их, хотя наверное зря! Но вообще в данной конкретной работе меня полностью устроило решение deadrash'a, так что на будущее буду знать!

psywalker, хорошо, есть другое менее косячное решение? По поводу этого, вообще мне оно подошло, т.к. 1. У меня это не для меню использовалось 2. Абсолюты там мне не нужны будут 3. Обводки у ячеек не будет

Хм, работает вроде! Блин, не когда не понимал этих диких отрицательных значений, как они работают) А стоп, только что понял)) Хитро, хитро придумано!!!

За 2.5 года работы не возникало потребности в этом, а сегодня в очередной работе понадобилось, и не знаю как лучше это реализовать, все объяснено в картинках. Нужно, чтобы ячейки маркированного списка по высоте равнялись на самую высокую ячейку!!! То есть в обычной ситуации будет так: Мне нужно так: Желательно решение, чтобы при это у ячеек оставалось обтекание(float) и не менялось значение display!

Посмотрите фрагменты кода, внизу указан фрагмент код яваскрипта, указал сразу все, что относиться к проблемме! Узнал давно, как версткой стал заниматся, так и узнал... Вопрос неуместе вот и не отвечал, тут что платная консультация?

Правильно, я его прогнал и написал ошибки не очень понятны... И вообще причем тут валидатор, если я был уверен что ошибка в JavaScript'e....?