Search the Community

удалите, пожалуйста, эту тему.

Добрый день. Есть таблица из одной строки и двух ячеек. В правой ячейке (сайдбар) делаю DIV с круглыми углами. Заказчик просит чтобы этот див вертикально растягивался на всю высоту таблицы. Подскажите, пожалуйста, как с круглыми уголками это сделать без js? Вот наброски сайта: http://nim.id1945.com/blog/

Ребята подскажите пожалуйста. Есть див контент со своим набором стилей в том числе опасити 0.5, в него грузится .load карусель, и принимает стили этого контейнера, помогите исправить http://kseniarain.ru/about.html# раздел личные фото спасибо

Здравствуйте. Интересует такой вопрос, вот есть условие для фиксов багов разных браузеров <!--[if lte IE 7]><style type="text/css"> .iefix {display: inline-block;width: 0;overflow: hidden;}</style><![endif]--> Отлично, а есть ли допустим возможность сделать условие, посредством HTML, на определение ширины экрана. Как я это вижу <!--[if content="width=device-width"]> <ul> <li><a href="#">Яблоки</a></li> <li><a href="#">Груши</a></li> <li><a href="#">Арбузы</a></li> </ul> <![endif]--> Что я хочу реализовать: допустим я захожу на сайт с мобильного, и в определенном месте у меня появляются якоря на основные разделы сайта, а зайдя допустим с компьютера, якорей не должно быть. Возможно было бы правильней сделать отдельную страницу для мобильных устройства, но у меня сайт состоит из парочки блоков с ссылками, так что особого смысла в этом нет, а якоря было бы неплохо поставить, что бы не листать страницу внизу.

Ребят подскажите пожалуйста. У меня центральная картинка и ее же блок перекрывает нижние эконки с ссылками, так же слева макета есть ховер на текст , также слегка перекрываемый картинкой, следовательно та часть которая перекрыта не срабатывает вот стили блока и изображения #main { width: 600px; min-width: 600px; height: 100%; min-height: 600px; position: absolute; z-index: 0; left: 0; right: 0; margin: auto; top: 20px; } .centerpic { position: absolute; left: -50px; right: 0; bottom: 10px; margin: auto; top: 0; z-index: 1; } стиль эконок в подвале .block { width: 30px; height: 30px; position:relative; float:left; margin-left:-2px; left: 565px; bottom: -35px; z-index: 13; }

Доброго времени суток. Прошу помочь с div'ом. Не растягивается (при масштабировании начинает повторяться). Ссылка. Сколько танцев с бубном вокруг width: 100%, position и т.д. не было, не помогает. Прошу помочь.

На странице - дивы с контентом (фото + текст). Есть кнопка - при нажатии один из блоков должен каким то образом выделяться. Подсвечиваться например с помощью «тени». Выделение это должно само проходить. Собственно вопрос — как сделать красиво (может быть есть примеры) и желательно просто?

Здравствуйте, уважаемые форумчане! У меня возникла небольшая проблема при вёрстке сайта. У меня правый сайдбар получился в данный момент больше (по высоте) чем страница с контентом, а это не красиво. Как сделать так, чтобы фон страницы с контентом тянулся до футера? (и сайдбара в противоположном случае) Прикрепляю скриншот чтобы всё было предельно ясно и ссылку на сайт. (прячу под спойлер, т.к. скриншот большой.) Спасибо за уделённое время! P.s. я его ещё конечно не закончил и многое ещё предстоит поправить, но всё же если есть какие-то грубые ошибки - буду признателен если вы мне на них укажите. (валидатором проверял, вроде нормально: http://validator.w3....=Inline&group=0) P.p.s. что вы думаете на счёт такого дизайна? (я конечно понимаю что дизайна здесь кот наплакал, но что могу, стараюсь. А вообще просто интересно )

Есть такой код - http://jsfiddle.net/GVHSoDHREgZotPCz8CJv/tGXgA/ Не могу понять, откуда берется отступ внизу - http://itmag.es/3bxjB По идее ведь это пустой блок, распорка. Почему он занимает какое-то пространство на шаблоне?

Нужен совет, цель такая: Есть блоки, которые должны располагаться друг за другом, т.е. 1, 2, 3... Все они должны растягиваться и занимать одинаковую ширину. Есть некий минимальный размер блока, если в строке помещается 3 блока с минимальной шириной - они должны быть в одной строке с ~33% шириной каждый, если не помещается, то 2 блока с шириной ~50% от допустимой ширины родительской области, а третий (и четвертый) - переноситься на новую строку и иметь ширину равную верхнему блоку. Блоков может быть больше чем 3, так нужно будет обрабатывать все. Единственное, что будет неизменным - количество блоков в одной строке от 1 до 3. Заранее спасибо

Доброго времени суток. Задача: около input'а нарисовать свою кнопку. Кнопка должна находиться справа от input'а. Решение очень простое - http://jsfiddle.net/kZN3r/ Однако, в IE8 кнопка сползает под input. Что странно, так это тот факт, что на странице, которую я верстаю, используется такая структура много раз. И там все отображается как надо. Я подумал, что дело может быть в родительском/соседних элементах, но пример по ссылке на jsfiddle - проще некуда, и в прогрессивных браузерах отображается как надо. Проверял код на validator.w3.org - все валидно. В чем проблема?

Добрый вечер! Не забрасывайте яблоками, верстаю впервые по самоучителю. Столкнулся со следующей проблемой: пытаюсь сделать меню в хедере над основным контентом. Сайт верстаю в html из под css (я правильно выразился? В html у меня записано следующее: <div id="header"> <div id="logo"> <a href="/"><img src="img/logo.png" class="iePNG" alt="Сайт" /></a> </div> <div id="gor-menu"> <ul> <li><a href="">Главная</a></li> <li><a href="">О нас</a></li> <li><a href="">Услуги</a></li> <li><a href="">Отзывы</a></li> <li><a href="">Партнеры</a></li> <li><a href="">Контакты</a></li> </ul> </div><!-- #gor-menu--> </div><!-- #header--> Общий div хеддер, в нем внутри логотип и менюха. В css это выглядит следующим образом: #header { height: 244px; background-image:url(img/header.gif); background-repeat:no-repeat; } #logo { width:290px; height:155px; position:relative; top:20px; left:60px; } #gor-menu { width:882px; height:42px; background-image:url(img/gor-menu.gif); position:relative; top:42px; left:55px; } #gor-menu li { display:inline; border:1px solid blue; } #gor-menu li:hover { background-color:#3F0; } #gor-menu a { color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size:16px; } Теперь, собственно, проблема: Мне нужно разместить 6 кнопочек в рамке border по ширине всего меню (882px) и по высоте (42px). Сейчас у меня абра-кадабра какая-то. Кнопки прижаты к левому верхнему краю... Спасибо.

Подскажите как сверстать такое: <div class="outer"> <div class="inner">Текст1</div> <div class="inner">Текст2</div> <div class="inner">Текст3</div> </div> блоки inner должны быть по ширине окна браузера в одну строку, соответственно outer = 3 окнам. Текст внутри inner должен быть по центру по вертикали и горизонтали. Что-то не получается никак.

Здравствуйте уважаемые форумчане! Я не являюсь профессионалом сайтостроения, т.е. о-очень много не знаю. У меня возник такой вопрос. Попробую описать его. Предположим у меня есть блок, который "прижат" к левому краю. При нажатии на данный блок, он должен выдвинуться вправо, "потянув" за собой другой блок. Ну так вот, как это сделать? Подскажите пожалуйста. Вроде понятно. Если нет, буду рад объяснить снова. Прошу простить за косой язык, незнание языков профессиональных и отсутсвие примера (постараюсь найти). Заранее спасибо.

Добрый день. Нужно растянуть div по высоте, который находится внутри button. Не получается сделать это через проценты. Остается только через em. Но мне нужны именно проценты, есть ли еще способ. Вот код: http://jsfiddle.net/mufYx/

Имеется сайт на ASP.NET. У него табличная структура. Вот пример кода. Интересует то, что находится между тегами <table class="categories">...</table> Вот, что отдает этот код в браузер (кусок кода): В строке 4 ячейки. Нужно сделать так, чтобы в строке было больше ячеек. Если бы удалось как-то вообще удалить табличные элементы, то задачу можно было бы решить простой вставкой стиля для .cat-name Например вот так: Удалив все табличные элементы и оставив только div блоки. Есть ли возможность с помощью стилей CSS как-то поправить ситуацию или все таки нужно обладать знаниями C#, на котором написан сайт? Или можно где-то найти эти куски кода html в этом asp? Или можно как-то в стилях прописать, например, чтобы 5-я ячейка из второй строчки табличного дизайна перепрыгнула на первую строчку, если бы для нее там было место?

Подскажите, пожалуйста, как исправить вот этот глюк? (см. рисунок) http://clip2net.com/s/2Umh5 В Мозилле и Опере все отображается нормально, в Хроме показывает вот эту ненужную рамку, а в IE (как всегда) вообще кошмар. На IE мне вообще пофиг, но вот как сделать так, чтобы в Google Crome рисунок-ссылка тоже отображался нормально, без вот этой дурацкой серой обрамляющей рамки? Перерыл уже весь Интернет - везде один и тот же совет - в свойствах рисунка поставить border=0px Поставил этот border = 0 везде, где только можно и в свойствах DIV и в свойствах ссылок, и в свойствах рисунка - не помогает. Видимо это делается как-то иначе. Как? Ведь, теоретически это сделать как-то возможно! Вот на этой гугловской странице полно таких вот рисунков ссылок, без таких вот серых обрамляющик рамок вокруг картинок-ссылок. Вот так тоже уже пробовал - не помогло...

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

Добрый день, я только начал осваивать CSS, поэтому извиняюсь если задаю глупые вопросы. У меня никак не получается, что бы один блок DIV немного наезжал поверх другого <body> <div> Начало Осн. блока. Здесь все это находится (делал для того, что бы футер растягивался на всю ширину) <div id="container"> Здесь находятся шапка, меню и контент </div> <div id="footer"> Здесь футер <div> </div>Конец. Осн. блока </body> Нужно что бы container зашел на footer на определенное количество пикселей (и это сохраналось при растягивании страницы) Надеюсь, что понятно объяснил. Заранее спасибо за ответы

Ребята помогите сделать каркас. Проблема у меня в том что блок images не позиционируется по центру и на лазит на блоки header и menu по верх. Покажите на коде как Вы такое реализовываете, свой код выкладывать не вижу смыла бо там уже полный бред.

Хочется растянуть всё это по ширине, чтобы слова точно встали в шаблон. А по незнанию не получается... Коды такие: <div id="wrapper"> <div id="shapka"> <ul> <li><a href="/">Главная</a></li> <li><a href="/">Знания</a></li> <li><a href="/">Фото</a></li> <li><a href="/">Творчество</a></li> <li><a href="/">Контакты</a></li> <li><a href="/">Форум</a></li> </ul> </div> #shapka ul { list-style-type: inherit; position: absolute; font: 16pt Arial, Verdana, sana-serif; color: #7ba05b; margin: -5px 10px 5px 5px; padding: 290px 0px 0px 440px; Вот образец:

Здравствуйте! Хочу вертикально выравнить таблицу (это может быть что то другое). Хочу это сделать таким образом. Сперва смещаю div на 50% вниз от body, затем поднимаю div на -50% от контента вверх и всё должно встать по центру и соответственно тянуться. По факту div дочка c контентом-таблицей берет -50% от body, а не от содержимого дива родителя. Можно конечно забить данные в пикселях, но очень хочется понять как оно в процентах. Пунктирные рамки добавил для наглядности. Заранее спасибо! <head> <style> body { width:100%; height:100%; margin:0px; padding:0px; } .sample td { margin:0px; padding:0px; height:50px; width:50px; background:black; color:white; </style> </head> <body> <div style="position:relative;height:100%;top:50%;border:red 2px dotted;"> <div style="position:relative;top:-50%;border:blue 2px dotted;"> <table> <tr class="sample"> <td>1.1</td> <td>1.2</td> </tr> <tr class="sample"> <td>2.1</td> <td>2.2</td> </tr> <tr class="sample"> <td>3.1</td> <td>3.2</td> </tr> <tr class="sample"> <td>4.1</td> <td>4.2</td> </tr> <tr class="sample"> <td>5.1</td> <td>5.2</td> </tr> </table> </div> </div> </body>

Люди добрые, помогите разобраться. Я хочу один блок рассположить над другим что бы второй полностью закрывал первый, а родитель растягивался или сжимался автоматом в зависимости от того виден в данный момент второй или нет. У меня есть решение, через float и margin, которое работает в Firefox: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <div style="float:right;margin:0px;padding:0px;width:auto !important;position: relative !important;border:1px solid black;background-color:#f9f9f9"> <div style="display:block;float:left;width:100%"> Оглавление №1</div> <!-- hack for firefox and chrome --><div style="display:block;width:0px;margin-left:-100%;"></div> <div style="display:block;background-color:#f9f9f9;float:left;width:100%;margin-left:-100%;position:relative;top:0px;left:0px;"> Оглавление №2</div> </body> </html> (всё лишнее обрезано, все стили и скрипты из текста удалены) Пример ещё работает в Chrome, но вот в Opera и IE родительский блок распирает по горизонтале сверх меры, в два раза. Когда это одно слово, это выглядит ещё ничего, а когда нормальное оглавление вставляешь, то и места на странице не остаётся, и что с этим делать непонятно.