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
-
Проверка на выключенный javascript
Я знаю о наличии блока <noscript>, с помощью него можно показать текст если яваскрипт выключен. У меня обратная цель - нужно показать определенные элементы, если яваскрипт включен. Как?
0 votes3 answers -
Непонятная проблема с прозрачностью
Подскажите, совсем запутался. Есть следующий код (упрощенно): style.css body { background-image: url(../images/fon-clear.jpg); background-repeat: no-repeat; background-color: black; background-position: 0 160px; color: white; min-width: 1000px; height: 100%; } .main { min-height: 650px; width: 77%; bottom: 0; background-color: black; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); } index.php <body> <div class="main"> <div class="content"> ........................ ........................ ........................ </div> </div> </body> Т.е. суть - есть body, фоном для него использована картинка, внутри…
0 votes5 answers -
Помогите с шапкой
Значит хочу вставить фото в шапку,вместо заголовка,помогите: Сам заголовок: <!-- Header Starts --> <div id="header"> <div id="headerleft"> <?php if (get_option('logoURL')) { ?> <h1><a href="<?php bloginfo('url'); ?>" class="nobar"><img src="<?php echo get_option('logoURL'); ?>" alt="<?php bloginfo('name'); ?>"></a></h1></h3> <?php } else { ?> <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1><h3><?php bloginfo('descri…
0 votes12 answers -
не работает выделение пунктов
помогите понять почему здесь не работает выделение пунктов под планетой? реализовано на jq на этой странице использована та же самая конструкция. но результат рабочий
0 votes1 answer -
margin-top для p опускает div
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <style> *{margin:0;padding:0;} .bl_1{ height:54px; width:403px; background:#000; font-size:27px; color:#fff; font-weight:bold; } .bl_1 p{ text-align:center; } .bl_2{ background:#ffd500; width:136px; height:49px; margin:3px 3px 2px 3px; color:#000; float:left;} .bl_2 p{text-align:center;margin-top:10px;} </style> </head> <body> <div class="bl_1"><div class="bl_2"><p>АВТО</p></div><p>ХИМЧИСТКА</p></div> </body…
0 votes1 answer -
верстка DIV-ами, 2 слоя
Здравствуйте! Подскажите, как реализовать дизайн: блок контента должен растягиваться вниз. я разбила окантовку на 3 части (красным выделено), чтоб средняя растягивалась в зависимости от объема контента, верх и низ, естественно не растягиваются. Но как наложить сверху фон для контента (желтым), он будет повторяться вниз. Если ДИВ с фоном вставить в средний main2, то получатся пустые области без текста сверху и снизу. Как сделать, подскажите пожалуйста. Или, может, есть другое решение? Макет-то не сложный... Заранее благодарна.
0 votes7 answers -
Хочу обучиться web-технологиям
Здравствуйте. Меня зовут Иван Лозинский. Я работаю администратором в спортивном клубе, параллельно заканчиваю школу.. У меня возникло большое желание обучиться web-технологиям "без отрыва от производства", так сказать.. Друг дал мне видео курс по html и css от компании "Специалист". Я прошёл курс и он мне понравился, но хотелось бы идти дальше.. Что вы можете посоветовать мне? Хотелось бы пообщаться со знатоками этого дела!..
0 votes4 answers -
Меню со стрелкой навигации
Необходимо сверствать вот такое меню: Само меню более-менее сверствать удалось, но не знаю как быть со стрелкой, где, куда и каким образом её разместить? Если бы она была внутри блока можно было при помощи background: url() no-repeat bottom; но bottom оставит её лишь внутли блока, а нужно вынести наружу. #topmenu { height: 32px; background: #050505; } #topmenu ul { float: left; padding: 0px 0px 0px 86px; } #topmenu ul li { float: left; display: block; line-height: 30px; } #topmenu ul li a { height: 32px; display: block; text-decoration: none; text-transform: uppercase; text-align:center; padding: 0 16px; } #topmenu ul li a:hover, #topmenu ul li a.select { he…
0 votes2 answers -
вертикальное выравнивание с text-overflow:ellipsis;
Привет. Почти как обычно: выровнять блок вертикально по центру родителя, высота блока зависит от контента, родитель должен реагировть на переполнение по Y (переполняет выравниваемый блок) увеличением высоты или появлением скролла. Можно использовать продвинутый (-webkit) css. Проблема в том, что блок содержит детей с overflow:hidden; + white-space:nowrap; + text-overflow:ellipsis; из-за чего стандартные способы ломаются: 1. display:table-cell; + vertical-align:middle; http://jsfiddle.net/7Ewfx/7/ не срабатывает overflow:hidden; . 2. display:flex; + align-items:center; http://jsfiddle.net/7Ewfx/8/ не срабатывает text-overflow:ellipsis; и блок с текстом смещается влево. 3. …
0 votes1 answer -
Не могу вставить флешку в css. И таблица не хочет быть прозрачной :(
Доброго времени суток. Появилась проблемка (даже две!), решить не получается Может кто подкинет идейку... Есть сайт на wordpress. В css прописана шапка (картинка jpg, как видно по коду): /* begin Header */ div.art-Header { margin: 0 auto; position: relative; z-index:0; width: 960px; height: 300px; } div.art-Header-jpeg { position: absolute; z-index:-1; top: 0; left: 0; width: 960px; height: 300px; background-image: url('images/Header.jpg'); background-repeat: no-repeat; background-position: center center; } /* end Header */ Хочу вместо нее прописать флешку (грубо говоря баннер) таких же размеров. Как это сотворить? И сразу второй вопрос вдогонку. На страничке (на том …
0 votes1 answer -
Теория и практика подключения стилей
Всем доброго времени суток! Давайте сегодня поговорим о том, как подключать стили на проектах, где все файлы .css занимают больше 300-400кб. Вопрос появился после разговора с коллегами по профессии в паблике Хабрахабра в вк. Собственно сам вопрос: Как лучше подключать стили, если они имеют довольно большой объем? Речь пойдет про bootstrap + свой css. Словарь: bootstrap -> bs3 Да-да, матерый верстальщик скажет, что фу такую бяку юзать, лучше самому все написать. Но мы не ищем легких путей и думаю эта тема интересна всем тем, кто связан с этим по жизни. Однако, даже если убрать bootstrap, то все равно в любом проекте есть основные стили, а вокруг них танцуют другие Здес…
0 votes2 answers -
лимит плееров
Добрый вечер. Использую на сайте библиотеку MediaElement.js. Когда я размещаю более 5 плееров на странице, Chrome просто не подогружает страницу ( в основном стиля ), если четко 5 все работает http://omega24v.esy.es/ <div class="audio-player p1"> <h5><span>Darom Dabro</span> Darom Dabro </h2> <audio class="audio-player2" src="libs/html5-audio-player/media/DaromDabro-BL.mp3" type="audio/mp3" controls="controls"></audio> </div> $('.audio-player2').mediaelementplayer({ alwaysShowControls: true, features: ['playpause','progress','volume'], audioVolume: 'horizontal', audioWidth: 660, audioHeigh…
0 votes0 answers -
Вертикальное выравнивание css3
В css3 есть способы выровнять элемент вертикально по центру без садомазохизма? Что-то типа vertical-align:middle, только более предсказуемое.
0 votes2 answers -
Контент и разрешения дисплея
Здравствуйте! Подскажите, пожалуйста, существуют ли способы настройки одинакового отображения текстовой информации на одн ом и том же сайте, но при разных разрешениях дисплея? К примеру, чтобы при выравнивании по ширине между словами было одинаковое расстояние при разных разрешениях (от смартфона до демонстрационного широкоформатного дисплея). Заранее благодарю за ответ!
0 votes4 answers -
Проблема с рисованием border
Сижу уже 2 часа, тупо ничего в голову не приходит) Есть сайт, ширина фиксированная, вот скрин Под и справа сайдбаром можно увидеть border dotted, суть в том, что этот бордер должен продолжаться на весь экран (снизу и слева) не смотря на фиксированный контент. Что же делать? На другой странице точно такая же беда, только на этот раз бордер начинается от заголовка...
0 votes3 answers -
Проблема с версткой
Удалено
0 votes4 answers -
Стили дизайна сайтов
Сабж Я например слышал такое, как минималистический стиль. Какие вообще бывают стили? Если можно, с примерами.
0 votes2 answers -
Бегучая строка с право от картинке
Есть вот такая html страничка http://tumba.aiq.ru. Хочу бегущую стоку сделать правее логотипа. Весь код можно посмотреть через ctrl +u Может что в те <marquee> надо вписать или через css?
0 votes4 answers -
Выравнивание в ячейках (ie9)
Нужно чтоб выглядело вот так и верстка была резиновой Верстаю для IE9, для контейнера задал: display:table, для потомков: display:table-cell (Flexbox не поддерживает, полифил flexie.js ставил - не действует) Нужно только выровнять элементы по вертикали http://codepen.io/anon/pen/zrQpap
0 votes1 answer -
Задать время обновления для элемента страницы
Добрый день. Необходимо что бы определенный элемент/ы страницы постоянно обновлялись. Нашел такой скрипт: <script> setTimeout(function(){ location.reload(); }, 50); </script> Вставляю в head, но обновляется вся страница. А как задать его для определенной таблицы или дива? Заранее спасибО!
0 votes1 answer -
IE и height
Opera 9.62, Safari 3.2, Firefox 3.0, осел 7.0.5730.11 первые три все гуд, последний, одним словом осел привиду точный кусок кода <table width="900" border="0" cellspacing="0" cellpadding="0"> .... <tr> <td rowspan="2" valign="top"><img src="<!--//WAY;-->pic/leftgra2.png" width="5" height="277" alt="" border="0"></td> <td valign="top"><!--//menu;--><img src="<!--//WAY;-->pic/undermen2.gif" width="150" height="61" alt="" border="0"></td> <td colspan="5" rowspan="2" valign="top" align="left" background="<!--//WAY;-->pic/1x1white.png" bgcolor="#ffffff"> <!--//body;--> </td> …
0 votes2 answers -
как выровнить по центру спана текст?
По центру вертикально. Если размер спана увеличится, то текст всё равно должен остаться в центре. vertical-align пробовал, но почему-то не работает
0 votes1 answer -
<keygen challenge="значение">
Подскажите пожалуйста значение атрибута challenge и для чего он вообще применяется. Из прочитанного нашел лишь то,что он запаковывается вместе с открытым ключом и вместе с ним пересылается на сервер. Но совершенно не ясно, что может быть атрибутом и зачем оно пересылается. Прошу прощения, если такой вопрос уже был. Только что искал, не нашел.
0 votes1 answer -
Как создать эффект плавной градации цвета на CSS
Подскажите как сделать так чтобы при наведении на изобр оно меняло цвет с ЧБ на цветную картинку с использованием одной картинки?
0 votes1 answer -
фильтры вебкит и списки
Доброго времени суток, уважаемые форумчане! Подскажите, как можно реализовать такую штуку - на страничке есть изображение, и выпадающий список фильтров, и при выборе фильтра из списка, он применяется к картинке. Отдельно к изображению фильтр применить могу, отдельно список слепить тоже просто, а вот совместить все это как?
0 votes4 answers