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
-
Регистрация. Личный кабинет
Скажите пожалуйста, как сделать нормальную регистрацию и личный кабинет для сайта. На каких языках все это лучше писать? Учу html и CSS месяц, остановился перед выбором PHP или jquery. Спасибо за помощь)
0 votes6 answers -
Странный эффект с выпадающим меню
Доброго всем! Возникла проблема при создании выпадающего меню на сайте: http://dev.kp.ru/ Пункт "Спецпроекты" в главном горизонтальном меню. Нормально отображается в ИЕ, Опере, а вот в Мозилле не хочет. Фон и текст выводятся поверх меню Разбирался... Нашел, что есть какая-то непонятная зависимость у перекрывающих выпадающее меню блоков со свойством overflow При значении hidden - перекрывает, при значении visible - нет. Но это решило часть проблемы, т.к. например у закладок на главной странице что работают с помощью ява-скрипта этого значения вообще нет, так же как и у надписи "Финансы". Выставление значения не помогает. Вобщем вот весь код: ХТМЛ: <li class="last">&…
0 votes4 answers -
Tahoma utf-8
Привет, при верстке макета столкнулся с проблемой: шрифт Tahoma выглядит по разному в ff и ie6 при кодировке utf-8 . Пример: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <style type="text/css"> p { font-family: tahoma; font-size: 12px; } span { font-family: tahoma; font-size: 12px; font-weight: bold; } </style> <body> <p>Мир развлечений</p> <span>Мир…
0 votes4 answers -
Footer к низу страницы
Добрый день. Не могу справиться с задачей позиционирования футера к низу экрана при недостаточном количестве контента. Использую HTML5. <html> <body> <header /> <div.content /> <aside /> <footer /> </body> </html> http://григорий-аникин.рф/test/e-dotu/ http://григорий-аникин.рф/test/e-dotu/styles.css Вот это в Firefox работает, но в остальных браузерах нет: <html style="position:relative;min-height:100%;"> <body> <header /> <div.content /> <aside /> <footer style="height:40px;position:absolute;bottom:0;"/> </body> </html> Предлагаемые решения не работают: <html style…
0 votes10 answers -
no-repeat - отмена размножения фоновой картинки
Перепробовал вс?, но так и не вспомнил как это делается ((( срочно нужно узнать! Помогите плс! Возьмем ячейку таблицы : Что нужно в нее забить чтобы гр?баный бэкграунд нарисовался в единичном виде, а не размножался вправо и вниз?... {...отредактировано kiD}
0 votes3 answers -
Картинка в закругленной рамке!
Имеется рамка: Как поместить в такую рамку изображение, чтобы углы картинки были срезаны а рамка масштабировалась под размеры картинки Примерно так:
0 votes7 answers -
при наведении на картинку
Помогите пожалуйста. у меня есть картинка. я хочу чтобы когда наводишь на эту картинку она менялась на другую. как это сделать при помощи CSS? Заранее благодарен. если можете напишите код. заранее благодарю
0 votes6 answers -
IE 7 не понимает синтаксис...
Есть надобность менять динамически свойство text-decoration... Но IE7 не понимает код: document.getElementById('no0').style = 'text-decoration:underline'; В Опере работает... Может кто знает рецепт?
0 votes3 answers -
Проблема Фреймы/Ссылка
ребята проблема в следующем... Сайт должен быть на html Есть три фрейма :в одном из них список ссылок на фото, в другом фрейм для отображения фота и третий для отображение коментария к фото. Нужно чтоб при нажатие на ссылку отображалось фото и коментарий к нему. Как это сделать без помощи скриптов. <a target= "1" href="1.html"> <a target="2" href="1.html"> > ССЫЛКА </a></a> . Такой способ не работает
0 votes10 answers -
Как задать жеские рамки растяжения таблицы?
Имеются 2е ячейки: одна с навигацией, другая с погружаемым контентом. Ширина первой задана жестко (в пикселях), ширина второй - процентно. Соответственно, когда я уменьшаю-растягиваю окно браузера, первая ячека не меняет своих размеров, а вторая сужается-растягивается. проблема в том, что мне нужно, чтобы вторая ячека сужалась до нужного мне лимита, допустим 400px, и растягивалась(если открывать сайт на мониторе с большим разрешением) тоже до определенного лимита, допусним 1500px. Как это сделать?
0 votes3 answers -
списки
<div id="apDiv2"><h3> <a href=</a> <font class="olive">(120)</font> </h3> <ul> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a></li> <li><a href=</a> </li> </ul> </div> Подскажите плиз или дайте ссылку где почитать. Нужно сделать список в два столбика друг на против друга в одном элементе.
0 votes6 answers -
Помогите с вёрсткой слоями!
Не могу сделать верхнее меню резиновое в слоях, чтоб растягивался автоматический! С табличной всё просто даёшь таблице 100% и спишь спокойна)) Помогите пожалуйста! <table width="100%"> <tr> <td><a href="#">Новости</a></td> <td><a href="#">Свадьба</a></td> <td><a href="#">Семейные праздники</a></td> <td><a href="#">Детские праздники</a></td> <td><a href="#">Корпаротивы</a></td> <td><a href="#">Кейтеринг</a></td> <td><a href="#">Форум</a></td> </tr> </table> Мне нужно чтоб меню растяги…
0 votes13 answers -
CSS-хаки
Скажите для того чтоб задавать дял браузера ИЕ для опр. классов опред. свойства для версий Ие: * IE 6 — * html * IE 7 — *+html А что использовать для 8ой версии тогда?
0 votes21 answers -
периодическое обновление страницы
Помогите пожалуйста, как сделать, чтобы страница автоматически периодически обновлялась с интервалом n секунд?
0 votes3 answers -
Лишние отступы и проблема с border+z-index в IE7
Здравствуйте. Есть непростое меню, где элементы при наводке увеличиваются, занимая часть пространства соседнего элемента. Вот оно: http://atm-book.ru/test/1/ Сделано это с помощью абсолютного позиционирования. Проблема в том, что в IE7 появляется нижний отступ при наводке на элемент и видна верхняя рамка нижнего элемента, не смотря на то, что z-index'ом однозначно указано, что элемент при наводке находится выше остальных. Естественно, что во всех нормальных браузерах всё работает как надо. Код HTML: <ul class="main_menu"> <li><a href="#">Новости</a></li> <li><a href="#">Новости</a></li> <li><a href="#">…
0 votes2 answers -
двухцветная раскраска для div
У меня на сайте есть список блоков <div>текст</div> <div>текст</div> <div>текст</div> <div>текст</div> <div>текст</div> ... Хочу сделать его двухцветным, как зебра - черный - белый - черный - белый - черный - белый. Вот тут нашел варианты для таблицы, а для блоков найти не могу. Помогите, пожалуйста, ссылкой на решение или вариантом, как это можно сделать? Сам джаваскрипт не знаю пока, не могу написать скрипт. А кстати кссом можно такое сделать?
0 votes5 answers -
Рамки для текста
Проблема кроется здесь http://bartsva.narod.ru/ А хотелось бы чтобы выглядело как здесь http://bartsva.narod.ru/index2.html только с текстом (здесь будет текст) из первого варианта Помогите!?
0 votes3 answers -
несколько слов равномерно растянуть по горизонтали
подбросьте пожалуйста идею как можно с помощью CSS несколько коротких кусков текста равномерно расположить по горизонтали. то есть все они должны быть в одной строке. расстояние между ними одинаковое. при уменьшении окна браузера пустые места между кусками текста уменьшаются. количество кусков текста разное. от 3 до 7 в среднем... мне не готовый код нужен, а только идея. хотя коду тоже буду рад заранее спасибо ps так же интересен вариант когда при уменьшении окна браузера расстояние между кусками текста не изменяется
0 votes8 answers -
Проблема с нестандартыми шрифтами.
Всем привет!Столкнулся с проблемой подключения нестандартных шрифтов,решил её подключением sIFR,НО,в опере и лисе всё как и положенно заменяется,а в ИЕ 6,7(в 8 не тестил,нету под рукой),вообще ничего не работает.Так вот вопрос: так и должно быть или я что-то не так сделал? P.S. sIFR устанавливал для движка WordPress.
0 votes3 answers -
Прижать блок к правому блоку без скрола при смене разрешения экрана
Здравствуйте! Столкнулся с такой проблемой: Дано: Два блока. 1-ый блок содержит контент, 2-ой как элемент дизайна. Задача: Прижать 2-ой блок к правому краю экрана (ширина монитора 1900px по ширине) при условии, чтобы блок оставался именно в правом блоке, без смещений и при ширине экрана, к примеру, 1200px, соответственно чтобы небыло полосы прокрутки. Вот наглядные скрины: http://splotnikov.ru/1.jpg http://splotnikov.ru/2.jpg Подскажите пожалуйста как сделать. Заранее благодарен!
0 votes9 answers -
Различия верстке списков под разными браузерами
В чём заключается различие в вёрстке списков под разные браузеры?
0 votes5 answers -
Запрет отображения последнего бордера
Доброго дня друзья! Задача: отобразить нижний бордер у каждой ссылки, по примеру: <div id="menu"> <a href="">1</a> <a href="">2</a> <a href="">3</a> <a href="">4</a> </div> Делаю таким образом: #menu a { text-decoration: none; text-align: left; color: #01367C; display: block; padding: 0.7em; border-bottom-color: #99CCFF; border-bottom-style: solid; border-bottom-width: 1px; margin-left: 5px; } Проблема возникает с последней ссылкой - для нее необходимо исключить отображение бордера. Честно, не знаю как и быть. Таблица и прописывание для каждой ссылки отдельного слоя с указан…
0 votes7 answers -
Вопрос по формам
Доброго времени суток! Воспрос такой, можно ли вместо кнопки SUBMIT зделать просто текстовую ссылку с присущими таковой свойствами CSS, hover например, или может сделать как то кнопку из картинки, что бы при наведении картинка кнопки менялась на другую.
0 votes5 answers -
Height для Iframe
перерыл пол нета чтобы найти ответ, так и ненашол, проблема только в том что: <table border="0" width="800" height=100% cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="top" colspan="2"> <img src="img/head.jpg"> </td> </tr> <tr> <td valign="top" width="32%"> Меню и бла бла бла </td> <td valign="top"> <IFRAME src="content.html" width="550" height=100% scrolling="auto" frameborder="0" name="wnd1"> </IFRAME> </td> </tr> </table> неработает, а оочень надо
0 votes5 answers -
Как расчекить чекбокс средствами HTML?
Можно ли как-то принудительно рачекить checkbox средствами html? В некоторых браузерах при обновлении страницы сохраняются галочки в чекбоксах. Нужно избежать этого, желательно не задействуя яваскрипт. Можно ли это как-нибудь сделать? Пробовал checked="false". Не работает.
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-