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
-
list-style не наследуется
А тут пишут, что наследуется... http://htmlbook.ru/css/list-style Тут вообще маркеров нету по умолчанию http://jsfiddle.net/jKedb/ С ума сойти, ну... Ладно, прописываю у себя в боди list-style: none; <ul id="ololosh"> <li>1</li> <li> <ul> <li>111</li> <li>222</li> </ul> </li> <li>3</li> </ul> Маркеры есть для обоих списков!!! Прописываю #ololosh { list-style: none; } Для внешнего <ul> они пропали, а для внутреннего остались. Получается, не наследуется он...
0 votes5 answers -
Нижний отступ у макета
Почему при добавлении контента нижний отступ пропадает? Ожидаю вот такое поведение http://s1.ipicture.ru/uploads/20130918/7dzP0zRW.png а получаю http://prodpak.ru/site3/ Подскажите пожалуйста, в чем ошибка.
0 votes3 answers -
Положение фона - помогите сделать?
http://leveler.ru/popukaki/ На втором этаже в правой колонке есть фоновая картинка, которая должна выглядеть как-то так: Прижата к нижней части , выровнена по центру правой колонки, при этом находится за текстом. Как такое возможно сделать? Чтобы при масштабировании окна картинка не наезжала на среднюю часть, а была за ней, и была спозиционирована по центру правой колонки? P.S. Все картинки временные, нормальные еще не отсняли.
0 votes8 answers -
Как сверстать лучше сверстать блок
Встала вот такая задача сверстать вот такой блок: http://prntscr.com/5sbbku Сейчас это выглядит вот так: http://azharova.ru/test/card_place2.html# Дизайнер предложил делать это с помощью скрипта, например вот такого http://blurjs.com/, но не совсем понятно к какому месту это применять Задача заключается в следующем, необходимо что бы на картинку натягивался градиент (на подобии слайдеров), если правая стороны превысит высоту картинки (она не измена и всегда 370рх)
0 votes14 answers -
Как из разных мест открывать одну и ту же форму
Доброе время суток. На сайте есть 5 одинаковых кнопок .main-btn, по наведению на которые под кнопкой появляется форма .popover-form. <div class="main-btn free-call"> <p><a href="#">Воспользуйтесь бесплатным обратным звонком</a> <br/> <i class="glyphicon glyphicon-chevron-down"></i> <form class="popover-form question-form"> <label for="">Ваше имя</label><input type="text"> <label for="">Ваш E-mail</label><input type="text" value=""> <label for="">Задайте вопрос:</label> <textarea></textarea> <butt…
0 votes3 answers -
Выпадающий список
Помогите, люди добрые!! Совсем запутался в решении проблемы... В общем, необходимо, чтобы при наведении на пункт меню фон менялся с черного на белый, а цвет ссылок наоборот, с белого на черный. С родительским пунктом меню всё работает, но с пунктами подменю начинается неразбериха - http://jsfiddle.net/3vfxua8q/ Заранее спасибо!
0 votes2 answers -
Как фрилансер тестирует адаптивный сайт?
Всем доброго времени суток. Хотелось бы узнать мнение опытных фрилансеров в адаптивной верстке. Лучшее тестирование адаптивного сайта - это само устройство, но такого количества устройств явно у фрилансера не найдется. Как же качественное протестировать адаптивный сайт что бы с уверенностью можно было отдать работу заказчику? P/S. Какими методами пользуетесь вы в вашей практике фриланса? Chrome - F12 - Ctrl+Shift+M(device mode) Достаточно долго тестирую именно так, но насколько данный метод гарантирует точность, можно ли на него положится?, ведь не просто так, существуют такие платные сайты как browserstack.com
0 votes3 answers -
Проблема в создании сайта
Всем привет. Изучил html/css, и начал изучать JS. До PHP пока не дошёл. Но можно сказать как раз по нему у меня и есть вопрос. Никак не могу разобраться в одной теме. Как я понял, сайт можно делать вручную (набор html файлов) или в макете на определённой CMS (как я понял там набор php файлов). Так вот, веб то развивается и мне стало интересно: вот я делаю сайт из 10-15 html файлов (блог, например или фан. сайт) и выкладываю на хостинг. Это ведь получается готовый, созданный мной макет, не заточенный под CMS. Но есть ли в нём сейчас смысл или потом, без cms, его сложно будет поддерживать и обновлять? И вообще как потом его заточить под CMS-ку? Вручную переделыват…
0 votes8 answers -
Div за пределами нижней части экрана
Здравствуйте! Помогите правильно разместить блоки в обертке. Имеется два основных блока, один из которых будет являться фоном ("landscape"), а другой содержать навигационные элементы ("menu"). Меню должно прокручиваться на фоне статичного фона, а у меня "menu" сваливается ниже обертки (height:100%), за пределы экрана. Кучу вариантов перебрал с позиционированием и размерами, но найти правильное решение никак не могу... CodePen , или: . CSS Скрытый текст * {box-sizing: border-box;} *:before, *:after { content: ''; display: block; position: absolute; box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; bac…
0 votes4 answers -
добавить табам прокрутку
помогите пожалуйста поправить табы от бутстрапа3 в этом примере при уменьшении ширины окна вкладки выстраиваются в несколько этажей. мне же хотелось бы чтобы они всегда состояли из одного этажа, но имели возможность прокручиваться по горизонтали(это умеют табы от ng-material) это мне нужно чтобы сделать трёхуровневые табы. для них критично чтобы каждый уровень состоял строго из одного этажа
0 votes1 answer -
рушиться дизайн при уменшении окна браузера
Spoiler Spoiler сверстал шапку сайта, но при уменшение ширины окна браузера, дизайн рушиться, помогите плиз и оцените качеству верстки макет сайта здесь:http://www.dejurka.ru/wp-content/uploads/2012/04/folio.zip верстка4.zip
0 votes3 answers -
Проблемы с выпадающим меню и скроллингом
Доброго времени суток. Подскажите пожалуйста , в чем может быть проблема При присвоении overflow-y: auto; блоку, не работает выпадающее меню Пример https://jsfiddle.net/kustovskyi/eho1kyjm/ В меню Dashboard Если убрать в класса .sidebar-submenu-right скроллинг , то меню выпадает
0 votes6 answers -
Помогите реализовать на css
Доброго времени суток. Помогите реализовать следующую задачу: Необходимо сделать на css чтоб при наведении на пункт меню, например О КОМПАНИИ, он плавно подсвечивался определенныи прозрачным фоном или определенной картинкой. Причем,к примерму 5 пунктов меню и должно быть 5 разных подсветов или 5 разных путей к картинкам... Это для jooml'ы, если может кто то видел примерный шаблон, тоже буду очень рад! Жду вашей помощи, очень! Спасибо!
0 votes1 answer -
Индекс не отображается в IE полностью
делал сайт. все было нормально. На каком то этапе перестал отображаться в IE, при этом в Мозиле и Опере работает сам сайт и соответственно код тут - http://www.ptm01.ru/. В опере и мозиле опять же открывается в эксплопере нет. Если кто подскажет в чем причина буду очень благодарен. Но самое интересное - решил сделать заново. Создал файл - отображается во всех трех обозревателях, - скопировал в него из старого файла (см. выше по ссылке) вот такое вот: и снова отображения в IE нет. Вернул все назад и опять отображается подскажите дураку что не так то
0 votes2 answers -
Проблема со списками
Сайт: http://tecktonik.org.ua/ Смотрим горизонтальное меню. Наводим курсор на "Видео". Появляется 3 подменю, но они уезжают далеко вправо. Как сделать, чтобы 3 подменю были под "Видео"? CSS: #navigation { padding: 0 0 0 5px; } #navigation ul { list-style: none; margin: 0; padding: 0; } #navigation li { background: url(../images/ar.gif) no-repeat left top; display: inline; line-height: 10px; list-style-type: none; margin-bottom: 2px; padding: 0 12px 0 7px; } #navigation ul li ul { display: none; position: absolute; list-style: none; margin: 0px; padding: 0px; padding-top: 5px; z-index: 99; } #navigation ul li:hover ul { display: block; } #navigation ul li ul li { backgrou…
0 votes2 answers -
Смена фона яйчейки не пашет
может кто подскажет где ошибка, просто мозги уже не пашут ... нужно сделать смену фона яйчейки как на http://shebeko.info слева менюшка. Я прописываю все в стилях a.mainlevel:link { font-family: Tahoma; display : block; font-size : 10px; border : 1px solid #E0E0E0; FONT-WEIGHT: bold; width : 100%; text-indent : 10px; margin-bottom: 1px; margin-top: 0px; text-decoration : none; text-transform : uppercase; } a.mainlevel:visited { display : block; font-size : 10px; border : 1px solid #E0E0E0; font-family: Tahoma; FONT-WEIGHT: bold; width : 100%; text-indent : 10px; margin-bottom: 1px; margi…
0 votes4 answers -
Проблема с псевдоклассами CSS
Добрый день! Есть следующий код: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Псевдоклассы</title> <style> a:link { color: #0f0; } a:visited { background: #f00; } </style> </head> <body> <p> <a href="1.html">Первая ссылка</a><br/> <a href="2.html">Вторая ссылка</a><br/> <a href="3.html">Третья ссылка</a><br/> <a href="4.html">Четвертая ссылка</a><br/> <a href="5.html">Пятая ссылка</a> </p> </body> </html> Открываю страницу в Chrome, перехожу по первым …
0 votes3 answers -
Проблема с min-width
Привет всем! Начал изучать хтмл совсем не давно. Нужно сдедать 3-х колоночный шаблон, резиновой верстки с мин и макс шириной и высотой. Сделал как смог, но вот проблема - min-width не работает в 3-х колонках (contentl, contentr, sidebar) Объясните в чем проблема? Ссылка: http://jsfiddle.net/RSyRR/
0 votes7 answers -
PHP работает только на хосте?И стоит ли его изучать?
Собираюсь изучать php, но узнал, что нужно поставить сначала сайт на сервер apache, еще мне друг рассказывал, что js легко взламывается. P.S. php это ведь язык программирование?Он ведь такой же как и javascript?
0 votes13 answers -
Унаследование свойства от родительского элемента!
Доброго времени суток, форумчане! Делаю таблицу, нужно чтобы названия каждого артефакта было жирным текстом. Ставить тэг "<b>" в каждую строку - как - то не по профессиональному. Вытекающий вопрос, можно ли вписать это самое свойство родительскому тегу в таблице <th> так, чтобы только первые теги - предки <td> унаследовали данное свойство?! Те самые таблицы - http://super-buble.ru/Gray.html
0 votes2 answers -
наложение заголовков на меню в ИЕ7
Столкнулся вот с такой штукой наблюдается в ИЕ7. В ИЕ6, ИЕ8, ФФ3.6 все нормально. никак не могу понять, где засада прошу помощи сообщества пациент здесь
0 votes8 answers -
Главенство одного стиля над другим
Пожалуйста помогите. имею такой код a { тут стиль} a:hover {тут стиль} block a {тут стиль} block a:hover {тут стиль} Так вот, в <div class=block> выводится ссылка. по цвету и шрифту она совпадает со стилями описаными block a и block a:hover. НО text-decoration этой уловке не поддается. т.е text-decoration заимствуется от основных стилей а не от тех что я описал для класса block. что делать. помогите
0 votes7 answers -
Не работает java
Почему этот кусочек кода не работет? Не работает имеенно алерт при нажатии. В чём проблема?Я всё просмотрел не могу понять! Помогите! При перенесении этого событие к примеру на body всё работает, а тут нет. Почему?! <SELECT NAME='navSelect' class='select' id='sex'> <OPTION VALUE='1' onClick=\"alert('Ок')\">Нажми</OPTION> <OPTION VALUE='2'>Нажми вторая</OPTION> </SELECT>
0 votes9 answers -
Вложенность форм
Существует (на мой взгляд) ошибка в проектировании форм HTML. Суть в том, что поле action помещено в тег <form> , а не связано с кнопкой submit. Кроме отсутствия логики, потеряна возможность отправки одной формы разным по выбору пользователя обработчикам. Это можно обойти вложив формы друг в друга. Вопрос - будет ли это "валидно", и не будет ли глюков в браузерах?
0 votes8 answers -
Насчёт иероглифов на сайте.
Приветствую всех! Бегал по форуме, находил темы насчёт Иероглифов, но так и не нашёл чёткого ответа. http://beloved-mc.hut4.ru/ вот сайт, те кто заходит с оперы и мазины, всё время пишет ерунду "Р?РіСЂРѕРєРё, фанаты Minecraft. Рады вам сообщить, что открылся новый сервер РїРѕРґ названием " что то типа того, я вставлял вот такие мета теги: <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta http-equiv="Content-Type" content="text/html; charset=koi8-r" /> <meta name="keywords" content="text/html;charset=utf-8"> /> Толку от них нет . Помогите пожалуйста!
0 votes11 answers