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
-
hover как центрировать фон
Есть ссылки при наведении на них должен появляться бэкграунд, сам бэкграунд шире ссылок, и начинается он при наведении с первой буквы ссылки и дальше идет пока незакончится. Так вот вопрос как мне центрировать этот бэкграунд? <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class="line">Обновление Ассортимента</p></a> <a href="#" class="a-link"><span class="date-color">14.02.2011</span> <p class…
0 votes16 answers -
как уменьшить border-left и выровнять по середине?
Здравствуйте. Если делать : <ul class="qwe"> <li class=""> </li> <li> </li> <li> </li> </ul> И у .qwe { border-left:1px solid gray } или просто ставить бордюр для какого-нибудь div , то получается | (черта бордюра) -растянутая по высоте на весь li или div. если поставить этому div или li height:10px, то конечно бордюр уменьшается, но вместе с div или li. Можно ли как-то регулировать высоту этого бордюра и его центрирование?
0 votes8 answers -
Прилипание содержимого div к низу
Делаю верстку на div-ах, хотел спросить как сделать на div-ах следующий вариант: (Его я умею делать в таблицах, а вот в дивах никак не получается) <table> <tr> <td>Блок 1</td> <td ROWSPAN="2">Блок 2</td> </tr> <tr> <td VALIGN="BOTTOM">Блок 3</td> </tr> </table> как сделать аналог на дивах, чтобы при увеличении высоты в блоке 2, содержимое блока 3 прижималось к самому низу и его низ был на одном уровне с низом блока 2.
0 votes7 answers -
Не накладываются слои.
Всем привет) Вот такая загвоздка - довольно стандартная - блоки не накладываются. Второй принимает за top 0px - нижний край верхнего блока. Всю голову сломала, но не вижу ошибку, поэтому обращаюсь за помощью. Слаба я еще очень в этих делах. Спасибо. #shapka { position:position: relative; width: 794px; /* Ширина слоя */ height: 342px; /* высота слоя */ margin: 0 auto; /* Выравниваем по центру */ background: #990000; /* Цвет фона */ background-image: URL(tr_01.gif); z-index: -1; } #menu { position: relative; top: 292; width: 794px; /* Ширина слоя */ height: 45px; /* высота слоя */ margin: 0 auto; /* Выравниваем по центру */ z-index: 1; }
0 votes17 answers -
line-height в inline и inline-block
Почему line-height на высоту inline элемента не влияет, а на inline-block влияет ? Например изначально, при дефолтном размере шрифта в 16px, высота строки в хроме показывает 18.18px. И если применим line-height: 1; - то высота не изменится. А если мы превратим строчный элемент в inline-block, тогда высота уменьшается до 15.45px - и тогда высота строки равняется почти размеру шрифта. Хотя line-height: 1 это множитель шрифта, по идеи в моем понимание высота должна равняться 16px, а не 15.45. Эти значения получены у не стандартного шрифта... Но это сути не меняет. Небольшая заготовка - https://codepen.io/anon/pen/Qxpgoe. Правда там у строчного элемента и…
0 votes2 answers -
проверьте код
Всем привет, нужно было написать хтмл код для онлайн шопа где прописывалось бы время когда можно забрать товар. сразу скажу с кодом я даже не на ВЫ. Этот код мне сделал чатжопати и все вроде бы работает кроме скрипта с выходными. Если сегодня (после 16 часов) или завтра один отпускных дней, то должна выплюнуться дата след. свободного дня. Но он как то этот момент игрнорирует. Заранее благодарю! <!DOCTYPE html> <html> <head> <title>Versandtermin</title> <script> function getShippingDate() { var today = new Date(); var day = today.getDay()…
0 votes0 answers -
float lef и float right - проблема с clear в разных браузерах?
простейший пример я думаю, что никого не удивить тем, что IE и Firefox отоброжают это по-разному. однако логика именно файрфокса мне непонятна. мне лично кажется, что по спецификации IE отображает данных пример корректно. если я не прав - объясните почему. хочется, естественно, сделать так, чтобы в разных браузерах этот пример отображался одинаково (так как в IE). свойствами css это возможно? p.s. при этом нужно чтобы в html части дивы шли именно в этом порядке: 1 l l l ... 2 r r r ...
0 votes16 answers -
Меню на css
Как лучше сделать меню на css? Есть ячейки в таблице, там будет резаться верстка, когда наводишь на картинку, подгружается дргуая! Подскажите самы рабочий код, плиз!
0 votes18 answers -
Как привязать объект к определённому месту
Всем доброго дня. Я не слишком сведущ в вопросах вёрстки хотя и имею общее прдеставление - основы HTML CSS(знаю некоторые свойства). Столкнулся с такой проблемой. На странице есть меню на JQuery которое раскрывается и показывает подпункты когда нажимаешь на один из пунктов. Нижестоящие дивы сдвигаются что не очень красиво. Я знаю что можно сделать при помощи position:absolute но мне кажется это не лучшим методом. Подскажите пожалуйста есть ли какой-нибудь другой способ, если есть то какой?
0 votes6 answers -
Вопрос о <textarea>
Если есть поле <textarea>, как запретить его растягивание и разрешить только вертикальную прокрутку?
0 votes25 answers -
Разместить 2 <div> фиксированой ширины по центру
В общем идея на картинке: Не самая сложная затея. пытаюсь сделать без шаблонов и застрял вот на этом. Верхний div - ширина 1024 Меню + Главное 104 + 920 = 1024 Верхний очень красиво выровнялся с помочью margin:auto 3-й поставил около второго, приписав ко второму float: left Вопрос: можно ли как то 2 и 3 отцентровать чтоб они вели себя как верхний, не прибегая к подгонке с помощью padding и прочих извращений ? ? ? СпасибО ! ХТМЛ: <body> <div id="roof" align="center">1 крыша</div> <div id="left">2 менюшка</div> <div id="main">3 главное</div> <br /> <br /> <div id="flour">4 низ</div> </body> CSS:: @…
0 votes13 answers -
При нажатии на изображение открывается галерея
Добрый день! Подобрал для портфолио отличный шаблон (Massive - Responsive Multi-Purpose HTML5 Template). Тут и огромное количество вариантов страниц, и бутстрап, и адаптивность и все-все-все. Итак, в нем, помимо прочего, есть отличный вариант вывода Портфолио (3 и 7 изображение): http://massive.markup.themebucket.net/portfolio-4-fullwidth.html Нажимаешь на изображение, открывается Lightbox галерея. Вот только мне категорически не нравится, что там присутствует какой-то слайдер, который перелистывает превьюшки... Подскажите, пожалуйста, как убрать это перелистывание, чтобы осталось только изображение, а при клике во всплывающем окне открывалась галерея. Зар…
0 votes5 answers -
Есть ли аналогичная ф-я, кот. адекватно работает в Explorer 6
ф-я max-width, min-width.
0 votes16 answers -
Как установить SmartyDWT
Здравствуйте! У меня такой вопрос в эту ветку форума: на днях скачал плагин SmartyDWT для Dreamwear, но никак не могу разобраться как его установить? Подскажите советами...
0 votes2 answers -
Проблема с отображением шрифта в Опере
Помогите решить проблему со шрифтом. В IE7 шрифт Century Gothic отображается нормально, а в Опере отображается некорректно (буквы какие-то угловатые и тоньше чем в др. браузерах) H1 { font-size: 20px; font-weight: bold; font-family: "Century Gothic"; }
0 votes8 answers -
Список в несколько колонок
Есть такая картина: допустим, это список автомобилей в картинках на главной странице самое простое решение - это создать таблицу и поместить автомобили туда в ячейки. Потом приходит на ум следующее решение - оформить это всё дело при помощи <div> </div> Но это же список и поэтому логичнее было бы его оформить как список, а не как таблицу или блоки. Хотелось бы сделать семантически правильно. Но как сделать список в несколько колонок?
0 votes31 answers -
Горизонтальное меню в див-блоке (я просмотрел все темы по поиску)
Ребята привет. сайт 3d-journal.ucoz.ru Разместил меню в левом блоке div (LeftMenu), потом решил его делать в верхнем блоке (под header (картинка с космосом), это блок header 2. В левом блоке меню разместилось очень просто HTML <div class="LeftMenu"> <a class="menu" href="Форум.htm">Новости</a> <a class="menu" href="Уроки.htm">Уроки</a> <a class="menu" href="Видеоуроки.htm">Видеоуроки</a> <a class="menu" href="Журнал.htm">Журнал</a> <a class="menu" href="Галерея.htm">Галерея</a> <a class="menu" href="Download.htm">Download</a> <a class="menu" href="Форум.htm">Форум</a> &l…
0 votes14 answers -
Как настроить задний фон?
Должно быть как на первом скриншоте. Что не так я делаю или как правильно переделать??? Помогите пожалуйста уже всю голову сломал!
0 votes0 answers -
INPUT - определение стилей для file
Люди, подскажите пожалуйста, можно ли для поля отдельно задавать стили для поля ввода и кнопки? Вс? что мне удалось сделать, это задать бордеры, а IE6/IE7 ещ? среагировали на задание ширины (width), но все стили работают для кнопки и поля вместе. Или может кто натыкался на JS-реализацию этого элемента, в которой полю ввода и кнопке можно отдельно прописывать стили... Буду очень благодарен за помощь.
0 votes3 answers -
Размещение файлов на сайте без возможности скачивания и извлечения любых данных
Уважаемые форумчане, подскажите, пожалуйста, решение следующего вопроса: Необходимо разместить файлы (предположительно doc, docx) на сайте без возможности скачивания и извлечения из них любых данных. Какие есть возможности решения данного вопроса - конвертация, кодирование и т.д.? Рассмотрю любые варианты
0 votes8 answers -
проблема с ослом!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link rel="stylesheet" href="menu.css"> <script language="JavaScript"> function startMenu() { if (document.getElementById) { nav = document.getElementById('menu'); for (i=0; i<nav.childNodes.length; i++) { node = nav.childNodes[i]; if (node.nodeName == 'LI') { node.onmouseover = function() { this.className = 'over'; } node.onmouseout = function() { this.className = ''; } } } } } </script> </head> <body onLoad="startMenu()"> <ul id=menu> <li><a style="background-image: url(img/triang…
0 votes10 answers -
Работа с приложение "Pixel Perfect"
Добрый день! Помогите теорией. Немного запутался в процессе сравнения макета и готовой страницы: если макет у меня в ширину 1200px, а в высоту, к примеру, 2000, то, опять же, если у меня разрешение 1920х1080, то мне и мою страницу для сравнения нужно загнать в такие габариты, как на макете? Просто, вроде, все размеры строго "по ГоСТу", с макета, а не совпадает...
0 votes10 answers -
Регистрация/авторизация. PHP и XML
Нужно создать регистрацию и авторизацию на сайте. Данные пользователей должны сохраняться в ОДИН xml-файл, типа: <?xml version="1.0" encoding="utf-8"?> <users><user id="1"><login>User1</login><password>Pass1</password></user><user id="2"><login>User2</login><password>Pass2</password></user><user id="3"><login>User3</login><password>Pass3</password></user></users> Соответственно, нужно написать скрипты для сохранения и вывода информации. + нужно как то привязать к авторизации сессию и куки на 4 часа. Собственно, подскажите хотя бы с чего начать. Во…
0 votes11 answers -
куда вставить e-mail в форму php
Народ, всем привет! Помогите, есть форма для отправки сообщения с сайта, а я в пхп не ахти, форму нашел, а куда свой е-мейл вставить не могу понять. И аналоги смотрел, не помогает. Туппю Вот: <?php$owner_email = $_POST["owner_email"];$headers = 'From:' . $_POST[""];$subject = 'A message from your site visitor ' . $_POST["name"];$messageBody = "";if($_POST['name']!='nope'){$messageBody .= '<p>Visitor: ' . $_POST["name"] . '</p>' . "\n";$messageBody .= '<br>' . "\n";}if($_POST['email']!='nope'){$messageBody .= '<p>Email Address: ' . $_POST['email'] . '</p>' . "\n";$messageBody .= '<br>' . "\n";}else{$headers = '';}if($_POST['state']!=…
0 votes24 answers -
Скрытый текст.
Здравствуйте Подскажите какой тег выводит скрытый текст. Чтобы при нажатии на ссылку выпадал текст.
0 votes5 answers