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
-
не растягивется ячейка в Opera и IE
Подскажите плиз как бороться с такой проблемой, есть три ячейки по вертикали, средней ячейке задана высота height="100%", а у нижней и верхней по 150px. В результате получается так что верхняя и нижняя ячейки растягиваются по высоте, а средняя нет, хотя нужно наоборот. C FireFox проблем нет, а вот в IE и Opera средняя ячейка не растягивается по высоте ....уже испробованы всяческие варианты, ни чего не изменилось, помогите кто знает в чем дело! Вот пример кода: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <…
0 votes6 answers -
Отображение картинки
Добрый день, коллеги. Всё ломаю голову в чем может быть проблема. Суть такая. Я через свои механизмы на сайте загружаю картинки любого формата. Картинки уменьшаю,сохраняю их в png-формате, но ставлю расширение jpg (для совместимости с другим функционалом, который живет фиг пойми сколько лет, да не в этом дело). По идеи, а может и нет (???), браузеру пофиг на расширение, поэтому он картинки должен отображать. Но почему-то ИЕ8 и ИЕ9 на моём сайте такие картинки не отображают. Меняю расширение на png, не меняя самой картинки, и картинка начинает отображаться. Причем в остальных браузерах все нормально отображается. Решил сделать тестовую страничку. Проблема воспроизвелась на…
0 votes7 answers -
display: table и содержимое смежных "ячеек"
Здравствуйте. Решил попробовать свойство display: table, но столкнулся с проблемой. Допустим, имеется таблица в две колонки. Если для одной из колонок указать padding-top, то содержимое обеих колонок будет сдвигаться вниз на заданную величину. То же самое происходит, если на первом месте в одной из колонок содержится элемент с положительным значением padding-top или margin-top: содержимое обеих колонок смещается вниз. Такое поведение не устраивает, потому что в левую колонку хочется поместить меню, прижатое к верхней границе колонки, а в правую - содержимое с отступом от верхней границы. css: body { padding: 0; margin: 0; } div.table { display: table; margin: 0 auto…
0 votes10 answers -
Размещение картинки в блоке
Скажите как можно сделать так что бы картинка отображалась как бы обрезано,то есть не сжатой по ширине,а что бы была как обрезана по ширине. Просто здесь в блоках картинки выглядят не очень красиво
0 votes1 answer -
css: наследование свойств
Добрый день. Подскажите пожалуйста, как сделать так чтоб один класс унаследовал свойства другого класс, т.е. .class1{a} .class2{b} .class3 /*что-то делаем*/{c} в итоге class3 должен содержать свойства {a,b,c}
0 votes4 answers -
Отступы между блоками
Я не могу убирать отступы между блокам сайта http://codmws.game-pack.net Код я использую <div class="block"> <div class="bt"><span>Меню</span></div> <div class="dcont arch"> $SMENU_1$ </div> <div class="bbut"> </div> </div> <div class="block"> <div class="bt"><span>Мы в контакте</span></div> <div class="dcont arch"> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script> <!-- VK Widget --> <div id="vk_groups"> </div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width:…
0 votes2 answers -
Нид хелп!
Добрый вечер! Есть код HTML: <html> <head> <meta charset="windows-1251"> <title>Кнопка</title> </head> <body> <form> <p><input type="button" value=" Кнопка "></p> </form> </body> </html> Помогите привязать файл js к кнопке, чтобы содержимое этого файла выполнялось в отдельном окне
0 votes11 answers -
Проблема - Мобильная верстка, viewport, iPhone
Всем добрый день. Следующая проблема: Верстаю сайт http://bitportal.mobi/ под моб устройства. Указываю тег <meta name="viewport" content="width=480, target-densitydpi=device-dpi">и на андроиде 480*800 все работает ок, а на айфоне (тестировал в сафари на iPod touch 4gen) - сайт зазумленный. На сколько я смог нагуглить - проблема в том, что у айфона Но вот что делать с проблемой - нагуглить не смог Плиз помогите, как заставить айфоновский сафари отображать без зума страничку
0 votes2 answers -
Добавление mousewheel.js к jQuery UI slider
Здравствуйте. Никак не могу решить проблему. Есть слайдер сделанный по такому принципу http://jqueryui.com/slider/#side-scroll html <div class="ui-slide-range"> <div id="sliderContent"> <div class="viewer ui-corner-all"> <div class="content-conveyor ui-helper-clearfix"> <div class="item"> <img src="img/item4.jpg" height="152" width="205" alt=""> </div> </div> </div> <div id="slider"></div> </div></div> js $(function() { //vars var conveyor = $(".content-conveyor", $("#sliderContent")), …
0 votes4 answers -
Вставка кнопки поверх изображения.
Добрый день. Я начал изучать хтмл недавно, и все вроде бы получается. Но когда стал делать верстку интернет магазина то возникла проблема, как реализовать кнопки или картинки поверх других картинок. Вот например как на картинке есть изображение товара и поверх него 2 кнопки NEW и SALE. Пробовал сделать фотографию background, но подгонять каждую фотографию под размер не рационально. с z index что-то не выходит.. может кто подскажет в какую сторону смотреть или какое либо готовое решение? заранее спасибо
0 votes1 answer -
Проблема с позиционирование с свойством "text-align"
Добрый день! Вопрос довольно элементарный, но не вижу где и что я забыл, битый час уже воюю... Возникла проблема с позиционированием самого списка через text-align в родительском блоке. Установив всем блокам уже inline-block, что б уже наверняка... а все равно "мимо". Собственно, сам код https://jsfiddle.net/46at44tp/1/ Что я упустил?
0 votes7 answers -
Вложенные стили
Всех приветствую. У меня есть примерно такая конструкция. <div class="article"> <h2><a href="#" title="Ссылка заголовка">Заголовок</a></h2> Текст текст текст текст текст текст текст текст <a href="#" title="Ссылка 1"> <a href="#" title="Ссылка 2"> <a href="#" title="Ссылка 3"> <a href="#" title="Ссылка 4"> </div> Стили для ссылок 1, 2, 3, 4 уже заданы. Стиль заголовка тоже задан: .article h2 {...} Как мне задать отдельные настройки для ссылки заголовка? Конструкция .article h2 a:hover {...} не срабатывает. Прошу помочь. Спасибо.
0 votes4 answers -
Api карт яндекса
день добрый всем! подскажите с такой проблемкой - в карте яндекса, не могу к балуну прописать строчку с ссылкой ... все теги проходят нормально а <a> не работает, карта перестает работать сам скрипт - <script type="text/javascript"> YMaps.jQuery(window).load(function () { var map = new YMaps.Map(YMaps.jQuery("#YMapsID-413")[0]); map.setCenter(new YMaps.GeoPoint(37.651436,55.741468), 10, YMaps.MapType.MAP); map.addControl(new YMaps.Zoom(), new YMaps.ControlPosition( YMaps.ControlPosition.TOP_LEFT, // в какой угол поставить new YMaps.Size (5, 5) // сколько от него отступ в пикселах (x, y) ) ); map.enableScr…
0 votes2 answers -
Пауза/продолжение css3 анимации
http://cssdesk.com/uu3fK Если навести на квадрат - включается пауза - но анимация дергается, видимо прокручивается. Как сделать, чтобы квадрат продолжат крутиться с того же места, где замер не дергаясь?
0 votes7 answers -
Теги HTML
При изучении HTML возник вопрос. Для чего нужен тег <cite> задача которого заключается в выделении текста курсивом если есть тег <em> который делает тоже самое. В чем их отличие?
0 votes6 answers -
Подскажите что делать начинающему верстальщику
Здравствуйте, уважаемые коллеги! Начал заниматься версткой недавно (месяца 3 наверное). За это время немного освоил html/css, однако когда дело подходит к практике, например сверстать простейший макет, я тут же вхожу в ступор и не могу применить теоретические знания на практике. В общем что бы вы посоветовали мне? Как начать верстать хотя бы простейшие макеты? Спасибо, всем кто ответит на данное сообщение!
0 votes13 answers -
Убрать лишний код в css
Задача: как убрать не использованные стили в css? может кто подскажет какой ни будь сервис?
0 votes6 answers -
Границы inline-block
http://jsfiddle.net/Launder/d70c2kg1/4/ <ul class="menu"> <li><a href="#">Разные вкусности</a> <ul> <li><a href="#">Суп с клёцками</a></li> <li><a href="#">Пироги с капустой и яйцом</a></li> <li><a href="#">Торт Медовый</a></li> </ul> </li> <li><a href="#">Узбекская кухня</a> <ul> <li><a href="#">Плов по-бухарски с изюмом</a></li> <li><a href="#">Плов с бараниной и нутом</a></li> <li><a href="#">Халва из ядрышек урюка</a></…
0 votes7 answers -
Сетка для макета
Здравствуйте, верстаю сетку 3х3 в которой можно размещать блоки любого размера в данном диапазоне (1х1, 2х3, 3х1 и тд) с использованием классов, реализовано это все на float:left и столкнулся с проблемой, что если указать вертикальный блок по центру или справа, то остальные блоки будут обтекать его как и должны справа или снизу, но место слева от него остается пусты и туда нужно засунуть блок который идет сразу после вертикального. Новые классы использовать нельзя, либо как то сss помогите решить, либо с использованием js. Спасибо за любую помощь. Исходники https://jsfiddle.net/svfvs5cb/
0 votes7 answers -
Как растянуть область страницы до предела
Добрый день! Я не совсем опытный сайтописатель, но кое-как создал себе сайт из готового шаблона на Джумле. Обратил внимание, что центральная область моего сайта, если в ней мало текста сжимается до размеров самого текста. Ссылка вот: http://www.wide-format.by/index.php/articles Пробовал ковырять CSS, много всего меняется, а именно эту проблему не получается исправить. Можете ли подсказать, в каком направлении двигаться, чтоб исправить проблему? Какой тэг где прописать или что? Спасибо!
0 votes4 answers -
Вопрос по поводу фона блока
Как сделать так, чтобы при низком разрешении экрана картинка фона ячейки с шириной 100% "подрезалась" с обеих сторон? А не только справа?
0 votes4 answers -
Элементы ins и del
Читал сейчас DTD HTML 4.01, и обратил внимание, что элементы ins и del не входят ни в список строчных (%inline;) ни в список блочных (%block;). Собственно, вопрос - как это возможно и какими тогда эти элементы должны считаться при анализе структуры документа? Мне раньше казалось, что каждый элемент должен быть строго определен на уровне контекста как строчный или блочный...
0 votes4 answers -
Резиновый header
Помогите пожалуйста. Вот сверстал по советам хэдар. Середина должна растягиваться до левой и правой картинки, в Firefox все ок, но в IE по бокам почему то остаются полосы(( Вот код HTML: <!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="ru"> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="ie_styles.css" /> <![endif]--> </head> <body> <div id="main"> <div id="header_carrier"> <…
0 votes6 answers -
Button
Привет, как реализовать такую кнопку? Интересует находящийся справа элемент с указателем.
0 votes14 answers -
Как сделать выбор услуги?
Добрый день. У меня есть 3 услуги, для которых надо сделать "preview", с ссылкой на подробный материал об этом. Сначала хотел сделать в виде слайдера изображений, но потом понравилась такая реализация (даже не знаю как это называется): Подскажите, как это можно реализовать? С помощью div-ов или таблиц? А то в Photoshop-е я может и нарисую, а как все это в HTML код превратить - понятия не имею. Надеюсь подскажите.
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-