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
-
Проблема с margin
Добрый день! Решил сверстать интерфейс приложения. С HTML знаком, но далеко не профи. HTML страницы <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ITP</title> <style> html { height: 100%; } body{ margin: 0px; padding: 0px; border: 0px; } div#top{ width: 960px; min-height:70px; height:auto !important; height:70px; background-color: green; background: url("./img/top/logo.png") no-repeat, url("./img/top/squares.png") no-repeat 100% 0, url("./img/top/bg.png") repeat-x; overflow: hidden; border: 0px red solid; } div#top div#menu{ width: 210px; min-height: 20px; heig…
0 votes4 answers -
Как вывести футер после блока с абсолютным позиционированием?
Сайт в две колонки, левая позиционирована абсолютно, в ней находится дерево категорий. Правая имеет отступ от левого края, в ней находится контент. Проблема в том, что если контента мало, то футер рисуется поверх левой колонки. Как сделать так, чтобы футер выводился после левой колонки, а не на ней? .content_left { position: absolute; } .content_right { margin-left: 300px; width: 930px; }
0 votes4 answers -
Скрипт placeholder как на sotmarket ?
На Sotmarket интересная форма поиска с плавным переключением фона и непрозрачность текста, где найти такой скрипт ?
0 votes3 answers -
Стоит ли оптимизировать сайт, если этого не было в техзадании?
Стоит ли париться и заниматься оптимизацией сайта, если это не было обговорено изначально? Пример ситуация сейчас - дофига огроменный лендинг, к тому же яндек картой и двумя видео. Конечно это чудо подтормаживает. Сам то он весит немного - не больше полутора мегабайт. У меня есть 4 картинки (из 30 штук, в сумме не больше 800 кбайт все занимают) меньше 2 кбайт - стоит ли их кодировать через base64, чтобы на целых 4 запроса было меньше к серверу? И как дополнительные вопросы - код хтмл и цсс в 1000 строк каждый. Стоит ли minify css сделать (хотя б в одну строчку записать)?... Стали бы вы морочиться с чем-нибудь из этого? Стали бы вы морочиться при условии, что за 2 дня рабо…
0 votes14 answers -
Выпадающий список, однако
Всем привет. Подсобите, пожалуйста, с одной проблемой. Как вставить в шапку, выполненную в форме таблицы(одна пара<tr>) выпадающий список. Или как поднять картинку вставленную в <ul>, при том расклада что она стоит в ряд, с более большими по высоте элементами. Если не затруднит, то дайте, чистый код с комментариями, мне так будет проще его оптимизировать. Заранее благодарю
0 votes3 answers -
проблемы в datepicker-е с подсветкой выделенных дней
Всем привет, В php/smarty/jquery/bootstrap проекте проблемы в datepicker-е с подсветкой выделенных дней - они сливаются с остальными днями Смотрю firebug-ом и вижу что выделенные дни имеют класс ui-state-highlight Я смоем темплейте я в заголовке пишу <script src="/static/js/jquery-ui/jquery.ui.datepicker.min.js"></script> <style> .ui-state-active td a{ color: brown; background: orange; border: 4px dotted gray; } .ui-state-highlight { color: red; background: #000080; border: 4px dotted green; } .ui-state-highlight td a{ color: red; background: #000080; border: 4px dotted green; } </style> html/smarty …
0 votes3 answers -
Передать в контактную форму значение <button>
Здравствуйте. На сайте 10 товаров, у каждого из товаров есть кнопка, при нажании на которую всплывает окно с вормой, после заполнения значения отправляются на почту. Для всех этих кнопок сделана одна форма, то-есть, на какую бы кнопку не нажал, передаётся один и тот же текст. Можно ли как-то сделать, чтобы при нажатии на каждую кнопку, автоматически добавлялось своё значение? Например: Можно сделать для каждый кнопки свою, отдельную форму, но так не очень хорошо. Можно ли обойтись одной? HTML <form class="form-header" id="form" method="post" name="form"> <div class="form-group"> <input class="form-control input-…
0 votes1 answer -
шаблон слоев
посмотрите нашел универсальный шаблон слоев можно ли его усовершенствовать? <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> #container { margin: 0px auto; padding: 0px; width: 800px; /* width of the layout -- can be set to any value including percentages */ overflow: hidden; } #header{ padding : 0px; margin: 0px; width: 100%; overflow: hidden; } #navigation { margin: 0px; padding: 0px; w…
0 votes2 answers -
Please, помогите с шабом :)
В общем, что есть: 2-х колоночный шаблон и я, нифига не понимающий в html и css Теперь вопрос.. Как сделать из 2-х колонок три? Сам сайт на dle (важно это или нет - не знаю), фрагменты css и main шаблона вот: / #wrapper {width: 100%;margin:15px auto 0px;clear:both;} #logo {padding-left:10px;} #container {width: 100%; float: left;display:inline;} #sidebar {width: 270px; float: left; padding:25px 10px 0px;display:inline;} #wcontent {margin-left: 300px;padding-bottom:30px;} #layer {width:90%;min-width:990px;margin:0 auto;overflow:hidden;padding-bottom:30px;} a.logo:link, a.logo:active, a.logo:visited, a.logo:hover {width:225px;height:40px;display:block;background:#fff u…
0 votes2 answers -
Подскажите Какие У Меня Ошибки В Сайте
Вот сам сайт в инете http://marale.pp.ru/cs/kir-clan/ . А вот сайт архивом http://rghost.ru/2581579 . Можете список ошибок написать это мой первый сайт писал примерно пол года назад сейчас хочу заменить но перед этим узнать все ошибки. p.s. простите что создал не в той теме админы если не трудно перенесите тему
0 votes4 answers -
Как применять Xml-формат
Здравствуйте всем! Пожалуйста помогите разобраться, как при помощи XML - кода транспортировать данные со стороннего сайта на свой. Куда его вставлять, нужно ли базу данных создавать? Допустим мне нужно данные игрового сайта вставить на страницу своего сайта, не пойму как это сделать. Заранее благодарна .
0 votes2 answers -
"Перелинковка" картинки на видео
Добрый день, при просмотре новостей на facebook я заметил что там на первом месте стоит картинка http://albums.foto.tut.by/userpics/t...2/11116148.jpg Далее после нажатия идет "перелинковка" на аудио или видео http://albums.foto.tut.by/userpics/t.../111380365.jpg Как это можно реализовать на wordpress? Возможно есть какой либо плагин?? Т.е сперва появляется на странице новостей в facebook миниатюра в виде картинки, наверное специально что бы грузилась побыстрее страница. А при нажатии появляется код, ролик с youtube
0 votes2 answers -
Доктайп с пробелами или нет?
Здравствуйте. При написании <!DOCTYPE html> в браузере в самом верху появляется пустая строка. Кодировка утф-8 без БОМ, body {margin: 0;}. Так В Опере 10, ИЕ 8; в ИЕ 7 пустой строки нет. Если добавить пробел <! DOCTYPE html> пустая строка пропадает. Почему?
0 votes4 answers -
Проблема с меню
Всем привет! Помогите решить такую проблему? У меня меню с кодом: <div class="container"> <ul class="menu"> <li><a href="#"> <span>Ссылка1</span></a></li> <li><a href="#"> <span>>Ссылка2</span></a></li> <li><a href="#"> <span>>Ссылка3</span></a></li> <li><a href="#"> <span>>Ссылка4</span></a></li> <li><a href="#"> <span>>Ссылка5</span></a>></li> </ul> </div> CSS: .container{ width: 100%; height: 100%; position: relative; } .menu{ width: 100…
0 votes5 answers -
<div>
Какие значения для <div> необходимо задать, чтобы он вытягивался по отношению его содержимого.
0 votes6 answers -
Таблица при помощи <li> css
Здравствуйте! помогите решить одну проблему: есть список, который выводит категории с подкатегориями сайта в виде таблицы Категория1 Категория 2 Категория 3 ———— ———— ———— ———— ———— ———— ———— ———— ———— ———— Категория 4 Категория 5 ———— ———— ———— ———— Как реализовать вывод категорий таким образом Категория1 Категория2 Категория3 ———— ———— ———— ———— ———— ———— ———— КАТЕГОРИЯ5 ———— ———— ———— ———— ———— ———-- Категория6 КАТЕГОРИЯ4 ———— ———-- ———— ———— ———-- ———— …
0 votes6 answers -
Див ростянуть до низу
Добрый день. Проблемка в том что есть боковая колонка, но я не могу ее растянуть. пробовал height:100% - не работает.. http://feedmail.org.ua/c247.html - левая колонка. Желательно ее растянуть до футера
0 votes3 answers -
Декоративная таблица
Помогите,пожалуйста!есть таблица,которая во всех браузерах отображается так http://saveimg.ru/show-image.php?id=...bf599e7ae0b022',а в опере вот так http://saveimg.ru/show-image.php?id=...54b6041856722b. Вот тут код http://www.fayloobmennik.net/2347325
0 votes4 answers -
2 бордера или как иначе?
Доброго времени суток. Возникла такая проблема: <div class="block"> <h2>Заголовок</h2> <p>текст абзаца 1</p> <p>текст абзаца 2</p> </div> <style> .block{ width:200px; } .block h2{ border-bottom: 1px black; } </style> мне нужно что бы тег "p" разделялся между собой белой полоской, кроме того все теги "p" должны находиться в одной единой рамке. <style> .block p{ border: 1px white; } </style> не катит, поскольку между тегами рамка получается 2px. весь <div class="block"></div> в рамку тоже не могу взять, по сколько заголовок <h2>Заголовок</h2> попадает в эту рамку. Пробл…
0 votes4 answers -
дорисовать бордеры в менюхе
Вобщем есть оригинал как надо http://prntscr.com/3ggxiz , а вот как у меня получается http://prntscr.com/3ggwzo как доверстать до оригинала всё) мож кто что подскажет) могу код скинуть
0 votes5 answers -
vertical-align
Доброго времени суток! Есть такой код. Не очень шарю в свойстве vertical-align, а мне нужно выровнять разделители между надписями по центру(разделители добавлял через a:after в content: "|")
0 votes2 answers -
Верстка составной иллюстрации
Здравствуйте. Я столкнулся с такой проблемой: есть иллюстрация, разбитая на три блока — левый, средний и правый, каждый из них имеет свой hover. Проблема в том, что кусок иллюстрации из правого блока наслаивается на кусок иллюстрации из среднего. Вопрос в том, как это сверстать? Как видите, просто порезать изображение на три части не выйдет. Заранее спасибо.
0 votes1 answer -
Иконки
Добрый день!Подскажите, откуда подтягиваются иконки гамбургер-меню и close в этом примере? http://codepen.io/g13nn/pen/eHGEF
0 votes2 answers -
Выравнивание img по вертикали и непонятные отступы
Тренируюсь в верстке, и у меня возникла проблема, у элемента evernote и microsoft в теге .brandline li присутствует непонятный отступ сверху. А так же не удается вертикально отцентрировать логотипы компаний относительно родительских li. Хочу решить эту задачку без использования absolute,table и без JS. Это возможно ? Ссылка на сайт http://university.netology.ru/u/prochan/TANK APP/TANKAPP site/index.html Ссылка на файл CSS http://university.netology.ru/u/prochan/TANK APP/TANKAPP site/css/main.css
0 votes2 answers -
Проблема с резиновым дивом за границы экрана, дочерний элемент за границы родителя
Здравствуйте! подскажите пожалуйста) почти на финишной прямой, осталось один div победить) html вплотную не изучал, но по статьям делать получается, но не всегда. Собственно проблема: блок 1 (скриншот) выходит за границы экрана при ширине меньше 800px (при ширине больше 800 ширина блока фиксированная 260px; адаптивная верстка, стили opened,amenu, блоки sidebar, gadget2) пробовал решит проблему inline-block'ом, margin-left: 0 (помогло с основным блоком 2); float:left - не помогает. overflow: hidden не то что надо. В общем надо сделать так чтоб блок 1 отображался как блок 2 - скриншот jsfiddle.net/wrqzpd5y utf8adapt.rar
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-