HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Наложение.
В общем,нужно так,чтобы картинка была в левом нижнем углу слайдера. Изображение: http://imgdepo.ru/id/i2190672 Слайдер: Код: <table style="border:none; width:100%"><tr><td> <link type="text/css" href="dbtech/vbslider/actions/dbtech_vbslider_forum1.css" rel="stylesheet" /> <div class="slider_widget" style="position: relative;width:712px; height:260px; margin-right:auto; margin-left:auto; "> <div class="block"> {$output[text]} </div> </div> </div> </td></tr></table>
0 votes4 answers -
Резиновый макет, скрывающиеся поля по бокам.
Возникла задача сделать следующее. Резиновый макет. Минималка 1000px. Максималка - не ограничена. Необходимо каким-то образом по бокам контентного блока (синий) сделать поля по 50px (черные), которые при ширине окна 1000 будут обрезаться - прятаться за пределами экрана. Это необходимо для того, чтобы убрать горизонтальную прокрутку при разрешении 1024. При увеличении ширины окна поля должны вылезать из-за его границ до общей ширины 1100px, затем уже должна начать тянуться контентная часть. Единственное, до чего пока додумался - это через link ... media="screen and..." подключать еще одну таблицу стилей для большой ширины, но этот вариант решения не устраивает из-за резких…
0 votes7 answers -
Блоки одинаковой высоты
Здравствуйте. Помогите пожалуйста создать блоки одинаковой высоты. <div id="wrapper"> <div id="header"></div> <div id="sidebarL"></div> <div id="sidebarR"></div> <div id="content"></div> <div id="float"></div> </div>
0 votes8 answers -
Помогите адекватно сверстать
Помогите адекватно сверстать, как на картинке. https://docs.google.com/file/d/0B0FrmfubxCOdZno4Y1hjbkFvUE0/edit Я сделал это как-то по колхозному, мне очень не нравиться. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Hello User!</title> <!-- Place cursor after this and select a JavaScript library from the menu above --> <!-- Supports context-sensitive CSS3 auto-completion --> <!-- Style starts here. Try adding new CSS tags. --> <style type="text/css"> body { background: #8eacd3; } .login { position: relative; float: right; color: #fff; fon…
0 votes1 answer -
Не работают ссылки
Здравствуйте. Я начинающий молодой web-программист столкнулся с проблемой при верстке сайта для IE7 и IE8 обнаружил, что в некоторых слоях <div> ссылки работают, а в других нет, в чем разница между ними понять не могу. Вот CSS и HTML-код с неработающими ссылками. <div class="header" style> <a href="index.html">текстовая ссылка</a> <a href="index.html"><img src="images/buttoms/passive/onmain_but.jpg" height="40" alt="Фотография" border="0" ></a> <a href="aboutus.html"><img src="images/buttoms/passive/aboutus_but.jpg" height="40" alt="Фотография" border="0"></a> <a href="ourservice.html"><img …
0 votes2 answers -
Биг трабл
Здраствуйте. Есть не большая (а может и очень большая) проблема. Дело в том, что я занялся изучением PHP. Хотя дело не в этом, а в том что я скачал с одного сайта Готовый сайт-тест, дабы поковыряться и посмотреть как и что. "Ввиду отсутствия времени и огромного числа откликов на предыдущие уроки по созданию сайта, я решил не испытывать вашего терпения и выложить на суд общественности уже готовый скрипт сайта PIPL. Он давно мной написан, но как показала практика, подобный сайт проще и быстрее написать, чем объяснить подробно в письменном виде, как и что в нём работает. Для этого понадобится не один ещё урок. Для тех же кто уже готов сам самостоятельно экспериментировать …
0 votes2 answers -
Как закруглить DIV с картинкой внутри?
Подскажите плиззз есть DIV внутри картика, как закруглить уголки? Если точно только один нижние левый угол? Заранее спасибо! =) Вот такой код не работает, если изнутри убираю картинку то уголок закругляется... <div style="float:left; height:114px; width:303px; border-radius:0 0 0 25px; background:grey;"> <img src="Pics/LogoBottom.jpg" /> </div> =) Возможно ли вообще его как то закруглить чтобы было красиво т.е. под дивом фон сайта )
0 votes4 answers -
Интерактивная Форма
Доброе время суток! Помогите решить вопрос с такой формой: Допустим имеется инпут Select, и выбираешь один пункт из него, ниже отображается одни поля для заполнения, выбираешь другой пункт отображаются другие поля для заполнения. Вопрос - можно ли такое реализовать без JavaScript и HTML5 ? Если нельзя, то как такое реализовать на JavaScript так, что бы поддерживали все браузера начиная с IE6? Всем взаранее спасибо.
0 votes3 answers -
font-size в процентах
Где посмотреть - от чего отсчитывается процентное указание высоты шрифта для разных тегов. Пример - если указать размер для body, то у таблицы высота шрифта не изменится. Ещё пример: обернул таблицу в DIV и назначил DIV-у размер шрифта, у таблицы ничего не назначал, в DIV-е шрифт изменился, у таблицы - нет. Поставил для таблицы шрифт в процентах, в результате, размер шрифта в таблице стал относительным к DIV-у. Спасибо
0 votes8 answers -
Изменение картинки при определенном условии
Всем привет. Помогите решить проблему: в меню есть кнопка вход, соответственно должна быть и кнопка выход, но меню является картинкой, ссылки проставлял через невидимые объекты посредством #menu li a { display: block; width: 100%; height: 20px; } .top_menu1 { left: 59px; width: 60px; } и <li class="top_menu1"> <a href="http://ссылка.ру/news.html"></a> </li> Как прописать изменение картинки при условии, что пользователь прошел авторизацию на сайте?
0 votes2 answers -
Как сделать такой фон?
У меня вопрос. Вот картинка: http://savepic.ru/3517825.jpg . Подскажите, как сделать такой фон. Заранее благодарен.
0 votes4 answers -
Калькулятор-который умножает одно число на другое!
Функционал такой: Пользователь - выбирает, ставит галочку в чекбоксе сколько ему нужно цветов (например 101) После этого Цена (4099) умножается ( на количество цветов) и появляется итоговая сумма:413999 Вот и весь функционал Помогите плиз
0 votes8 answers -
Ie не поддержал градиент кнопки
Делаю кнопку с градиентом,казалось бы просто,но опера градиент не отображает!я так поняла у оперы проблемы с градиентом,но и IE 9 градиент не отобразил,хотя я вставила фильтр специально для IE. Во всех остальных браузерах проблем с отображением градиента у меня не возникло в данном примере.Что я делаю не так,подскажите,пожалуйста. Мой код здесь http://jsfiddle.net/eleonore/faVkX/
0 votes9 answers -
Приоритет стиля
Как правильно определяется приоритет стиля? В Самоучителе используется система начисления "баллов" за каждый использованный в правиле селектор (от 1 до 1000). И это означает, что если в правиле используется 11 классов/псевдоклассов/атрибутов (гипотетически), то они набирают 10х11=110 баллов и "перебивают" правило с id у которого 100 баллов. По этой системе выходит, что более приоритетный селектор возможно перекрыть, используя более 10-ти селекторов из предыдущего "класса приоритетности". В другом источнике мне попадалась информация, что никакого подобного подсчета не производится, а приоритет определяется типом селектора. И id всегда будет выше всех любых классов, псевдок…
0 votes2 answers -
Проблема со стилями!
Добрый всем час уважаемые посетители форума. Имеется проблема, которую было бы хорошо решить как можно быстрее. Обратился к вам. Мб есть ответ уже на форуме или в гугле, но все же, решил у вас спросить. Имеются стили: img{ width: auto\9; /* ie8 */ height: auto; width:auto; width:100%; max-width: 100%; } Они собственно для всех img на странице. Тут все понятно. Но, вот в чем собственно вопрос, для одного изображения, мне нужны совершенно другие стили. Поступил я так, присвоил ему id="img_test" и написал так: img#img_test{ width: auto\9; /* ie8 */ height: auto; max-width: 100%!important;} Но, изображение все равно придерживается основных стилей. Как поменять при…
0 votes5 answers -
Проблемы Сервер Denwer...
Установил сервер Denwer, запускаю, прописываю localhost, не выдает страницы показывающей что сервер работает, в окне сервера идет отчет времени назад, 30 секунд и он закрывается, в чем проблема, кто подскажет? Заранее спасибо... PS мультипостинг не приветствуется на данном форуме.
0 votes10 answers -
GIMP - шрифты
Добрый день! Кто-нибудь пользуется GIMP? Не подскажете, как в нем определить шрифт текстового слоя в макете psd? В Photoshop посмотрела - вроде там все просто. Щелкаешь интсрументом Текст на нужном тексте - и в параметрах инструмента тут же отображается шрифт. В GIMP это, похоже, не срабатывает.
0 votes2 answers -
Проблема вёрстки под iPad
Сверстал сайт - http://appstore73.ru/ Хром, Ие, Файрфокс, Опера - всё норм, но под айпедом следующая картина Всё перепробовал, исправить не могу. В чём может быть проблема? Таблица стилей - http://appstore73.ru/css/style.css и резет - http://appstore73.ru/css/reset.css Читал, что ширина страницы не должна превышать 1000px, пробовал уменьшить до 999px - уже лучше, но справа всё равно отступ есть.
0 votes2 answers -
Централизация текста
http://itmages.ru/image/view/795545/de7cf25f как поднять текст выше? <div class="contenttext"> <img src="images/ico/yad.png">Яндекс деньги<br> </div> .contenttext { font-family: 'Times New Roman'; font-size: 12pt; padding: 12px; margin-left: 15px; margin-right: 15px }
0 votes4 answers -
Область с прокруткой и выходящие за её пределы элементы
Задача: есть список, который прокручивается в определённой области. По наведению на элементы этого списка всплывают подсказки. Подсказки асолютно позиционированы и выходят за пределы того элемента, над которым всплывают. Список прокручивается в области с overflow:auto. Естественно, что и подсказки не могут выйти за пределы области, в которой прокручивается список, хотя на крайних элементах это нужно. Как правильнее поступить в этой ситуации?
0 votes5 answers -
Глупая проблема
del, лаги браузера чтоле
0 votes0 answers -
Два разных ol li ul li на одной странице
Здравствуйте есть одна страница на которую нужно вывести 2 разных списка пример: <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> css файл ol { color:blue; } // этот цвет применяется для ol li + ol li ul li в обоих списках Вопрос. Хочу чтобы во втором списке color для ol li + ol li ul li был red, т.е. в первой пусть будет blue а во второй red На самом деле все намного сложнее. На сайте меню, такое выкидное (многоуровневое), а тут потребовалось сделать на странице м…
0 votes5 answers -
свойство visibility для тега col не работает?
http://jsfiddle.net/XYwFE/ По задумке ячейки с классом "hide" должны быть полностью скрыты, но скрыт только контент. Более того, если сделать так вообще глупость получается. Почему так?
0 votes2 answers -
Не могу найти нужную инфу по тегу div
Как в тег div вставить страницу html(использовать ее как меня) нужно для практики в домашнем варианте. Заранее спасибо за помощь, извиняюсь если это глупый вопрос...
0 votes2 answers -
Более компактное построение Div-ov.
Решили сделать что-то вроде микро-блога для новостей. Не могу сообразить, как сделать так, чтобы не было отступов между двумя дивами в разных строках, если в верхней строке есть див, с большей высотой чем первый. В общем чтобы дивы выравнивались не по нижней границе строки, а по нижней границе дива, над ними, если есть место. http://epicforever.ru/ На фейсбуке сделанно через упорядоченные списки.. но думаю можно проще. http://jsfiddle.net/rR8WU/ вот так Сейчас. Нужно чтобы див слева во 2 строке был сразу под дивом в 1 строке. Заранее спасибо.
0 votes3 answers