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
-
div поверх iframe
Задача в том что поверх ролика повесить поцентрк рекламу, делаю так,но безрезультатно <html> <style type="text/css"> .block1 { position:absolute; z-index:2 } .block2 { position:relative; z-index:1 } </style> <script type="text/javascript" src="//cdn.o333o.com/embed.js"></script> <body bgcolor=blue> <div class="block1" position: absolute;> <iframe width="510" height="400" src="" frameborder="0" scrolling="no" allowfullscreen></iframe> <div class="block2" position:relative;> <iframe class='na' src='' frameBorder='0' scrolling='no' width='300' height='250'></…
0 votes2 answers -
Почему рекомендуют указывать в name и id разные значения?
Слышал мнение, что желательно в тегах формы не давать атрибутам name и id одинаковые значения. Многие этой рекомендации не следуют. Почему это надо делать? И почему не обязательно? Откуда пошло и с чем связано? Хуже: <input type="text" name="login" id="login"> Лучше: <input type="text" name="login" id="login-field">
0 votes6 answers -
Втсавка видео flv на страницу
Приветствую всех! Инетесует вопрос: Как вставить видео flv, wma, avi на страницу?
0 votes4 answers -
legend по центру
Здравствуйте. Возникла проблема с отображением текста/картинки в теге legend по центру в разных браузерах. Пытался искать на сайте и форуме, но ничего толкового не нашёл Итак, вот код: <!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"> <body> <table><tr><td> <fieldset><legend align="center">Заголовок по центру</legend> <center>Мой текст</center> </fieldset> </td></tr></table> </body> </html> В FireFox и Google Chrome всё отображается нормально, как и задума…
0 votes11 answers -
Рвется дизайн в ИЕ7.
Ссылка. Смотрим в ИЕ7. 1) В итоге поле "Новости:...." с поиском вылазят на весь экран. 2) Подвал еще страшнее, вроде таблица, но почему так?
0 votes2 answers -
CSS селектор по двум классам
Доброе время суток, подскажите пожалуйста. Имеется таблица <table> <tr> <td class"a b"></td><td class"a"></td><td class"a b"></td> </tr> <tr> <td class"a"></td><td class"a b"></td><td class"b"></td> </tr></table>.b{background-color:grey;}.a{background-color:red;}.a.b{background-color:green;}класс "a" динамичный, мне необходимо, чтоб ячейки c классом "а" окрашивались в красный цвет, а если там еще присутствует класс "b" в зеленый, а если нет класса "а" то класс "b" в серый
0 votes1 answer -
Помоги организовать выпадающее меню
Здравствуйте! Необходимо организовать меню электронного справочника, которое имело бы вид: Раздел 1 Подраздел 1.1 Подраздел 1.2 .... Раздел 2 Подраздел 2.1 .... Все подразделы необходимо скрывать, а сами разделы дожны изменять свое положение на странице в зависимости от скрытых/открытых подразделов, в этом и проблема. Использую HTML, возможно применение Java Script. Заранее спасибо.
0 votes31 answers -
Элементы "дергаются" в Хроме при перезагрузке страницы.
Здравствуйте. Сайт http://kroteks.ru В Хроме наблюдается странная ситуация при переходе по ссылкам главного меню: элементы в шапке как бы дергаются после перезагрузки страницы. С чем это может быть связано?
0 votes6 answers -
Фон перекрывает картинку в ИЕ. Почему-то...
Привет всем! Помогите пожалуйста, не пойму в ч?м дело. Есть примерно такая конструция: Стили: div.fon {background: url(/pic/fon8.jpg) no-repeat;} #text { position: relative; top: 1px; padding: 0px 30px; vertical-align: top; } #mid { background-image: url('pic/mid.gif'); background-repeat: repeat-y; background-position:top; height: auto; width: 760px; text-align: justify; position: relative; } Код: <div id="mid"><div id="text"><div class="fon"> <p class="..."> текст</p> <img src="pic/kart2.jpg" align="right"> <p class="..."> тескт</p> </div></div></div> Должно быть так: есть фоновое изображение…
0 votes12 answers -
Горизонтальный скролл в адаптиве - откуда взялся?
http://resursmed.ru/ При уменьшении видимой области появляется горизонтальный скролл за пределами страницы. А там вроде как пусто. Чем меньше размер окна, тем больше скролл. Пожалуйста, ткните носом, где я ступил?
0 votes6 answers -
Нестандартные фрифты: flash + js
Добрый день Слышала я о такой штуке: как-то можно нестандартный шрифт запихивать во флеш. а потом в html писать тексты обычным способом (ну просто, писать ), а в браузере шрифт подгружается из флешки и эти тексты пишутся уже красивыми заковыристыми шрифтами. сорри, что путано получается. собственно, вопрос: натыкался кто-нить на такое? может, сылдку дадите или этот рецепт? я не могу придумать, что спросить у поисковика.
0 votes9 answers -
HTML редактор
Здраствуйте! Подскажите пожалуйста какие существуют (и существуют ли вообще) текстовые редакторы кода HTML без всяких там кнопок, типа "вставить рисунок одним кликом". Я немного не очень опытный, поэтому мне бы сначала изучить основы, а потом уже и к оформлению приступить. Перепробовал несколько редакторов, но они все в стиле "что вижу, то и получаю" (или както так ). Обычным блокнотом можно канечно править, но без подсветки мне сложно - глаза устают искать нужные строки. Заранее премного благодарен
0 votes29 answers -
Изменить размер шапки
Здравствуйте, помогите пожалуйста.Сейчас как на рис.1, нужно сделать как на рис.2. Т.е. убрать белые полосы по бокам, чтобы картинка была на всю длину. Извините, если не правильно оформила сообщение) Рисунок 1 Рисунок 2 Файл index.php: <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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"> <!-- author: raduga copyright: GNU/GPL --> <head> <?php mos…
0 votes34 answers -
перенос строки при li {display: table-cell}
привет. есть li с назначенным фоновым изображением (иконка). чтобы прижать текст к низу блока, сделал display: table-cell; теперь при добавлении более одного элемента списка, все они выстраиваются в одну строчку. а нужно, чтобы по одному элементу в строке. как корректно растянуть строки в этом случае? привожу код: #maincontent div.downloads ul { padding-left: 0; text-align: justify; } #maincontent div.downloads ul li { display: table-cell; list-style: none; background: url("/images/pdf.png") no-repeat; height: 32px; padding-left: 32px; padding-bottom: 0.5em; vertical-align: bottom; font-size: 120%; } заранее спасибо.
0 votes5 answers -
Dwoo
Dwoo - совместима с шаблонами smarty, за исключением некоторых возможностей. Во всю использует ООП возможности php5 (реализовано даже наследование шаблонов в самих шаблонах через {extend "template.tpl"}). Имеется адаптер вида для Zend Framework. По заверению разработчика работает быстрее чем smarty. Все необходимые ответы имеются в документации
0 votes5 answers -
Получить список шрифтов используемых в PSD, есть ли такая фича в фотошопе?
Здравствуйте уважаемые форумчане! В иллюстраторе есть такая функция FIND FONTS и там можно сохранить в формате TXT шрифты которые использованы в проекте, есть ли что то на подобие в фотошопе? Или только щелкать по каждой текстовой надписи?
0 votes5 answers -
И снова высота 100 в ИЕ
Таблица. Три строчки. Верхняя и нижняя фиксированная высота. Средняя тянется на 100%. Вопросы: почему ИЕ растягивает среднюю неправильно? как с этим правильно бороться? <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <link href="main.css" rel="stylesheet" type="text/css"> <style type="text/css"> html, body { height: 100%; margin: 0; padding: 0; } td { padding: 0; } table { border-collapse: collapse; height:100%; width: 100%; border-…
0 votes35 answers -
Как отключить скролл в ИЕ?
Сверстал страницу. Когда включаешь в браузере режим "на весь экран", в ИЕ 6 и 7 появляется вертикальный скролл. Как его убрать? В опере и мозиле все нормально показывается.
0 votes8 answers -
Резиновая таблица в IE 7 - как?
То ли я поиском пользоваться не умею, то ли решение этой проблемы затерялось в дебрях прошлого. но все же. Нужно сделать таблицу (именно table а не div) из двух колонок, одна фиксированной высоты, вторая - на всю оставшуюся часть высоту экрана. Сделал - в опере и ФФ работает, в IE 7 появляется вертикальный сролл. У самого 6 эксплоера нет, но вроде бы там тоже все ок. В чем проблема? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>{title} -</title> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <style type="text/css"> <!-- html…
0 votes7 answers -
Тень от текста в html
Подскажите, реально-ли сделать тень от текста при помощи стандартных средств html и css, если текст находится сверху бэкграунда? Если нет, подскажите простое решение плиз.
0 votes9 answers -
Как натянуть готовую верстку на Joomla ?
Как натянуть готовую верстку на Joomla ? подскажите видео курсы какие то
0 votes1 answer -
Расстояние между элементами css
Я хочу сделать блок. Пишу: <div id="left_colon"> <div id="top_block"><img src="http://www.iconsearch.ru/uploads/icons/silk2/16x16/user.png" /> Название</div> <div id="middle_block">Текст блока</div> </div> В CSS: #top_block {background-image: url('img/bt.png'); background-repeat: no-repeat; height: 35px; padding: 8px; font-family: Verdana; color: white; text-shadow: gray 1px 1px 0px;} #middle_block {background-image: url('img/bc.png'); background-repeat: repeat-y; padding: 8px; font-family: Verdana; color: gray;} #left_colon {border-spacing: 0; margin: 0; padding: 0;} Получается так: Помогите пожалуйста!
0 votes2 answers -
Помогите исправить код!
Здравствуйте, уважаемые эксперты! Вот есть код и сайт dollarforukraine.com Подскажите, пожалуйста, как сделать бирюзовую кнопку в виде кнопки которая ниже (маленькая кнопка Donate в рамке) и чтобы она открывалась в новой вкладке. Огромное спасибо заранее! P.s. маленькая кнопка Donate уже была в шаблоне и ссылалась на "Read more"...
0 votes49 answers -
Помогите решить проблему с дивом в таблице
В таблице есть 2 строки: верхняя имеет высоту=100%, а нижняя просто 100. В верхнее поле вписан див, в стиле которого так же стоит высота=100%, добавлен оверфлоу=авто и скролл=авто. Но проблема в том, что Опера некорректно отображает этот див (высота в 0 пиксель, не показывая содержимое дива и отображая только его только границы). Проблему с Оперой можно побороть, поставив в стиле дива свойство display, равное table. Но тогда начинает выпендриваться Фаерфокс, бесконечно увеличивая высоту дива и не показывая скроллбары. Пример вот: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <…
0 votes26 answers -
СРОЧНО ПРОБЛЕММА С DREAMWEAVER"ОМ
В общем у меня очень странна проблемма с этой программой.У меня както постранному редактируються таблицы.Отсуп вообще какойто непонятный.Мне надо чтобы между строками небыло вообще промежутка пользовался тэгом line-height,но ничего не помогло((( В общем вот сама картинка как это безобразие выгядит
0 votes17 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-