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
-
Ucoz
Скажите пожалуйста, возможно ли практиковаться и оттачивать навыки CSS и HTML на Ucoz.ru?
0 votes19 answers -
Проблемы с меню (шапкой) сайта
Полностью отредактированная и рабочая страница с верхним выпадающим меню: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <LINK href="images/logo_mini.jpg" type=ico rel=icon> <style> body{ background-image: url('images/фон.jpg'); } .menu{ font-family:arial, sans-serif; position:center; font-size:14px; z-index:100; margin-top:-1px; } .menu ul li a, .menu ul li a:visited{ display:block; text-decoration:none; color:#000; text-align:center; …
0 votes24 answers -
Масштабируемый (в плане уменьшения размера окна, а не самого масштаба), список галерей с динамическим размером миниатюр
Здравствуйте! У меня есть страница, в которой располагается список галерей. Всего галереи четыре. Вчера обнаружил, на старых разрешениях из всего списка галерей видно только первую фотографию слева. А самый маленьких вообще видно только её верхнюю границу. Перенаписал код, часа наверное за четыре, за пять. Был доволен и счастлив, т.к. в IE6 при любых разрешениях, при использовании которых были проблемы, всё стало отображаться как я хотел. Окно браузера можно было уменьшать как угодно, картинки всё равно были там где были при открытии страницы, но масштабировались. Но моя радость не долго со мной пробыла... Все миниатюры в галереи были горизонтальными и я решил попробовать…
0 votes15 answers -
Несоответствие начертаний шрифтов Photoshop при верстке
В Photoshop есть различные начертания шрифтов, типа Regular, Semibold, Bold. Как подобрать соответствия им через font-weight. Т.е. если указано Semibold, выбираешь тот же размер, шрифт и непонятно какое выбирать начертание, ни обычное ни bold не похоже
0 votes11 answers -
Границы не до конца ширины/высоты элемента
Поделитесь советом люди добрые. Есть шаблон интернет магазина, там границы у элементов не до конца Как лучше сделать? У меня пока есть варианты - сделать с использованием дополнительных элементов(например: нижняя граница у одного элемента, а боковая у вложенного в него элемента, с большей шириной и меньшей высотой) , или бэкграундом. Но эти варианты мне как-то не нравятся. Может кто чего подскажет еще.
0 votes6 answers -
Абсолютное позиционирование div в ячейке
Добрый вечер! Подскажите пожалуйста как правильно позиционировать div относительно границ родительской ячейки!
0 votes11 answers -
Бесплатные он-лайн курсы
В середине сентября (предположительно старт будет 20 числа), будем проводить месячный бесплатный он-лайн курс на тему: "создание сайтов с нуля", после прослушивания и непосредственного участия в данном курсе Вы сможете создавать сайты своими руками, более того, вы сможете создать свою web-студию, а также узнаете свои возможности в дальнейшей карьере и ответы на любые вопросы он-лайн. На время обучения все получат необходимое лицензионное программное обеспечение (CMS программу) для занятий. Предположительные темы: 1. Что за такой зверь сайт и с чем его едят. 2. CMS система как лучший станок для создания сайтов 3. Откуда взять дизайн, основы работы в графических редакторах …
0 votes22 answers -
Проблемы с шрифтами
Добрый день. Дело в том, что не понимаю, что происходит. У меня на сайте используются нестандартные шрифты, которые закинул в папку fonts и подключил их через стили. В индексе прописал <link href="fonts.css" rel="stylesheet" type="text/css"> чтобы он подгружал их, сами шрифты в fonts.css выглядят так: @font-face { font-family: Roboto; src : url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.ttf'); } P { font-family: Roboto; } @font-face { font-family: Roboto-Condensed; src : url('fonts/Roboto-Condensed.eot'); src: url('fonts/Roboto-Condensed.ttf'); } P { font-family: Roboto-Condensed; } Проблема в том, что если просматривать сайт с компьютера, то все …
0 votes8 answers -
Что такое <?a>
Кто-нибудь знает?
0 votes8 answers -
Список выходит за пределы слоя
Есть ненумерованный список, каждый пункт списка помечен картинкой. Этот список вылез за пределы слоя куда-то в межзвездное пространство на краю страницы по горизонтали, хотя по вертикали стоит как надо. Как я уже не пытался это исправить, или хотя бы понять в чем проблема-не получается. При overflow:hidden - список исчезает. Увеличивал размер слоя - не помогло. Помогите пожалуйста, буду очень благодарен. Код: <div id="bottom"> <div id="col4"> <h4>About Us</h4> <p class="three">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore …
0 votes4 answers -
Верстка на дивах
Необходимо сделать следующую вещь: С дивной версткой мало знаком, прошу помочь кто знает. По идее, человек который хоть раз такое делал слету скажет что и как надо сделать.
0 votes12 answers -
не могу привязать css к html-файлу
Всем доброго дня. По какой-то причине не могу привязать css стиль к index страничке. Все файлы находятся у меня на компе. В корне папки находится index.html а в подпапке css - style.css Пишу в хеде кода <link href="css/style.css" type="text/css" rel="stylesheet"> в самом css файле у меня для примера написано: body { background: red;} h1 { color: red; } Но в превью окне никаких изменений не отображается. Сам HTML код пишется и визуализируется нормально. пишу в Atom подскажите, в чем может быть причина? Небольшой апдейт: оказывается, файл все-таки привязывается, только изменения css никак не отображаются в мини-браузере атома. …
0 votes3 answers -
Валидность
валидатор ругается на строку .iePNG, IMG { filter:expression(fixPNG(this)); } http://jigsaw.w3.org/css-validator/validat...&usermedium=all кто знает как исправить?
0 votes15 answers -
переход на html5
в общем картина такова что никто особо не переходит на html5, пока просто изучают и балуются или время уже наступило?
0 votes6 answers -
Как поотянуть фон в центре
Как такой фон можно потянуть по высоте, в центре вижу парент вроде как можно потянуть, но вопрос как?
0 votes26 answers -
Переход по ссылке через тип "radio"
Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?
0 votes3 answers -
HREF - сcылки но фоне png
Здравствуйте друзья. Столкнулся с такой проблемой: в IE ссылки не активны если они находятся в ячейке с фоновым изображением PNG. В опере все работает. Что за своеобразный косяк?
0 votes4 answers -
Не работает форма - действие
Есть форма: <form action="modules.php?name=Mymodule" method="post"> <td class="main44"></td> <td valign="middle"> <input class="searh_bottom" type="image" title=" Искать " src="images/button_search.jpg"></td> </form> Почему при нажатии кнопки (она картинкой) - не происходит Поиска, а когда нажимаешь Enter все гуд!? Где я ошибся?
0 votes6 answers -
Отступ между роликом и всем остальным.
У меня появляется отступ между флэш роликом и всем остальным, помогите: http://n6300.3eu.ru/index.php Как его убрать?
0 votes21 answers -
HTML Информер
Привет всем! Я скачал погодный информер gismeteо тип его бегущая строка, вот он <style type='text/css'> .gmtbl {background-color: #ffffff; border: 1px solid #18b8f9;} .gmtdttl{font-size: 100%; font-weight: bold; color: #000000; text-align:right; background-color: #ffffff} .gmtdtext {font-size: 100%; font-weight: normal; color: #000000;text-align:center;} .tddiv { text-align: left !important;} div#cntdiv{ position:absolute; display:block;} div#infselectlist{ background-color: #ffffff; border: 1px solid #7c7c7c; width:100%; height:100%; position:relative; top:1; left:0; right:0; visibility:hidden; cursor:pointer;} div#hiddentl{ position:relative; top:1; left:0; right…
0 votes1 answer -
Изменить цвет части текста в input
Подскажите, пожалуйста, решение такой вот задачи. Необходимо, чтобы *(звездочка) в input и select была красная, а текст серым. Изображение по ссылке. http://saveimg.ru/show-image.php?id=050ad0f3f9e4d4394689515ac6357295 Вот код: <form> <select size="1"> <option>*State</option> <option>USA</option> <option>RU</option> </select> <input class="short text" type="text" value="*Zip Code" onfocus="if (this.value=='*Zip Code') this.value='';" onblur="if (this.value==''){this.value='*Zip Code'}" /> </form>
0 votes6 answers -
Bootstrap 5
Добрый день. Начинаю изучать Bootstrap 5, подключил к своему школьному проекта. Вы не знаете как сделать так, чтобы ссылки "Главная" и "Алфавит" были ближе друг к другу? <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.rtl.min.css" type="text/css" rel="stylesheet"> <script src="js/bootstrap.min.js.map"></script> <title>Есть такая профессия</title> </head> <body> <nav class="navbar navbar-defaul…
0 votes3 answers -
Резиновая кнопка оригинальной формы
Я недавно начал заниматься версткой и столкнулся с небольшой проблемой. Нужно сделать кнопку, растягивающуюся в зависимости от ширины текста. Кнопка имеет необычную форму. Растягивание кнопки с обычными закруглениями выполняется просто. Здесь нужно сохранить форму кнопки: левый и правый края, а растягивать только середину. Я нашел решение, но в нем кнопка становиться длинной с большими отступами текста. Нужно сделать кнопку как можно короче. Кто сталкивался с подобной проблемой, надеюсь на вашу помощь. Заранее благодарен. Кнопка: http://webfile.ru/5469334
0 votes3 answers -
точные размеры трехколоночного макета, чтоб не разъезжался
нашел я всё-таки макет подходящий, он почти идеален единственная проблема, никак не могу подогнать точные размеры, блоки периодически уплывают... <!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" xml:lang="en"> <head> <title>Three column CSS layout: 100% height with footer | Savio.no</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <style type="text/css"> /* CSS-file for three column layout 2006 Developed by Eivind Savio */ * /*Set's border, padding and margin to 0 for all v…
0 votes27 answers -
Reset (прислал верстальщик)
reset.css - прислал верстальщик. Я обычно просто, чтобы не париться, прописываю * {margin:0; padding:0;} Будет ли удобнее и правильнее с таким reset? /* ========== Reset list ========= */ body {margin:0;padding:0;} img {border:0;} :focus {outline: 0;} a {outline:none;} /* ————————-- */ /* Headers all reset */ h1, h2, h3, h4, h5, h6 {margin:0;padding:0;} /* ————————-- */ /* List reset */ ul, ol, li {margin:0;padding:0;list-style: none;} /* ————————— */ /* Definition list (if use) */ dl, dt, dd {margin:0;padding:0;} /* ————————— */ /* Tables (if use) */ table {border-collapse:collapse;border-spacing: 0;} /* ======= End of main list reset ========= */ …
0 votes27 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-