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
-
Многоуровневый раскрывающийся список
В общем учусь. Нашел на фрилансе, в заказе на верстку PSDшники. Скачал потренироваться. Главную страницу как бы сверстал, не считая меню. Сейчас с ним и разбираюсь. Верхнее горизонтальное меню с выпадающими списками сделал, в общем без особых проблем. А вот левое меню трехуровневое, причем последний уровень позиционирован отдельно (за пределами первых двух уровней). http://s41.radikal.ru/i093/0909/79/be266845ed42.jpg Я сделал меню, грубо говоря, такого вида: <ul> <li> <ul> <li> <ul><li></li></ul> </li> </ul> </li> </ul> И сегодня весь день пытался средствами css вытащить последний вложенный список, и…
0 votes4 answers -
Как растянуть картинку?
Подскажите как растянуть картинку по ячейке таблицы? Картинка представляет собой два пикселя, ее нужно растянуть по вертикали, т.к. в соседней ячейке (справа) находится список, при нажатии на позиции списка выпадают дополнительные опции тем самым ячейка растягивается по вертикали, а картинка в ячейке слева должна тоже растянуться по вертикали, чтобы отобразить рамку.
0 votes7 answers -
Несколько bx слайдеров?
Очень люблю в своей вёрстке использовать bxSlider, у него есть свои цсс и js файлы которые легко корректировать в своих нуждах. Вопрос в том, как использовать этот слайдер с разными стилями несколько раз на странице или в проекте? Например в качестве слайдера или в качестве карусели. Или что бы на одном изменялось фэйдом, а на другом просто листались слайды. Затруднения вызывает тот факт, что js и css файлы рассчитаны только на один слайдер, если я вставлю второй, то у второго будут те же самые стили и изменения которые я делал в файликах. Понимаю что вопрос тупейший, но этот вопрос стоит ребрейшим ребром
0 votes4 answers -
Таблицы
Подскажике, как можно в ячейке таблицы изменить направление текста с горизонтального на вертикальный. Т.е. повернуть на 90 градусов?
0 votes22 answers -
Как подключить slick-carousel в gulp
Добрый день. Не могу подключить слик слайдер в галп. Я их установил через npm и jquery. Но не получаеться ничего
0 votes1 answer -
Выпадающий список и DIV
Здравствуйте. Вот видел я и раньше токую гадость, даже у Гугла - если DIV открыть поверх выпадающего списка, то в IE этот список оказывается сверху, и ничем его не одолеть. z-index не помогает. Может это мой осел упрямится... Никто не встречался с такой бедой? Спасибо.
0 votes8 answers -
Ух уж эти разные браузеры
ПОмогите пожалуйста со следующей проблемой, она у меня заключается в следующем у верхнего слоя я указываю style="position: relative;", ну допустим у ячейки таблицы, вот внутри этой ячеки я вставляю див и указываю у него style="position: absolute;" вот при задаваний левой и верзхней позиции , он берет их относительно краев ячейки у которой position: relative)) это мне как раз то и нужно) в опере рабоатет и в ие работает, в мозиле блин не фурычит и отступ от левого и верхнего края берется абсолютно (тобишь относительно экрана) Что делать) может нме кто нибудь посдказать?? мне надо что бы и в мозиле позиционирование было относительно краев ячейки :mad: рррррррррррр мозилаа…
0 votes34 answers -
Размер окна браузера (не экрана)
Для контроля ширины блоков использую медиа запросы в CSS. Они отлично определяют разрешение экрана, но как без js узнать размер окна браузера? P.S. Причем если менять размер размер окна десктопного браузера, то запросы @media screen работают идеально. Мобильный браузер пытаясь имитировать десктопный, уменьшает все так, что шрифт не разобрать. Пытался с помощью (<meta name="viewport" content="width=device-width, initial-scale=1">) исправить, оно просто скалирует не влияя на размер блоков.
0 votes6 answers -
Скролл в ячейке таблицы
Приветствую всех. Есть таблица на всю ширину экрана из двух ячеек. Верхняя должна быть высотой по содержимому, а нижняя на оставшуюся высоту окна. В нижнюю ячейку выводиться таблица, и если она не вмещается, то в ячейки появляется скролл. Полазив по просторам интернета выяснилось, что в ячейку просто так скролл не добавить (при "overflow: scroll;" визуально появляется, но не работает). С помощью добавления "DIV" в ячейку такое можно провернуть, но есть нюанс. Если "DIV" добавить свойство "height: 100%;", то в IE 8 "DIV" растягивается на 100% относительно окна, а не ячейки. (в Хроме все нормально) Собственно вопрос в том, как это поправить? Часть кода: <!DOCTYPE html …
0 votes15 answers -
SVG-sprite in IE11
Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Есть два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например: svg.contacts__flag(width="60", height="90") use(xlink:href="#flag")
0 votes3 answers -
Не работает мобильное меню
Всем привет. Сделала мобильную версию меню , при открытии сайта на небольшом экране появляется мобильное меню, но оно не открывается. Помогите разобраться в чем причина. https://jsfiddle.net/2dcah0fL/
0 votes19 answers -
Google Fonts, шрифт Roboto, проблема с кириллицей в не WebKit браузерах
Пожалуйста, подскажите: Решил использовать в шаблоне шрифт Roboto, подключил код от Google <link href="//fonts.googleapis.com/css?family=Roboto:100italic,100,300italic,300,400italic,400,500italic,500,700italic,700,900italic,900" rel="stylesheet" type="text/css">Шрифт необходимо применить к кириллическому тексту. Столкнулся со странным багом: во всех WebKit браузерах (Chrome, Opera, Яндекс.Браузер и т д) шрифт применяется нормально, как к кириллице, так и к латинице. А вот в IE и Firefox только к латинице, а кириллицу игнорит. Чтобы с этим такое сделать?
0 votes2 answers -
Помогите а....
Вот есть код: set_time_limit(0); $loadarch = $_FILES['arch']; // Это для удобства if($loadarch['type']!='application/zip' && $loadarch['type']!='application/x-zip-compressed') die('Ошибка! Это не zip-архив!'); copy($loadarch['tmp_name'],$loadarch['name']); require_once('../upload/pclzip.lib.php'); $zip = new PclZip($loadarch['name']); if(empty($_GET['d'])) { $ext = $zip->extract(PCLZIP_OPT_SET_CHMOD, 0777); } else { $ext = $zip->extract( PCLZIP_OPT_PATH,$_POST['fold'], PCLZIP_OPT_SET_CHMOD, 0777 ); } if(preg_match("/[.]php$/",$ext) || preg_match("/[.]pl$/",$ext) || preg_match("/[.]php[0-9]$/",$ext)) { ——- 349 строка die("Незя".$zip->er…
0 votes20 answers -
Помогите исправить код!
Здравствуйте, уважаемые эксперты! Вот есть код и сайт dollarforukraine.com Подскажите, пожалуйста, как сделать бирюзовую кнопку в виде кнопки которая ниже (маленькая кнопка Donate в рамке) и чтобы она открывалась в новой вкладке. Огромное спасибо заранее! P.s. маленькая кнопка Donate уже была в шаблоне и ссылалась на "Read more"...
0 votes49 answers -
Bootstrap menu - гамбургер
Доброго времени суток. Проблема лежит в Bootstrap menu, точнее в телефонной версии, так называемый гамбургер появляется только на экранах разрешения 767px шириной, а хотелось чтобы гамбургер меню было на планшетах. Причина заключается в том, что это первоначальное меню, и оно еще будет дополняться. (хотя и уже такое на телефоне не приятно видеть). Как и где поменять размер смены обычного меню на гамбургер? Сайт если будет нужен http://izhprint.org/ bootstrap файл тоже прикрепил. Заранее спасибо за помощь! bootstrap.css
0 votes2 answers -
как исправлять ошибки на сайте?
просканил на валидаторе сайт свой, заметил кучу ошибок , в основном такие: # Error Line 101, Column 188: ID "login" already defined …0" /><input name="login" type="hidden" id="[b]l[/b]ogin" value="submit" /></form></td> An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hook for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element). в связи с этим есть вопросы: 1. ошибка в букве "l" в слове login ? правильно же написано 2. Скажите Что за линии и что за колонки? строка что…
0 votes9 answers -
перенаправление на другой сайт
подскажите пожалуйста как можно перенправить с одного сайта на другой автоматически. ну вот например ввел человек адрес сайта ?1 , а оно его тут же перенаправило на сайт ?2. это нужно какой то скрипт ставить?? если да то поделитесь скриптом плиз!!! ну очень нужно ... зарание благодарен за помощь
0 votes7 answers -
Как сделать select раскрытым, и разрешить выбор только одного
Хочу сделать select как при multiple, т.е. раскрытый, но к сожалению, multiple разрешает пользователям выбирать несколько позиций, как сделать так, чтобы список был раскрытым, но при этом пользователь мог выбирать только одну позицию? Или хотя бы как это реализовать другими способами
0 votes4 answers -
Сохранение пропорций Div при масштабировании
Здравствуйте. Подскажите пожалуйста как решить такую задачу. Есть несколько div блоков (один под другим). Верхний Div блок содержит картинку, ширина - 100%, высота 600px. Необходимо, чтобы при изменении масштаба (например, при нажатии на CTRL + "+" или CTRL + "-") размер верхнего div блока, где картинка, сохранялся. Прикрепил картинку, чтобы было более понятно. Красным отмечена область, размер которой должен сохраняться при любом изменении масштаба. Спасибо! З.Ы. У меня получалось решить данную проблему, но возникала другая. При изменении масштаба, остальные div блоки налаживались на верхний и получалась каша.
0 votes5 answers -
Как div блок растянуть по высоте между двумя другими?
Здравствуйте! Есть два див блока: хедер и футер. Между ними блок контент. Футер прижат к низу окна браузера, и из-за этого между блоками контент и футер образовалась пустота. Вопрос: как блок контент растянуть между блоками хедер и футер, чтобы между ними не было зазоров? Цель данной манипулации: сделать внутри дивов бэкграунд чтобы образовался цельный лист. Спасибо. Код: <body> <div id="wrapper"> <div id="header"> </div><!-- #header--> <div id="content"> </div><!-- #content--> </div><!-- #wrapper --> <div id="footer"> </div><!-- #footer --> </body> css: * { margin: 0; …
0 votes7 answers -
Расстояние между текстом и подчеркиванием текста
Есть параметр CSS, устанавливающий подчеркивание текста: text-decoration: underline; Подскажите, пожалуйста, как увеличить расстояние между текстом и подчеркиванием текста?
0 votes2 answers -
разный размер шрифта в разных браузерах
Привет, указываю конкретный размер шрифта, чтобы в браузерах всех отображался при печати одинаковым размером, ставлю в пикселах, в итоге - в ИЕ одно, в ФФ - другое, в Опере - третье. В чем соль? Каким значением нужно описать шрифт, чтобы он везде одинаковый был? в px, pt, em ??????
0 votes11 answers -
position:fixed и ie6
Доброго времени суток! Задача следующая: зафиксировать панельку сверху тут. Фикс ( body > #SupportPanel {position:fixed;}) в сумме с #SupportPanel {position:absolute;} и <!--[if IE 6]> <style type="text/css"> html { overflow:hidden; } body { height:100%; overflow:auto; } </style> <![endif]-->, который я применял ранее, почемуто здесь не работает, даже когда я ставлю <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> как раньше.. можеть быть кто знает где я допустил ошибку или какой другой способ зафиксировать панельку в осле? (толкового java е нашел (() Буду очень благодарен за …
0 votes20 answers -
белая полоса внизу страницы
Добрый день. Возникла проблема: вставляю след. код <script src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js" type="text/javascript"></script> <a style='margin:0px; padding:0px;' href="skype:matras.kharkov.ua?add"><img style="border: none; float:right; margin:0px; padding:0px;" src="http://mystatus.skype.com/balloon/domkoles%2Ecom.ua" alt="Мой статус" width="130" height="40" /></a> Сразу после этого внизу страницы появляется белая полоса высотой 20px. Все дело в <script src="http://download.skype.com/share/skypebuttons/js/skypeCheck.js" type="text/javascript"></script> Без это…
0 votes3 answers -
Создание галереи. Наложение border на border
Добрый день, друзья! Существую 6 фотографий на одной линии - это галерея, превью (маленькие картиночки). Каждая из фотографией является также ссылкой, которая открывает большое изображения (стандартная схема). Задача в том, что вокруг изображения - рамка в 6px, а между фотографиями должно быть тоже 6px. Т.е. если вокруг фото - рамка, то получается расстоянием между фотографиями в 12px. Зачем я так делаю? Я хочу, чтобы когда наводишь на фото, то рамка (в 6px) вокруг этого фото становилась красного цвета. Поэтому если я сдвигаю вторую фотографию влево (margin-left: -6px;), то у первой фотографии рамка уже будет не полная, так как вторая фотография перекрывает своей рамкой п…
0 votes24 answers