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
-
новые тэги html5
на этом макете впервые попробовал html5. результат такое чувство, что я не до конца понимаю преимущества новых html5-тэгов. помогите пожалуйста понять как удобно записывать их в css-файле раньше я использовал xhtml и запись выглядела примерно так .footer{ } .footer .box{ height: 48px; position: relative; } .footer .box .logo{ position: absolute; top: 0px; left: -11px; width: 53px; height: 53px; background: url('../images/bg_logoB.png') right 0px no-repeat; } то есть я мог однозначно идентифицировать любой блок(футер, хэдер и т.д) в html5 хэдеров (или article, или section и т.д.) может быть несколько. то есть мне в любом случае придется т…
0 votes8 answers -
Пару вопросов по верстке
Здравствуйте, подскажите пожалуйста как выровнять так текст еще вопросик как сверстать это прозрачный прямоугольник и как задать шрифт Myriad Pro
0 votes1 answer -
Вертикальное позиционирование контента
Доброго времени суток!) Вот пример верстки - http://jsfiddle.net/FeXaC/ Необходимо привязать футер к низу страницы (что реализовано), и при этом выровнять блок с контентом (фиксированного размера) по центру страницы. Если в css в #wrapper убрать height: auto !important; то выравнивание работает, но при этом футер начинает наезжать на контент при уменьшении размера окна. Подскажите пожалуйста, как можно решить сложившуюся проблему. Чтобы и контент по центру был, и футер не наезжал на него. Желательно без использования js и представления div таблицей.
0 votes5 answers -
input вод только 1 точку
Доброго времени суток. Есть строка ввода куда вводятся только цифры и точкИ, но мне надо, что бы точку можно было ставить только одну. Проблема в том, что я незнаю как это реализовать. Код строки ввода: <input type=text id=vklad onchange=Calc() onKeyPress="if(event.charCode!=0&&event.charCode!=46&&(event.charCode<48||event.charCode>57)) return false;">
0 votes4 answers -
<input> vs <a>
http://clip2net.com/s/1RRlj Обычная кнопочка может быть выполнена кликабельной через <a> или через <input>. Верстка чуть проще на <a>. А принципиально ли это для дальнейшей работы программистов?
0 votes14 answers -
Вопрос по горизонтальному меню
Вопрос по горизонтальному меню Надо сделать меню как на картинке, на всю шируна сайта (1000px). Как не пытался, не получается сделать его так, чтобы занимал всю шируну и отступы боковые были одинаковые. Каким способом лучше сделать и как? И еще вопрос, как сделать границу боковую как на картинке?
0 votes8 answers -
верстка дивами
столкнулся с проблемой что дивы выстраиваются в столбик подскажите как это исправить так сейчас http://savepic.su/1869221.htm надо http://savepic.su/1864101.htm html <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="index.css"> <title>главная</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div class="vse"> </div> <div class="knopki"> <div class="asdf"> <a href="index.html">На главную</a></div> <div class="asdf"> <a href="bet.html">Бетон</a></div> <div class="asdf"> <a …
0 votes7 answers -
текст
уважаемые форумчане подскажите тупому как менять цвет и шрифт текста
0 votes2 answers -
Выпадающее меню одной строкой
Привет! Сделал выпадающую гориз. менюшку в Dreamweaver, когда увеличиваешь страницу часть элементов меню прескакивает на новую строку, пробовал различные варианты форматировая, пробовал поместить меню в таблицу ничего не получается (позникают проблемы с JS ) , подскажите что можно сделать в данной ситуации, нужно чтобы меню при изменении масштаба не ломалось...может рецептик какой кто знает? <!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>…
0 votes2 answers -
Расположение тега link
Здесь написано: У меня вопрос: если есть два стилевых файла, связываемых с html-документом, один из которых размещается в HEAD, другой - в BODY, какой сработает в итоге? И почему нужно размещать непременно в HEAD?
0 votes7 answers -
Список[укрощение строптивого]
Добрый день, уважаемые форумчане! Вопрос по сабжу следующий: есть список, например, в контейнере из div. Возможно ли ограничить высоту "блока" списка <ul></ul> таким образом, чтобы он часть элементов списка перекидывал вправо или влево по ширине контейнера? Другими словами, автоматически формировался в две или более колонки. Если это невозможно какое решение вы посоветуете, исходя из текущей задачи (разместить n-элементы из одной в две и более колонки автоматически)? Колонка, собственно, получается из простого перечисления элементов (например, "Рис", "Мука", "Масло") для которых я счел разумным применить разметку "список". Было: 1. Рис 2. Мука 3. Масло 4. М…
0 votes5 answers -
float:right и float:left в соседних элементах
Допустим, есть: <img src="logocss.gif" width="95" height="84" style="float:right"/> <p style="float:left; width:100%;"> This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. </p> Хочется, чтобы p выбрал ширину такую, что б его не сносило вниз, а обтекало. Так случилось, что параметр float:left ему при этом нужен..
0 votes2 answers -
Позиционирование логотипа по центру
Доброго времени суток всем! Помогите пожалуйста нубчику=)! Скачал шаблон, начал его изменять как мне нужно, и тсолдкнулся с такой проблемой, не могу позиционировать логотип по центру, логотип "Anastasia Catruc", он сейчас находится слева. Сайт anastasiacatruc.com Судя по всему задачка простая, но мне не хватает знаний, подскажите кому не трудно, как позиционировать логотип по центру? Заранее всем спасибо!
0 votes5 answers -
Резина или фиксированный?
Собственно начал верстать шаблон, ранее таких проблем не возникало...даже не знаю почему, В общем такой вопрос, есть макет Сверстал я его как резину, но вот проблема - криво кажет на разных браузерах, все отступы делал в %, также проблема выявляется на маленьких мониторах -меньше (1280 x 1024), как решить собственно вопросик-то? Вот что получилось на выходе HTML
0 votes2 answers -
Создание темы для WordPress
Здравствуйте, подскажите, пожалуйста, гайды или видео-уроки по созданию тем для WordPress, кроме кодекса WordPress.
0 votes2 answers -
3 DIVа с центровкой среднего
Можно ли эту таблицу записать DIVами и CSSками? <html> <body> <table width=100%> <tr> <td>1</td> <td width=900>2</td> <td>3</td> </tr> </table> </body> </html> Суть в том, надо создать 3 DIVа в одну линию и чтоб они были растянуты на всю ширину экрана не зависимо от разрешения. Центральный DIV имеет заданную ширину в пикселях, а два крайних одинаковую ширину в зависимости от разрешения экрана.
0 votes2 answers -
Чёткое изображение
Есть сайт, и есть картинки в png формате, обычными просмотрщиками смотрю, всё нормально, когда вставляю в код, типа background-image получаются размытыми ,т.е не чёткими как исходные, в чём может быть причина?
0 votes2 answers -
Опера и ксс
В других браузерах все ок, но в опере когда вводишь пароль вілазит штучка "сохранить" после нажатия любой кнопки она убирается и низ футера поднимается...можт знаетете как убрать? вот код ксс из середины так сказать #contaner{ width:900px; margin:0 auto; background-color:#FFF; min-height: 100%; height: auto !important; height: 100%; position:relative; }
0 votes1 answer -
отимизация под firefox
Доброго времени суток уважаемые форумчане. Подскажите почему у сайта САЙТ в firefox не отображается класс кнопки "на главную" (qwert). Очень надеюсь на вашу помощью Просьба не пишите что дизайн "не конфетка" это я и сам знаю.
0 votes1 answer -
Можно ли сделать часть PNG-картинки ссылкой?
Всем добрый день! Допустим, у меня есть две PNG-картинки необычной формы. Одна наложена на другую. Как сделать так, чтобы у одной из картинкой активной ссылкой была только определенная часть? Например, картинка – квадрат, а его угол представляет из себя ничего (прозрачен), вот как сдеалть, чтобы эта прозрачность не работала как ссылка. Возможно, "криво" изъясняюсь. Я филолог по образованию и занимаюсь дизайном, но, вдруг, верстка стала интересна для меня) Заранее спасибо!
0 votes5 answers -
вопрос по всплывающему окну
Друзья, использую тег: <a id="open" class="button" href="#layer">Какой у меня размер?</a> всплывающее окно у меня появляется с "крестиком" закрытия в правом верхнем угле Когда заменяю значение на страницу кот. мне нужна при открывании крестик пропадает и данное всплывающее окно можно закрыть только через "F5" (обновление станицы) <a id="open" class="button" href="size-ru.html">Какой у меня размер?</a> Вопрос: почему так - и как мне сделать чтобы всплывающее окно с <a id="open" class="button" href="size-ru.html">Какой у меня размер?</a> закрывалось крестиком или по клавише ESC
0 votes4 answers -
Подскажите
Мы очень часто проходим тесты в онлайн режиме. У каждой страницы есть свой универсальный код (можно его узнать через комбинацию клавишь ctrl + U). Всяко, есть в этом коде правильный ответ. Вот только как его найти? Подскажите пожалуйста. Заранее большое спасибо
0 votes2 answers -
Сторонние шрифты для основного набора
Допустимо ли использовать сторонние шрифты для основного набора? У кого-нибудь есть информация, насколько сильно это влияет на время загрузки страницы? Какие тренды сейчас в этом?
0 votes1 answer -
Центрирование списка
Извините за столь тривиальный вопрос, возможно ответ абсолютно банален. Если я засоряю форум - удалите, пожалуйста тему, как только я получу ответ. Имеется блок - контейнер. В нём список, пункты которого сделаны блоками, и выровнены в линию float'ом. <div id="content" class="block"> <ul> <li>Пункт</li> <li>Пункт</li> <li>Пункт</li> </ul> </div> #content { margin: 10px 10px 10px 24%; overflow: hidden; } .block { ... padding: 5px; text-align: center; } ul { list-style: none; margin: auto; padding: 0; } li { float: left; display: block; width: 20%; border: 1px solid; } И, несмотря на text-al…
0 votes5 answers -
Меняется стиль dashed для границ элементов
Возникла потребность, согласно дизайна, сделать у некоторых элементов пунктирную нижнюю границу. В частности, у li элементов меню и ячеек таблицы (точнее, нужно отчеркивать строки таблицы нижней пунктирной границей). Обнаружил, что стиль пунктирной границы элемента может меняться в зависимости от ширины элемента (то есть в зависимости от длины пунктирной линии), а именно, в Опере (11.62), в зависимости, от ширины элемента, меняется период повторения штриха (длина штриха остается прежней). И если для пунктов меню это как-то можно терпеть, то в таблице -- это выглядит полной порнографией:граница под разными ячейками в строке рисуется разными пунктирами. Кроме того, место …
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-