nickostyle

Ставлю там vertical curve - в опере результат устрашающий ))

Привет Нужна помощь в css-оформлении вот такого: http://screenshot.su/show.php?img=ff04f0dadad512fbd4cfca229c0026b2.jpg Блок будет увеличиваться в высоту по мере заполнения, и тени должны сохраняться. Пробовал сделать сам, не получилось. Буду преблагодарен, если кому несложно)) Спасибо)

В опере 11.61 не работает(

С предыдущим решением все получилось, за что огромное спасибо! Но теперь нужно сделать тень горизонтально, внутренную и расположить ВНИЗУ блока. В принципе я мутил-крутил, но знаний, очевидно, не хватает. Сделать полноценно не получается =(

Да, спасибо огромное!

Пробовал по-разному, уже и трики разные перечитывал...но не получается достигнуть нужного эффекта: Т.е. имеется блок. Надо задать ему внутреннюю тень, так, чтобы она была только с одной стороны, в начале (вверху) и в конце(внизу) блока заканчивалась плавным изменением прозрачности вплоть до 0 (именно это не получается).

Добрый день! Я в js ничего не понимаю, признаюсь сразу. У меня есть Три блока: <div class="1"> <a href="#">link1</a> <a href="#">link2</a> </div> <div class="2"> <img src="#" /> <img src="##" /> <img src="###" /> <img src="####" /> </div> <div class="3"> <a href="#">link3</a> <a href="#">link4</a> </div> Задача: при наведении на ссылку из блока 1 или 3 заменять картинку из блока 2 на другую. Причем каждая ссылка соответствует отдельной картинке. Как это сделать? подскажите хоть куда копать, я покопаюсь)

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

привет всем) я чайник в верстке, учусь. Хотя, думал, с флоатом справлюсь... Суть проста. Есть два блока, по 50% ширины каждый. Ставлю каждому float: left; width: 50%; (бордер для наглядности проблемы) результат причем происходит все так. Есть класс .block, для которого стоят только отступы. Так как они одинаковые для всех. .block { margin-bottom: 30px;} Ну и классы .w50p {width: 50%;} .floatleft {float: left;} Прописываю <div class="block w50p float">бла бла</div> <div class="block w50p float">бла бла</div> ЕСЛИ прописать дополнительно .block {margin-bottom: 30px; float: left;} То блоки становятся ровно, зато лезут другие косяки, связанные с отступами....(((

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

Привет всем участникам! Возникла проблема при верстке. Имеется блок с фотографией пользователя. Фотография может быть разная, как по высоте, так и по ширине, но важным для моей задачи является именно ширина. Под блоком с фотографией находится блок с некоторым контентом. Задача в том, чтобы этот блок был такой же ширины, как и ширина загруженной фотографии. Поэтому я не задавал ему ширину, разместил блок с фотографией и с контентом в таблицу. Блок с контентом растягивается на ширину ячейки, ширину которой, в свою очередь, определяет ширина фотографии. Казалось бы, задача решена. Но в блоке с контентом имеется форма, которая раскрывается при нажатии на ссылку. И при разворачивании эта форма растягивает блок с контентом на всю ширину правой колонки сайта, и тем самым растягивает блок с фотографией. привожу скриншоты: Для наглядности у таблицы border="1". Изначальный вид: Вид после раскрытия формы Код, в целом, имеет такой вид. Т.е. это общая схема того, что я объяснил, на самом деле там много еще чего, связанного с шаблонизатором и стилями. Стили приводить в теме не вижу смысла, т.к. они на форму никак не влияют, а их действие на блоки я описал, в принципе, выше. <table> <tr><td><div>Фотография</div><td></tr> <tr><td><div>Контент</div></td></tr> </table> Как сделать так, чтобы форма не чудила таких вещей? Кстати, для формы стоит width: 95%;

Честно - не слышал ) щас погуглю! Только можно побольше ключевых слов?) Просто я ищу решение, доступное моему уровню. Я делаю шаблон для движка, и задумал такую вот конструкцию в профиле, а вот как реализовать кросс-браузерно, не знаю..(

Привет всем! Не подскажите, каким образом можно сделать фон блока прозрачным и как эту прозрачность отрегулировать? Скриншот желаемого: Про пнг наверное думать не стоит, т.к. в ИЕ работать не будет, а в данном случае меня это не устраивает, ведь блок расположен на фотке юзера, и если в ИЕ этот блок будет залит черным, и закрывать часть фотки, то это не айс конечно)

Столкнулся с проблемой, причем не в первый раз. Имеется див, в нем список. В левом пункте списка - аватарка фиксированного размера, правый пункт нужно растянуть на всю оставшуюся ширину дива. <div> <ul> <li>avatar</li> <li>content</li> </ul </div> И css li {float:left;} Помогите пожалуйста!

Спасибо огромное за решение! Но теперь мне бы понять, как оно работает! Как я ни крутил, ни менял значения в css, все равно не понял механизм работы. Было бы хорошо, если б я верстал страницу с нуля, а я занимаюсь шаблоном для движка с уже готовой версткой, там вообще...туши свет) Если бы я знал, как это работает, смог бы соеринтироваться! Буду благодарен, честно!

Привет всем! Только начал вникать, так что не пинайте проблема в следующем - есть два дива: <div class="div1"> </div> <div class="div2">ТУТ ВЫВОДЯТСЯ КОММЕНТАРИИ</div> в css .div1 {float: left;} .div2 {float: left;} Т.е. я добился того, первый див обтекается вторым и они располагаются на одном уровне. Однако мне необходимо сделать так, чтобы при развернутом окне броузера получалось так: http://www.picatom.com/1o/img/1-5358.jpg Т.е. именно так, как у меня и получилось. А при уменьшении окна до максимума так: http://www.picatom.com/1o/img/2-3528.jpg Т.е. чтобы при уменьшении окна броузера первый див "сжимался" до нуля, и все оставшееся пространство занимал второй див! Как это сделать? У меня получилось с процентами: т.е. я указал ширину дивов в процентах, но при максимальном уменьшении окна броузера первый див не уменьшается до нуля! Подскажите, что делать? заранее спасибо! upd: Прикинул решение: не нужно делать два дива. Можно сделать один див, родительский, а в нем еще один, тот самый, в котором комментарии. <div style="width: 100%;" align='right'> <div style="width: 90%;">Cooments</div> </div> За счет того, что внутренний див на 10 процентов меньше, будет создаваться отступ от левого края родительского дива. Еще не пробовал

Опять же вопрос: примерно такие же требование появились к форме (textarea) то есть нужно, чтобы ее правая граница в каждом диве отступала на заданное количество пикселей. Дивы меняют свою ширину слева, но если я пропишу форме фиксированную ширину в пикселях и она будет смещаться вместе с левой границей дива - то она будет вылазить вправо. В процентах тоже не выход... upd: хотя....решение с фоновой картинкой и тут рулит :)

ГениальНО!!!!

может потому что правильней так: a.podrob {color:#990000; font-weight:bold; text-decoration:none; } a.podrob:hover{text-decoration:underline; } Хотя не уверен, что причина в этом. Просто мне всегда казалось, что если мы присваиваем класс имеено ссылке, а не блоку, в котором она находится, то в css правильно прописывать так.

У меня есть див, я заливаю его цветом: .div {background: #000;} Мне нужно чтобы эта заливка фона как бы делала отступ от правого края на определенное количество пикселей, т.е. не заливала определенный участок дива справа. Сорри за формулировку, не знаю, как лучше объяснить) Существуют какие то способы? Может направите, где что почитать. Спасибо)

Спасибо за статью, буду разбираться!

Привет всем. Меня интересует, как с помощью сss регулировать минимальную ширину объектов. Ну вот например сайт lookatme.ru, если зайти на страницу любой статьи, спуститься в комментарии, и уменьшить окно браузера, то комментарии не уменьшаются по ширине, а "прижимаются" к левому краю страницы. Как такое сделать?) Честно говоря, даже не знаю, где искать, т.к. толком не понимаю, ЧТО искать) Так что сорри за неинформативный заголовок топика. Развернутое окно броузера: Уменьшенное окно: (комменты не сузились, а просто прижались вбок)