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
-
Верстка divami в 2 колонки гле ошибся
День добрый. Столкнулся с такой проблемой при верстке шаблона divами. Проблема в следующем: Правая колонка уезжает не растягивается вниз по высоте, и просто уходит вниз основного контейнера. Пример здесь: Моя ссылка Кусок кода css: /*Макет колонок*/ .vsep { width: 100%; background: #fff url("../images/vsep_mid.png") repeat-y 800px 0; } .vsep .vsep { padding: 20px 0 0 0; background: url("../images/vsep_top.png") no-repeat 800px 0; } .vsep .vsep .vsep { padding: 0 0 20px 0; background: url("../images/vsep_btm.png") no-repeat 800px 100%; } .container, .rightside, .dopside, .midside, .mainside { overflow: auto; } .container { width: 800 px; padding: 0 15px 0 15px; } .con…
0 votes3 answers -
Почему один и тот же шрифт разный?
Допустим есть сайт: http://www.adme.ru/tipografika/25-krutyh-sajtov-s-besplatnymi-shriftami-449555/ На котором якобы используется Тахома 14 Вот я сделал тоже самое http://jsfiddle.net/vJjM6/ Но как видно, шрифты отличаются. В первом случае он кажется тоньше и немного красивее. Почему так? Я что-то не дописал? Сам всегда пользуюсь Тахомой, но раньше не замечал.
0 votes1 answer -
Рамка вокруг ссылки в меню
Когда я щелкаю по ссылке, а потом возвращаюсь "назад" через меню браузера (стрелочка), то остаются вот такие рамки: их как-то можно убрать?
0 votes2 answers -
Не работает медконсультант
Добрый день! На многих сайтах использую один и тот же код консультанта (нижний правый угол) , но на этом http://slimskin.ru/ он почему-то не открывается, хотя все добавлено так же.. Подскажите, в чем может быть дело?
0 votes0 answers -
Select - Option - в FF непонятно работает
Всё, разобрался Снесите тему
0 votes0 answers -
в Опере и Хроме <p> тянется как хочет
Добрый день. Прошу помощи в верстке. Верстать научился давно, но за современными тенденция не слежу. Сверстал два сайта по старой привычке. Оказалось что в Опере и Хроме тег <p> ведет себя совершенно непредсказуемо - растягивается пока хватает экрана. В ФФ все в полном порядке. Примеры страниц: http://demo.solinc.ru/sol-o/index.php?type=spec_cat&id=1320138116&pid=11 http://demo.solinc.ru/plt/ Огромная просьба подсказать знающих людей как исправить ситуацию. ЗЫ: Пожалуйста скажите как выглядят эти страницы в ИЕ, а то у меня слетел и устанавливаться не хочет( Заранее благодарен.
0 votes2 answers -
Таблица
Здравствуйте, подскажите как задать цвет этому border'у (белого цвета): Код такой: <table cellpadding="0" cellspacing="0" border="2" width="95%" align="center" class="mytable"> ... </table> .mytable {border-color:#353535;border-style:solid;border-collapse:collapse;}
0 votes1 answer -
Сигнатура UTF-8
Работаю в "Notepad++", который предлагает создавать web-страницу в utf-8 с BOM и без. Вопрос: Нужна ли сигнатура UTF-8 при создании web-страницы? Ответ пожалуйста аргументируйте.
0 votes2 answers -
Баг таблицы
Сделал таблицу с двумя ячейками (с неустановленной величиной высоты и ширины), в левой ячейке - картинка, в правой - текстовый контент. Проблема в том, что в ячейке с картинкой, под изображением почему-то всегда остаётся свободное пространство примерно в пять пикселей). Сначала думал что у картинки прозрачная полоса внизу, но оказалось что это не так. От чего так получается? Код: <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <head> </head> <style type="text/css"> td { padding: 0px; vertical-align: top; border: 1px solid black; } </style> <body> …
0 votes4 answers -
Скрытый текст
Ищу наиболее семантичный метод скрытия текста. Такой, что бы по клику подробнее отображался полный текст без перезагрузки страницы. И такой, что бы поисковики индексировали весь текст. Помогите кто чем может. Кодом или ссылкой.
0 votes2 answers -
Особый редирект
Здравствуйте уважаемые! Суть вопроса в том, что у меня есть домен site1.com.ua и www.site1.com.ua соответственно. Редирект с www на site1.com.ua я смог реализовать следующим образом (правильно?) RewriteEngine on RewriteCond %{HTTP_HOST} ^www RewriteRule ^(.*)$ http://site1.com.ua/$1 [R=301,L] Теперь я приобрёл домен site2.KIEV.UA и www.site2.KIEV.UA C www.site2.KIEV.UA на site1.com.ua нормально редиректид, а вот просто с site2.KIEV.UA на site1.com.ua не редиректит. Что и как сделать. ЗАРАНЕЕ СПАСИБО!
0 votes2 answers -
Зазоры между background-image
Здравствуйте Всем форумчанам, не откажите в помощи новичку). В общем проблема заключается в том, чтобы сделать фон, который состоит из 3 картинок. Верх это Content_bg_top.png, низ - Content_bg_bot.png и Content_bg_line.png - основная часть, которую я хотел задать репитом, но между ними появляются отступы... Кто сталкивался с такой проблемой и как ее решить. Заранее спасибо. ЗЫ Так сделал, чтобы фон расширялся от наличия контента в нем, вот как он должен выглядеть Content_bg.png http://s14.postimage.org/igwny9cxd/Content_bg.png http://s14.postimage.org/elt9votrl/Content_bg_bot.png http://s14.postimage.org/j8zbxgh4h/Content_bg_line.png http://s14.postimage.org/higavyzld/Con…
0 votes3 answers -
Эффект при наведении
Добрый день всем! Есть такой макет: Сверху обычное состояние, снизу-при наведении. Верхняя часть сверстан без проблем. А вот при ховере возникают проблемы. как обеспечить смену кнопки с ценой на кнопку с "купить" как обеспечить одновременную смену фона, цвета шрифта описания (1С Рарус) и кнопки Не подскажете ли решение этих проблем (можно в общих чертах)?
0 votes1 answer -
IE<9 Проблема со шрифтами.
Всем привет. Ссылка - http://www.falard.org В консоле выводит ошибку - CSS3111: В @font-face обнаружена неизвестная ошибка. Такие ошибки очень тормозят в развитии, ибо на данный момент имеется очередной заваленный проект, по моей скорее всего неопытности. Информацию нашел по данной ошибке следующую - http://msdn.microsoft.com/ru-ru/library/ie/hh180764(v=vs.85).aspx Случалось что ошибка возникала не только у меня одного - http://forum.htmlbook.ru/index.php?showtopic=42956 (решение не устроило, не помогло, вообще похоже на серию нелепых движений, танцем с бубном то есть) Буду очень благодарен за помощь.
0 votes0 answers -
Отцентрировать посередине текст
На странице есть ячейки с товарами и там нужно отцентрировать название товара посередине по горизонтали. Что то не понимаю как это сделать.
0 votes1 answer -
авто зумирование браузера
Вопрос состоит в следующем: Например вот страница при разрешении 1280х800 Вот эта же страница при разрешении 1024х640 А вот страница при разрешении 1024х640 но при 75% То есть отображение страницы 1024х640 при 75% практически равно разрешению 1280х800 при 100%. Как сообщить браузеру пользователя о необходимости зумирования?
0 votes2 answers -
блок contacts
Уважаемые форумчане подскажите как лучше и грамотнее сделать следующий блок: <иконка телефона><код города><номер телефона> <иконка почты><ссылка на почту> <иконка в контакте><ссылка на контакт>. Куча способов, а вот какой верный не совсем понятно.
0 votes3 answers -
Слои слайдера
http://barab.esy.es/ Сайт. На нем слайдер. На слайдере есть фон (да, он есть, видно если убрать изображения), есть стрелки. Но почему-то стрелки и фон отображаются только на половину слайдера, если возвести их позицию в абсолют. оО Нижняя половина утопает в небытие. Кто может подсказать, как вернуть вторую половину картинок из бездны? Слайдер - Coin Slider. Сам не знаю, куда подлезть.
0 votes1 answer -
Отступы у списка
Делаю вот такой список: Немного не получается с отступами: http://codepen.io/anon/pen/pvaMYp Что не так? Вид radio button изменять пока не обязательно
0 votes2 answers -
Как сделать условное применение top в зависимости от высоты?
Слева есть блок lsb со свойством top:50%, для того, чтобы на страницах с большим объемом текста он распологался в середине. Однако не все страницы большие, есть и маленькие и на маленьких блок уезжает за контент http://codepen.io/anon/pen/YXNKMR Как сделать, чтобы если страница большая, то топ:50%, а если маленькая, то например топ: 100px. Вижу вариант - сделать запрос к БД и присвоить класс странице... но может есть вариант через css каким-нибудь свойством о котором не знаю? что-то типа top:50%-600px (высота блока) ps: задачу решил топ:30%, а для контента мин-хейт. конечно это другой способ, но как альтерантива подойдет. хотя конечно интересно уже так на будущ…
0 votes1 answer -
Внутренние странички
Всем привет, я начинающий и нуждаюсь в совете от профи. Появилась задача сделать внутренние ссылки, чтобы в адресной строке адрес выглядел примерно так: mysite.ru/company/inner.html Что нужно прописать и где нужно расположить на сервере inner.html Надеюсь, что более менее внятно объяснил) Заранее спасибо!
0 votes8 answers -
Как вставить в ссылку table и div для IE
Имею код: .eshop a { border: 2px solid #7FB6BB; display: block; padding: 5px 0; } <td class="eshop" width="135px"> <a class="special_link" href="..."> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr><td>Текст</td></tr> <tr><td><img src=".../jpg.jpg"></td></tr> <tr><td><div>Текст</div></td></tr> </table> </a> </td> Во всех браузерах кроме IE работает корректно. Прошу помочь реализовать это для IE, желательно всех версий.
0 votes2 answers -
Проблема вёрстки резинового сайта под HTML5
С уменьшением ширины "резиновой" страницы построеной на HTML5 я сделал так, что у меня пропорционально уменьшается и высота header-а (т.е. "шапки"). Вопрос в следующем: почему с уменьшением высоты header-а не подымается выше content и sidebar? Я в стилях контента и сайдбара прописал: position: relative; но это ничего не меняет. ссылка на мою страницу: http://depositfiles.com/files/ykgvugjnk это я переделывал под себя шаблон из: http://habrahabr.ru/post/119127/
0 votes1 answer -
@font-face
Всем доброго времени суток. Проблема следующая описываю @font-face в css следующим образом: @font-face{ font-family:MyWebFont; src: url('fonts/variete-webfont.eot'); src: url('fonts/variete-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/variete-webfont.woff') format('woff'), url('fonts/Variete.ttf') format('truetype'), url('fonts/variete-webfont.svg') format('svg'); } для вложенных тегов типа #menu ul li a {fon-family: MyWebFont} шрифт не подключается для тега <a href="#">...</a> , если отдельно описать a{font-family:MyWebFont; } и в html разместить не вложенный тег <a href="#">.....</a>, то шрифт подключается, п…
0 votes0 answers -
Изменение ширины при увеличении
Допустим, есть такой код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>...</title> <style> body {margin: 0} #header {background: green} .wrap { width: 980px; margin: 0 auto; border: thin solid red } </style> </head> <body> <div id="header"><div class="wrap"> text </div></div> </body> </html> Почему при увеличении масштаба ширина #header становится меньше ширины .wrap и, как следствие, появляется область без фона зеленого цвета?
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-