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
-
Проблема с блоком
Вот проблема , нужно блок с четырех сторон (а может и больше) обтянуть "частями телевизора" чтоб визуально был как телек.
0 votes1 answer -
Как решить несколько задач...?
Как создать кроусбраузерно и валидно вот такое - http://img835.imageshack.us/i/homeya.png/ ?
0 votes6 answers -
Меняющейся фон
Есть сайт-визитка (уже наверное надоел ), в качестве фона фотография. Как сделать, чтобы фон при каждом обновлении (посещении сайта) менялся?
0 votes29 answers -
box-shadow и border-radius
Почему сервис проверки CSS от W3C выдает ошибки по css 3: box-shadow: 0 0 5px black; box-shadow: 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; Возможно потому что не поддерживается IE?
0 votes8 answers -
hCard
Уже не первый день задаюсь вопросом: допустимо ли на странице использовать несколько блоков class="vcard", в каждом из которых будет отдельная часть информации, пригодной для данного микроформата? Ведь нормальная практика, когда дизайнер раскидывает информацию о компании: телефон в один угол, адрес — в другой, а название и вовсе в неожиданное место. И как-то это всё надо объединить в приемлемый для hcard-читалки вид. Хоть весь body делай с class="vcard". Но тогда уместно ли на такой страничке размещение class="hproduct"?
0 votes5 answers -
Padding в % (процентах)
Недавно верстал CSS стиль для будущего сайта и использовал padding. Значения ставил в процентах. Мне сказали, что в процентах ставить паддинг — это плохо. На вопрос «Почему?» не ответили. Так вот, почему паддинг в процентах это так плохо? Ведь разрешено ставить и в пикселях и в процентах.
0 votes7 answers -
transition
Смотрите в чём проблемка. На сайте стоит transition. Он срабатывает для всех браузеров, кроме Firefox ниже 4 версии (беты). Можно ли это как-то обойти? Есть ли какой-то хак, может быть? Желательно сделать это посредством CSS. Мне говорили, что можно это сделать и при помощи JS, но опять же, я не силён в нём.
0 votes9 answers -
Навигация по сайту
Переделываю верхнее меню на сайте, чтобы оно во-первых, было на ul-li, во-вторых на прозрачном фоне, чтобы его легко менять. Получилось следующее. http://htmlbook.ru/themes/html5/navigation.html Есть небольшая проблемка. Для получения прозрачности применяются всякие хитрые сдвиги, за счёт этого при выборе пункта текст сдвигается влево на 10 пикселов. Хотелось бы, чтоб верхний текст вообще не двигался. Что посоветуете?
0 votes12 answers -
Нужна помощь в создании меню
Подскажите, пожалуйста, как создать такое меню: http://storage3.static.itmages.ru/i/11/022...59f3efd7ac.jpeg И, желательно, чтобы можно было оставлять подменю открытыми, на соответствующих страницах
0 votes1 answer -
Запрет обтекания блока справа
Здравствуйте. Есть три блока (картинка) Все три с float:left; При этом нужно, чтобы блок 3 не забирался на блок 2, а был либо под ним, либо под третьим (в зависимости от ширины окна) Я пытался запретить обтекание второго блока справа так: clear: right; Результатов не даёт. Если ставить после второго блока <br clear="both" />, то третий перескакивает сразу под первый, что тоже не подходит. Знает ли кто-нибудь, как это можно сделать? Код странички <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Float</title> <style type="text/css"> …
0 votes4 answers -
Транспонирование таблицы средствами CSS
Необходимо транспонировать обычную HTML-таблицу средствами лишь одного CSS. Только не спрашивайте, зачем это нужно, и не советуйте генерировать ее по-другому на сервере ) Честно скажу, я посидел над задачкой всего лишь около часа и после решил узнать, вдруг кто-то сталкивался с подобной проблемой и решил ее успешно. Ну вдруг это в принципе не решаемо, чтобы зря время не тратить. Чтобы было понятно: есть обычная таблица table, thead, tbody, ... все как полагается. Необходимо, чтобы все tr стали колонками, thead будет первой колонкой с заголовками для строк, а tbody будет контейнером для остальных колонок; первые td в каждом tr образуют шапку таблицы. Я попробовал несколь…
0 votes6 answers -
как выровнить таблицу по центру через стили?
вообще команда margin: 0 auto; за это отвечает но у меня не выходит (( вот мой код: суть в #layer2 <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #layer2 { position: absolute; z-index: 2; margin:0 auto; } </style>
0 votes8 answers -
Чет не работает гармонь =)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> <style> #menu { width:200px; min-height:100px; padding:0 0 0 0px; margin:100px 0 0 100px; } .button_1 { width:200px; height:50px; display:block; background:url(images/button.png) no-repeat; cursor:pointer; } .active { width:200px; height:50px; background:url(images/button_active.png) no…
0 votes3 answers -
Не работают два <select>'а
Всем привет. Мною был скачан шаблон сайта. В котором уже был встроено меню select, но когда их больше одного, то ни одно из них не работает. Но мне необходимо, чтобы их было как минимум 2. Как доработать код? Все исходники лежат здесь http://onemove.ru/40841/ Заранее спасибо! Вот мои скрины, на которых видно что не работает когда меню больше одного:
0 votes13 answers -
Переход по якорям с одинаковым именем в пределах одной страницы
Подскажите, пожалуйста, можно ли решить следующую задачу средствами javascript (или как-нибудь по-другому) есть страничка с несколькими якорями, у которых совпадают атрибуты href и name. Необходимо, чтобы при нажатии на любую ссылку осуществлялся бы переход к следующему якорю ниже на странице, а не к первому <p><a href="#01" name="01">мама</a> мыла <a href="#02" name="02">раму</a></p> ... <p><a href="#02" name="02">рама</a> мылась <a href="#01" name="01">мамой</a></p> ... <p><a href="#01" name="01">маме</a> мыть <a href="#02" name="02">раму</a></p> Требуется для то…
0 votes3 answers -
Рельефный текст
Как сделать рельефные заголовки боковых блоков как на этом сайте и видно ли это будет на всех браузерах? http://www.w3.org/
0 votes6 answers -
Высота ячейки меньше чем ее содержимое.
Как можно(если можно) уменьшить высоту ячейки таблицы и сделать ее меньше чем ее содержимое? Если задавать ячейке свойство height то это будет минимальное значение, которое в случае если содержимого в ячейке больше просто игнорируется. Пробовал в связке с overflow: hidden; задавать height: и max-height:, с разными доктайпами и вообще без доктайпов, не получается. Цель ячейка в строке .description: <tr class="offer"> <td class="name"><i>вввввв</i></td> <td class="time">10</td> <td class="price">35</td> </tr> <tr class="description"> <td colspan="3">ТАОТАВОТМАОЛТМАЛОТ</td> </tr>
0 votes4 answers -
Тени и текстуры
Здраствуйте! Как мне решить такую проблему. Есть блоки с постами с легкой овальной тенью(на фон), я вирезаю тень и ставлю в отдельный блок или вирезаю с бг поста, то возникает одна и таже проблема, на фоне( фон - текстура 50*50) видно линию стыка. Помогите как этого избавиться! Заранее благодарен, Андрей!
0 votes19 answers -
Как оформить список в списке
Нужно хорошо оформить меню категорий на сайте. Формируется списком. <div class="category"> <ul> <li>1</li> <li>2</li> <ul> <li>2.1</li> <li>2.2</li> </ul> </ul> </div> сделал клд css таким: #category { background-color: #1f8ee3; font-family: Arial; font-weight: 700; } #category ul { list-style: none; padding: 0px; border: none; } #category li { border-bottom: 1px solid #90bade; margin: 0; } #category li a { display: block; padding: 5px 5px 5px 15px; background-color: #2175bc; color: #000; text-decoration: none; width: 10…
0 votes11 answers -
Выравнивание картинки
интересует такой вопрос сегодня скачал html шаблон поставил его к себе решил сделать slider(смена изображений) вставил код вроде всё отображается но.. картинка уходит за поле в левый бок а с права наоборот кусок чёрный остаётся кстати slider выдернул из dle 9.2 думаю смысла выкладывать ксс файлы другие нету смысла, но если сильно нужно выложу сам css файл сам код который вставил JS Скрипт ссылка на сайт ввиде IP адреса т.к. стоит дома пока что _http://95.30.201.170/
0 votes2 answers -
Растягивание по высоте блока, с вложеными позицированными дивами
Всем привет. Есть главный блок all, позиционируемый по центру. В нем еще один блок content, так же располагается по центру. Внутри content есть два блока box_left и box_right, к которым применяется float. Блок content должен растягиваться по высоте, в зависимости от высоты блоков box_left и box_right. Применить float к content нельзя. Прикладываю миниатюру.
0 votes3 answers -
Анимация загрузки картинок
http://svyatoslavdesign.com.ua/works/cottege/1/ Пытаюсь сделать так, чтобы при клике на миниатюру внизу, во время смены сорса основной картинки последняя была скрыта, а поверх нее показывался див с анимацией загрузки (гиф). Код онклика миниатюры: onclick="imgOn('large/1.jpg','s5')" Код смены основной картинки + анимация function imgOn(imgSrc,imgId) { document.getElementById('central_photo').style.visibility = "hidden"; // скрываю основную картинку document.getElementById('load').style.visibility = "visible"; // показываю скрытый див с гиф анимацией img = new Image(); img.src = imgSrc; // делаю предгазрузку картинки в Image document.getElementById('central_photo').src…
0 votes11 answers -
Выпадающее меню - Internet Explorer 7
Думаю, проблема будет ясна, если взглянуть на два скрина в приложении. Поясню, что скрин с названием normal.png - то как должно отображаться выпадающее меню и как отображается сейчас в нормальных браузерах (Chrome, Firefox и т.д.) Второй скрин (abnormal.png) отображает проблему воспроизведения кода всеми любимым Internet Explorer'ом 7й версии. HTML Code: <td scope="col" class="bundling"> <div id="gear"> <a><p>Open</p></a> <div class="bundling"> <ul class="actions"> </ul> <!-- <span class="hr"></span> --> <ul class="selects"> <li> <a id="sele…
0 votes2 answers -
как сделать фоновый рисунок на весь экран и выронить таблицу по центру через стили?
<style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #layer2 { margin:0 auto; z-index: 2; top: 50px; position: absolute; } </style> </head> <body > <div id="layer1"> <img src="img/fon.jpg" width="100%" > </div> <div id="layer2"> <table align="center" cellSpacing=0 cellPadding=0 border="1"> <tr> <td colspan="3"><img src="img/logo.jpg"/></td> </tr> <tr> <td colspan="3" align="center">.....</td> </tr> <tr> <td >......</td> …
0 votes8 answers -
Проблема с подключением CSS.
После месяца как я не занимался вёрсткой столкнулся вот с какой проблемой. Подключаю CSS модуль, но параметры которые там заданы не отображаются на странице. Вот мой код. Скажите пожалуйста в чём ошибка? HTML: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>мой сайт</title> </head> <body> <div id="menu1"> </div> </body> </html> CSS: body { background-color: black; } #menu1 { background-color: black; border: black 1px solid; height: 50px; width: 900px; color: white; }
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-