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
29,542 questions in this forum
-
Раскрывающийся список & Bootstrap
Использую фреймворк Bootstrap. Создал раскрывающийся список при помощи <select> и <option>. Теперь правда не могу понять как в список вставить иконки перед названиями. Т.к. тег <option> понимает только текст . И как сделать так чтобы курсор при выборе пункта из списка прыгал в поле Input, которое находится правее?
0 votes0 answers -
Многоугольник с рамкой
Всем привет. Вот у меня получилось сделать многоугольник на CSS: http://jsfiddle.net/2knMx/, только он без border'a. Мне интересно, а как сделать, чтобы многоугольник был с border'ом? Элементу div задал overflow: hidden, а для псевдоэлемента :before overflow: hidden — не работает. Что-то больше в голову ничего не приходит... http://jsfiddle.net/2knMx/1/
0 votes4 answers -
Свойство transform: rotate() для адаптивной верстки
Всем привет! Столкнулся со следующей проблемой: Верстаю макет на Bootstrap и столкнулся с тем, что не получается нормально отпозиционировать элементы, имеющие, во-первых, свойство transform: rotate(-90deg); во-вторых, абсолютное позиционирование для того, чтобы прилепить их к правому краю экрана. Итак, вот исходный код файлов: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.js"></script> <link rel="stylesheet" type="text/css" href="css/style.css"> &l…
0 votes8 answers -
overflow: hidden и текст
Хотелось бы чтобы при "overflow: hidden" не обрезался текст за пределами блока, а просто не показывало строку вообще. Как это сделать можно?
0 votes15 answers -
Ul Li Display: Inline; - Отступы При Использовании Бэграунда
Здравствуйте! Подскажите по ситуации, имею CSS: #maincontent > .sectionmenu { position: relative; margin: 0px 0px 0px 1px; padding: 0; width: 990px; height: 23px; border-top: 1px solid #000; border-bottom: 1px solid #000; } #maincontent > .sectionmenu.shadowline{ ~height: 9px; margin: 0; padding: 0px 0px 9px 0px; background: #fff url(/shdw3.png) top left no-repeat; } #maincontent > .sectionmenu ul{ background-color: #fff; margin: 0; padding: 0; height: 23px; } #maincontent > .sectionmenu ul li{ list-style: none; ~display: inline; background-color: #dedede; color: #333; padding: 0px 5px 0px 5px; margin: 0; font-size: 11px; line-height: 23px; height: 23px; …
0 votes6 answers -
Под какие версии браузеров сейчас верстают
Доброго времение суток. У меня вопрос к опытным верстальщикам. Под какие версии браузеров сейчас верстают? Стоит ли учить особенности старых браузеров (IE6, IE7 etc..). Какой минимум знаний нужно чтобы устроиться верстальщиком? Как научиться правильной кроссбраузерной верстке Извиняюсь, не заметил что создал тему не в том разделе. P.S. Прошу перенести тему в соответствующий раздел.
0 votes11 answers -
Как растянуть блок вниз до прижатого футера
Здравствуйте. Подскажите, как можно растянуть блок вниз до прижатого футера, если высота страницы неизвестна ( т.е. чтобы на любых экранах блок касался футера) ???
0 votes3 answers -
сколбар
Скажите пожалуйста почему Мозила не воспринимает изменения сколбара а эксплоуер вс? 0k? .scrollbar {scrollbar-arrow-color:FF0000;scrollbar-base-color:FFFF00; scrollbar-darkshadow-color:9933FF;scrollbar-highlight-color:33FF00;scrollbar-track-color:FF3300; } .
0 votes11 answers -
как задать такой фон страницы?
может я торможу, но ребят, подскажите как задать такой фон страницы с текстурой никаких проблем,я задала,а как градиент прилепить вверх?как задать градиент вместе с текстурой?
0 votes5 answers -
Не могу установить emmet
Кто сталкивался при попытке установить emmet выдает оповещение "Unable to download Emmet. Please view the console for more details." Где эта консоль, как увидеть ошибку?
0 votes5 answers -
Размытый полупрозрачный фон
Пример видел подобное на сайтах, но забыл каких. пытался искать в google, но как-то не получается толково сформулировать запрос. предполагаю, что данную вещь можно сделать полупрозрачной png, или скриптом. интересует как сделать или где скачать такой фон, я к сожалению с photoshop на ВЫ. если кто знает где есть статьи по этому поводу дайте ссылку.
0 votes4 answers -
Как зафиксировать логотип
Всем привет! Не могу разобраться с фиксацией логотипа, фото прилагаются. Стиль логотипа: #cs_logo{ position: absolute; top 210px; left: 260px; margin: 10px; } Код логотипа: <div id="cs_logo"><img src="images\cs_logo.png" width="150" height="150"></div>
0 votes17 answers -
Скрыть сразу несколько блоков (javascript)
Здравствуйте! Скажите пожалуйста как можно с помощью события onclick скрыть несколько блоков div сразу. Допустим есть блоки wind1, wind2, wind3, wind4. Для каждого из них в меню есть кнопка. Нужно чтобы при нажатии на кнопку 1 показывался блок wind1, при нажатии на кнопку 2 скрылся блок wind1 и отобразился блок wind2, то есть при нажатии на кнопку показывался только соответствующий блок, а остальные скрывались. Я решил эту проблему так: wind1: <div id="button1"> <a class="but" href="#" onclick="document.getElementById('wind1').style.display='block'; document.getElementById('wind2').style.display='none'; document.getElementById('wind3').style.display='none'; doc…
0 votes2 answers -
фреймы и содержимое
если я создаю страницу со фремами, то всё содержимое надо вываливать в другие страницы? могу ли я часть текста со ссылками сотавить на странице, размечающей фремы в одном из фремов, чтобы по ссылкам загружать в соседний фрейм?
0 votes9 answers -
Кроссбраузерный резиновый блок с тенью
Потребовался резиновый блок с тенью. Вот что у меня получилось: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Заголовок страницы</title> <style type="text/css"> html, body, h1, h2, h3, h4, h5, h6, form, ul, li, p, table, td, th, img { margin: 0; padding: 0; border: 0; } table { border-collapse: collapse; } BODY { background: silver; } .b-popupwin .tw, .b-popupwin .bw { width: 100%; height: 20px; font-size: 1px; line-height: 1px; } .b-popupwin .tl { width: 20px; background: url(ima…
0 votes17 answers -
выпадающий список из txt-файла
Подскажите пожалуйста как сформировать выпадающий список, так чтобы значения брались из файла txt? буду очень благодарен!
0 votes6 answers -
Буллит списка без обтекания
Вроде бы несложная задачка, но споткнулась на ней. Нужно, чтобы сам текст не обтекал буллит. Так: Сверстано так: a:before{ content:''; display:inline-block; width:6px; height:6px; border-radius:50%; background:#464646; margin-right:8px; vertical-align:middle;}Возможно ли это?
0 votes21 answers -
Возможно ли такая запись?
Дрямс всем! Есть вопрос. Могу ли я записать в css файле следующее: #someThing .one, .two, .three, .four, .five { color:red; } т.е. реальна ли такая или какая-нибудь еще запись? чтобы классы у одного ID имели один стиль, в целях оптимизации кода. Буду весьма благодарен, за любые ответы.
0 votes20 answers -
Резиновый сайт с помощью CSS и DIV.
Здравствуйте. Подскажите, кто сталкивался с такой проблемой. Есть дизайн сайта, надо сделать резиновую верстку. Но эта верстка должна отвечать многим требованиям: Сайт должен быть резиновым. Но крайне желательно ограничить размеры сайта шириной 1200 пикселей и минимальной шириной 860 пикселей. И нужно, чтобы сайт был позиционирован по центру на широких мониторах. В шапке сайта есть три рисунка. Нужно их позиционировать таким образом, чтобы рисунок слева оставался слева, рисунок справа оставался справа, а рисунок по центру находился по центру всегда, независимо от ширины монитора. Подскажите, кто сталкивался с такими трудностями - как решить? Спасибо.
0 votes3 answers -
Фильтрация таблицы на JavaScript
Здравствуйте! Имеется таблица с заголовками. Есть к ней фильтр: https://jsfiddle.net/3eqfLb7b/ Фильтрация убирает строки tr, которые не совпадают с искомым значением. Но заголовки th остаются. Подскажите, пожалуйста, как скрыть заголовки, которые не содержат искомое значение? Заранее благодарю за помощь.
0 votes7 answers -
елементарная задача усложненная кроссбраузерностью.
здравствуйте. уже 2 дня занимаюсь любовью с следующей задачей: в шапке сайна нужно поместить горизонтальную полоску определенного цвета которая начинается с координат top:77px, left:200px. и продолжается к правому краю екрана. на полоске должно быть меню. в следующем примере все работает в ИЕ. опера растягивает экран на 200 пикселей в ширину (100% ширины меню + 200 отступ с левого края) доктайп не указан. но его указание делает в опере еще хуже - пропадает цвет фона, тк. высота блока inhead становится равной 0. html <div id="head"> <div id="inhead"> <ul> <li><a href="index.html" class="menu">пунктменю</a></li> <li><…
0 votes5 answers -
img, вылезающая за пределы div?а в Opera при уменьшении размера окна
Имеется код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>title</title> <style type="text/css"> .content { text-align: center; padding: 20px; margin-bottom: 10px; border: 1px solid silver; } .b-content { padding: 20px; } </style> </head> <body> <div class="b-content"> <div class="content"> <img src="img1.jpg" width="735" height="512" /> </div> <div class="content"> <img src="img2.jpg" width="736" height="512" /> </div> </div&g…
0 votes2 answers -
Menu в WordPress через wp_nav_menu
Здравствуйте, учусь делать сайт, сделал меню в WordPress с иcпользованием PHP, заказчик пристал, что нужно через wp_nav_menu, 3 день не могу добиться необходимого результата. Есть меню(рубрик и страниц), в нём пара пунктов имеют дочерние пункты. Вобщем, мне нужно получить такую структуру. Но сколько я не мучился, у меня получается так: не могу понять, как используя wp_nav_menu, заставить его выводить все пункты меню, последовательно. Он выводит все Родительские, а дочерние, как бы сверху налагает. Кто сталкивался или знает, подскажите, пожалуйста.
0 votes19 answers -
Элементы наезжают друг на друга
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product&l…
0 votes1 answer -
Как прописать права файлам-папкам? (чисто ламерский вопрос)
У мене стоит денвер. Уперся я в тупик - как прописать права файлам и папкам? P.s. Да, Я - ламер! но это временное явление, я росту на глазах!)
0 votes16 answers