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
-
Народ, помогите с прозрачностью png Ие 5.5+
Перечитал десяток статей делаю уже пошагово по инструкции, и нифига, просто ноль эмоций от браузера. Расскажите как сделать
0 votes9 answers -
Народ, помогите.
Есть текст из множества абзацев, их количество не известно. Текст должен отображаться в колонках шириной в 15-20em. Количество колонок не известно, в зависимости от разрешения экрана. Текст идет сверху вниз, т.е. внизу предложение началось, вверху следующей колонки закончилось. В общем, как в газете. При этом, ничего фиксированного, все должно формироваться в зависимости от разрешения и количества абзацев. Может кто видел такое? Или есть идеи... Подскажите пожалуйста.
0 votes6 answers -
Народец помогите со скриптом)
Есть вот Сайт один Как можно сделать аналог картинки, которая при разных размерах и разрешениях монитора тоже меняться помогите с кодом плиз!
0 votes3 answers -
Нарушена структура сайта
Помогите пожалуйста.у меня на сайте все расплылось.меню ушло вправо а все остальное ушло вниз.мне сказали что произошло нарушение в странице сайта.вот что у меня в странице сайта.помогите пожалуйста убрать лишнее или наоборот добавить. <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$SITE_NAME$ - $MODULE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> </head> <body style="background-color:#99CCFF; margin:0px; padding:0px;"> $ADMIN_BAR$ $GLOBAL_AHEADER$ <table cellpadding="0" cellspacing="0" border="0" width="100%" style="paddi…
0 votes2 answers -
Нарыл в коде ну очень интересную для меня штуку, обьясните плз
в коде одного дизайна (ставили чюжой сайт на движок), нарыли менюху, css ниже /* -navigation- */ #navcontainer{ width: 700px; height: 22px; position: relative; /* text-align: center;*/ background: url(menu-bg-ru.jpg) no-repeat; /* margin-top: 10px; */ margin-bottom: 20px; clear: both; /* background-color: #fff;*/ } #langmenu{ position:absolute; top:10px; right:20px; } ul#nav{ width: 400px; margin-left: 0; padding-left: 0; } ul#nav li{ width: 70px; margin-left: 0; list-style: none none; display: inline; text-indent: -9999px; } #nav a { float:left; width: 70px; height: 22px; display: block; background: url(menu-bg-ru.jpg) no-repeat 0px 0px; text-al…
0 votes5 answers -
Насколько Html Могучь?
Я вот не совсем понимаю. Смотрю там всякие shell.com, elyrics.net сайты, и они написанны на html. Так вот у меня возник вопрос, если такие крутые сайты на html... тогда.. не надо php изучать или как то так. В общем вопрос, как такие ресурсы делают, может как то просто подключается html или эти вереницы кода пишутся рукой..?? Короче будъте так добры, объясните, как всё обстоит на деле?
0 votes14 answers -
Насколько в современной верстке важен pixel perfect
Форумчане, хотел у вас узнать насколько важен pixel perfect в современной верстке. Верстаю учебный макет, дизайнер сделал его вполне красиво, но когда верстаешь - падинги у элементов везде разные (допустим внутри списка у элементов li), либо margin в блоках, и таким моментов море........такое чувство что когда дизайнер рисовал макет, он особо не заморачивался и пихал на глаз, и мне приходится для каждого из элементов списка допустим использовать nth-child, пытаясь добиться попиксельного сходства с макетом родителем. Скажите, по вашему опыту, все это дрочь? Или есть такие заказчики которые требуют идеальной совместимости? Или все же хватает красоты и 100% сходства добивать…
0 votes1 answer -
Насколько верное решение задачи?
Посмотрите, пожалуйста, насколько криво реализовал задачку: нужно, чтобы при наведении на картинку или ссылку под ней, изменялся вид ссылки. http://macroland.ru/rentacar
0 votes5 answers -
Насколько корректно использовать
Правильно ли в верстке использовать отрицательные margin .class {margin:-250px 5px 10px -270px;} Насколько это правильно и корректно и какие проблемы можно встретить используя отрицательные отступы? Как браузеры воспринимают это или им все равно минусовой он или нет?
0 votes8 answers -
насколько критичен сайт на фреймах?
Скажите пожалуйста насколько плохо если сайт построен на фреймах, другими способами я просто не знаю как добиться нужного результата, а именно чтоб шапка, навигация и подвал оставались неподвижными, а основная часть с текстовыми блоками двигалась (скролилась)! В принцепе отказаться от этого можно но очень не хотелось бы!
0 votes5 answers -
Насколько оправдано хостить шрифты (web fonts) на том же сервере, что и сайт?
Насколько оправдано хостить шрифты (web fonts) на том же сервере, что и сайт? Например если с лицензионной точки зрения всё чисто. Насколько я понимаю, так будет даже надежнее, чем хостить на том же гугле или других сервисах, как платных так и бесплатных. Ведь если лёг сервак с шрифтами - он же и не отдаст сам сайт , в обратном случае придется отдавать фоллбек-шрифты, вместо красивых изначально планируемых если лёг сторонний сервис. Я имею в виду web fonts ttf/eot/woff завернутые в @font-face. Но вот почему-то, если просмотреть скажем с 100 сайтов использующих web fonts, буквально 1-2 будут хостить их у себя в том числе (если учесть, что есть Free & Open Source шрифты…
0 votes2 answers -
Насколько это глупо и почему?
Подскажите, пожалуйста, насколько имеет место быть такой код (кирпичами не кидать): <form> <ul> <li> <input id="radio-buy" type="radio" name="radio" value="buy"> <label id="label-buy" for="radio-buy"> <dl> <dt> <h2 title="Category 1">Category 1</h2> </dt> <dd title="Category description">item 1, item 2, item 3</dd> </dl> </label> </li> <li> <input id="radio-sell" type="radio" name="radio" value="sell"> <label id="label-sell" for="radio-sell"> <dl> <dt> <h2 title="Category 2">Category 2</h2> &…
0 votes10 answers -
Наслаиваются <div>
Помогите пожалуйста! У меня в верстке наслаиваются дивы друг на друга!!! <div id="bottom"> налазиет на <div id="container"> Как это исправить код <!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>шаблон</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link type="text/css" rel="stylesheet" href="style.css" /> </head> <body> <div …
0 votes6 answers -
Наследие тэгов в IE9
<div id="con"><h1>Не работает в IE9</h1></div>#Con h1 { font-family: Verdana; font-size: 18px; background-color: #33aaeb; padding: 10px 20px; color: #000000;}Не работает в IE, в остальных браузерах норм. В чем проблема?
0 votes1 answer -
наследование
<div class="akc"> <img src="img/ql.png"> <h1>титл</h1> <p>содержание параграфа </p> </div> <div class="akc"> <h1>титл</h1> <p> содержание параграфа</p> </div> не совсем понтяно следущее - описал вариант когда в диве есть картинка, можно ли описать P-параграф для случая если картинки нет
0 votes9 answers -
Наследование
Здравствуйте. Есть проблемы с наследованием. Не могу понять, что работает не так. Подскажите пожалуйста, если не затруднит. код представлен здесь: http://www.morohon.pusku.com/panel/ (там размеры изображения скачут) css body .main { width:100%; height:100%; } .main div.rotator{ float:left; max-width: 60%; max-height: 80%; } div.rotator ul{ position: relative; list-style: none; padding: 0px; max-width: inherit; max-height: inherit; } div.rotator ul li { position: absolute; margin: 0 auto; list-style: none; max-width: inherit; max-width: inherit; } div.rotator ul li img { max-width: inher…
0 votes3 answers -
Наследование
Ребят помогите разобраться, почему так происходит и как избежать наследование ширины элементом ul.dropdown-menu от его родителя li.dropmenu. http://jsfiddle.net/AqaL2/
0 votes10 answers -
Наследование CSS элементарная ошибка, но где?
Добрый день. Возникла ошибка: на ровном месте. Вероятно что-то не так понимаю в наследовании CSS. Архив с примером (html+css) Вобщем указываю для <body> размер шрифта 12px, но внутри таблицы td он не наследуется и использует 16px непонятно откуда взятый (возможно по-умолчанию браузера?) Помогите пожалуйста новичку!
0 votes7 answers -
Наследование div при верстке
Здравствуйте. Раньше работала на таблицах, теперь вот делаю первый дизайн на div'ах. Умелец из меня выходит спорный, так что сразу прошу тапками не кидаться. Проблема такая: само содержимое сайта занимает не весь экран, а 95% ширины. На заднем плане - фон, он прописан для body. Само же содержимое - хэдер, две колонки и футер должно оказаться внутри некого контейнера с белым фоном. Хэдер послушно наследует все свойства родительского div'a. А вот все, что находится ниже - словно само по себе. Вот код: И CSS (где-то здесь, наверняка, проблема и скрывается): Уже перепробовала все, что нашла в интернете, экспериментировала всеми способами, результата нет. Очень надеюсь на в…
0 votes7 answers -
наследование высоты
сломал голову в размышлениях над: body, html{height:100%} если задать высоту таблице или блоку 100%, он адекватно растягивается, если структура таблицы представляет 3 строки, 1я и 3я - фиксированные высоты, то почему автоматом не вычисляется высота 2й строки(имею ввиду ячейку, не важно), если указать высоту 2й ячейки 100%, то она считается от BODY, а не от таблицы, даже если у таблицы есть еще один родитель со 100%, как сделать чтобы TD считал высоту от высоты таблицы, а не от BODY? как заставить DIV принимать высоту в 100% от родителя с % или явно не указанной высотой?
0 votes4 answers -
Наследование высоты блока
Друзья, помогите разобраться... уже весь мозг сломал Есть 2 блока, левый основной и правый, который должен наследовать высоту левого. Но есть небольшая хитрость! Максимальная высота левого не ограничена, когда как минимальная - 400px. У правого нужно жестко зафиксировать, что если высота левого 400px, то у него 400px. А если больше 400, то наследовать его высоту, которая меняется в зависимости от наполнения! Собственно все это нужно, что бы прикрутить полосу прокрутки для правого блока. Т.е. если вдруг высота правого становится больше левого, то у него должна появляться прокрутка! Возможно криво объяснил #main { float: left; margin-top: 16px; background-image: ur…
0 votes2 answers -
Наследование высоты родителя
добрый день читающим)) есть див шириной в 2px залит картинкой внутри дива с текстом, как сделать чтобы первый див наследовал высоту родителя(блока с текстом) и растягивался в зависимости от текста. или подскажите как можно это реализовать?
0 votes2 answers -
Наследование из других классов
Есть стиль для таблиц общий /* Tables */ table { line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; width: 100%; border-collapse: collapse; } caption { text-align: left; font-size: 20px; padding-bottom: 10px;} th, td { padding: 5px; } td { font-size: 12px; } td#next { text-align: right; } Во втором коде перекрываю с помощью !important стили таблиц, чтобы карта нормально отображалась #YMapsID table {border:none; width:270px; margin:0 !important;} #YMapsID th, td, tr { padding: 0px; border:none !important; } Но при этом это влияет на общий табличный стиль, так как он начинает думать, что стили для карт важнее собственных. Если сделать наоборот, т…
0 votes3 answers -
Наследование или приоритет?
Здравствуйте! Пожалуйста, подскажите, что надо сделать для разрешения подобной ситуации: есть вот такая css, определяющая вид свойств и их значений в тексте примеров: .property { color:darkgreen; /* Цвет текста для свойств CSS */ font-family:Arial Calibri sans-serif; /* Рубленый шрифт */ font-size:90%; quotes:" {" ": "; } .value { color:green; /* Цвет текста для значений свойств CSS */ font-family:'Times New Roman' Cambria serif; /* Засечный шрифт */ quotes:"" ";}"; } .property:before, .value:before { content:open-quote; } .property:after, .value:after { content:close-quote; } Далее, желая, чтобы quotes' content отображался не различными стилями, а …
0 votes17 answers -
Наследование классов
Если я задаю table.name td{} Как запретить наследование класса для ячеек таблиц, находящихся внутри ячеек таблицы name?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-