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
29,542 questions in this forum
-
Непонятная реакция на DIV
Вот часть кода: <a href="index.php">Главная</a><a href="#">О нас</a><a href="#">Карта сайта</a>, то есть на странице ссылки будут отображаться по-порядку (писаться в одну линейку). Но мне нужно каждую из ссылок взять в отдельный тег DIV, то есть так: <div id="1"><a href="index.php">Главная</a></div><div id="2"><a href="#">О нас</a></div><div id="3"><a href="#">Карта сайта</a></div> после чего все ссылки пишутся с отдельной строчки, а мне нужно что бы в одну. Подскажите как исправить ситуацию. Спасибо.
0 votes4 answers -
Непонятная ситуация со шрифтом
Какая-то непонятная ситуация со шрифтом. В макете используется шрифт PF Square Sans Pro Medium. (скрин: http://savepic.su/4834376.png ) Но файл со шрифтом называется pfsquaresanspro-medium (скрин: http://savepic.su/4837448.png ) Вопрос: Почему разные названия? Какое название писать? PF Square Sans Pro Medium или pfsquaresanspro-medium? Почему спрашиваю: Я написала шрифт по названию файла font-family: 'pfsquaresanspro-medium';Но он не похож на шрифт, который в макете. (скрин: http://savepic.su/4831304.png ) Так тоже указывала шрифт: font-family: PF Square Sans Pro Medium;И так тоже: font-family: PF Square Sans Pro;Ничего не помогает. Правило @font-face указала …
0 votes22 answers -
непонятная функция
объясните мне пожалуйста что происходит в этой строке if(filter.test(a)){ на этой странице функции text() я не нашел ни в библиотеке, ни в скрипте. filter здесь явно не это
0 votes6 answers -
Непонятная ширина body
Всем привет! не понимаю баг это или что. В общем ситуация такая. html: <body> <header id="header" class="cf"></header> <section id="content" class="cf"></section> </body> css: #header { width: 1026px; margin: 0 auto; padding: 0 127px; background: #d85055 top center; } #content { width: 994px; margin: 0 auto; padding: 0 143px; } У меня фиксированная ширина в 1280px. В расширении хрома ставлю размер окна 1280px, появляется скролл. ширина хедера и контента 1280px как и нужно. а вот у боди 1253px и появляется скролл. что делать не могу понять. помогает только overflow: hidden. но это не есть хорошо. Спасибо..
0 votes3 answers -
Непонятная ширина в 1 пиксель в Google Chrome
Привет всем! Впервые столкнулся с данной проблемой и появляется она только в Хроме. Как видно на картинке снизу, почему-то пустой блок "site_left_ASIDE" имеет ширину в 1 пиксель, хотя должно быть 0 и из-за этого едет верстка во второй ячейке. Если удалить "site_left_ASIDE", то все норм, ячейка становиться шириной 0, но данный блок мне нужен. Существует ли какой-нибудь хак для такой проблемы только для Хрома, а скорее всего, для вебкита в частности?
0 votes7 answers -
непонятно почему невидимы ссылки
Всем привет, Нужно перенести часть html-кода из одной страницы в другую. Но обнаружил, что ссылки под блоком "Popular Cities:" не тотображаюся в браузере http://s017.radikal.ru/i412/1507/2c/5926b556089d.png При этом firebug отображает эти ссылки светло-серым как недостувпные/невидимые. Не пойму, почему ссылки не видимы? У них нет тегов "invisible","diabled", "display:none". Я поубирал все классы и все id, чтобы исключить ссылки на файлы стилей...
0 votes3 answers -
Непонятно что то
появляются какие то отступы с верху надо шапкой, блок элементов с желтым цветом не занимает всю ширину дива зеленого цвета? http://jsfiddle.net
0 votes2 answers -
Непонятное значение -1e+7px
Наткнулся на такое: text-indent: -1e+7px; - кто знает что это значит -1e+7px, как можно использовать? Спасибо
0 votes5 answers -
Непонятное обтекание а FireFox
Здравствуйте, такая проблема, в форме инпуты разбиты по группам филдсетами, 2 первых филдсета имеют float: left. Во всех браузерах все отображается корректно, а firefox филдсет образование почему вылазит в сторону сталкивался уже с подобным глюком в мозиле, в тот раз запретил обтекание объекта и все стало на свои места, а в этот раз не получается css body { width: 850px; } fieldset { border-radius: 20px; margin: 7px; } .personal { width: 380px; float: left; } .contact_info{ width: 380px; float: left; clear: right; } a { color: #000; font-weight: bold; text-decoration: none; } a:hover { color:#999999; }
0 votes1 answer -
Непонятное отображение во всех браузерах.
Здравствуйте уважаемые гуру форума =) Пришел к вам с вопросом, сейчас на практике переношу шаблон сайта техникума, на другую CMS... Работаю естественно на компах которые стоят в учебном заведении. Когда делаю верстку там, и проверяю, то что сделано отображается так как нужно (проверялось только на ИЕ 6-7, другие там ставить нельзя), я так и думал что все отлично... но вот решил посмотреть на сайт уже на домашнем компьютере, и ужаснулся! большая часть CSS стиля просто не применяется (смотрел в ИЕ 8, хром, фф), причем такая проблема есть везде, где бы не открывался сайт (это я уже про компьютеры, попросил открыть всех своих знакомых...), НО, на компах в техникуме, сайт отоб…
0 votes2 answers -
Непонятное отображение шрифта в Safari 5.1.7
Появилась такая пробема только в Safari 5.1.7. Подключен нестандартный шрфит PT Sans. Вот отображение в браузерах FF GH OP http://clip2net.com/s/78CVLq B вот что мне показывает Safari http://clip2net.com/s/78Db8c Тогда как в другом блоке http://clip2net.com/s/78Dcmw в том же браузере, все нормально. Явно заметно пропала четкость. Может есть идем как устранить это.
0 votes1 answer -
Непонятное поведение фоновой картинки
Здравствуйте. Пытаюсь выстроить фоновую картинку так чтобы она была на высоту экрана устройства и закрепленная, то есть при прокрутке страницы всегда оставалась в одном месте. Вот пример - https://jsfiddle.net/98nym4go/ Как только устанавливаю "background-attachment:fixed;" фоновая картинка почему-то перестает отображаться, а без этого тега она не закрепляется. Что не так?
0 votes0 answers -
непонятное поведение элементов в мобильном и стационарном браузере
Всем привет Объясните пожалуйста почему элемент в мобильном браузере (под iOS или Android) в браузере выглядит не так как в браузере на ПК. Например шрифт, размер которого задан в PX (например, font-size: 24px), на ПК всегда ровно такой какой он есть, а в мобильном браузере меняет свой размер в зависимости от того в какой ориентации девайс. Как с этим более корректно бороться (т.е. чтобы и на мобильниках все выглядело корректно)?
0 votes4 answers -
Непонятное позиционирование элемента в Firefox
Элемент span выходит за предел правой границы родительского a при том что задано right:0. Ситауцию наблюдаю в Firefox 27. В Chrome 33, Opera 20, Safari 5.1.7 отображается правильно. Баг Firefox или я чего-то не понимаю? http://cssdeck.com/labs/jgs1sts0
0 votes4 answers -
Непонятное поле
<ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; } Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden;
0 votes0 answers -
Непонятное поле
Откуда возникает нижний отступ в элементе ul? Я выделил его границей чтобы было понятно. Появляется именно после добавления свойства overflow:hidden; <ul> <li><a href="#">123<div class="qc"></div></a></li> </ul> ul{ border:1px black solid; } ul li{ display:inline; } ul a{ display:inline-block; width:100px; position:relative; overflow:hidden; } .qc{ position:absolute; top:0; left:0; width:300px; height:100%; background:red; }
0 votes15 answers -
Непонятное расстояние между слайдами в IE8
IE8 показывает какое-то непонятное расстояние между перым и последним слайдом. Можно подумать что там два пустых слайда. В IE9+ и других браузерах всё работает правильно. Что это и как привести в нормальный вид? http://tellmeof.cc.ua/Prechu/prechu.html
0 votes2 answers -
Непонятное с шрифтом
Вот начал верстать http://texteredsa.besaba.com/ и тут же проблема необычная. посмотрите на цвет текста, на шрифт сам, он сильно отличается от фотошопа http://s020.radikal.ru/i709/1407/10/13ab9edd775f.png все цвета я сверил, шрифты тоже, размеры тоже. от куда такое отличие? может дальтоник)
0 votes5 answers -
Непонятное сжатие полей ввода на смартфоне
Столкнулся с непонятным поведением сайта на смартфоне. Сайт выглядит нормально пока не кликнуть на поле ввода. Когда выезжает клавиатура сайт сжимается, будто бы добавляются какие-то отступы по краям. Вот скрины с мобильника. На первом всё нормально, на втором при клике на инпут - всё сжалось. в живую можно глянуть на сайте - ссылка на втором скрине (раздел "контакты"). Кстати, на компьютере всё работает нормально, даже если окно сжать до 320х480.
0 votes14 answers -
Непонятное смещение текста
Добрый день! Не подскажете в чем может быть проблема, плиз. Наверняка что-то простое, но что - не пойму. Есть неизменные шапка, горизонтальное меню и правый информационный блок. Меняется только целевой текст, в зависимости от того, на какой странице находишься. Он располагается от левого края экрана до правого информационного блока. Все было хорошо, но при создании нового варианта страницы основной текст странным образом смещается вниз, ниже нижнего края правого блока. Это происходит только в IE, остальные браузеры таких проблем не обнаруживают. Вроде все теги закрыты, лишнего нету. Все так же как на остальных страницах - ан сползает и все :-( http://www.anticisco.ru/inde…
0 votes3 answers -
Непонятное увеличение высоты
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Непонятное увеличение высоты</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> HTML { height:100%; } BODY { margin:0px; padding:0px; height:100%; } #zagolovok { margin-top:100px; border:solid 1px #E3D884; } </style> </head> <body> <div id="zagolovok">Заголовок</div> </body> </html> В ИЕ всё работает понятно для меня, в мазиле и опере же способ работы данного кода для меня не понят…
0 votes11 answers -
Непонятные вертикальные отступы передед дивом
Потратил больше часа, на поиск ошибки, но так и не смог найти. Суть в том, что между дивами образуются отпступы по вертикали как будто margin-top: указан. Но на самом деле его нет. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns:vml="urn:schemas-microsoft-com:vml"> <!-- Для Яедекс карты --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <META name="description" content="Детские игровые комплексы"> <META name="keywords" content="Детские игровые комплексы"> <title>Детские игровые комплексы</title> <lin…
0 votes7 answers -
непонятные комментарии
Всем привет! ...Друзья попросили поменять им дизайн сайта. Ихи сайт делался лет 5 назад и устарел.. Я его сверстал, и вот уже хочу выложить в инет, но у меня не было подобного опыта.. боюсь напортачить.. смущают такие вещи: в предыдущей вёрстке автор писал: <body link="#0066FF" vlink="#6633CC" bgcolor="#FFFFCC" background="index.files/image293.png" style='margin:0'> <!--[if gte vml 1]><v:background id="_x0000_s2049" o:bwmode="white" fillcolor="#ffc" o:targetscreensize="1280,800"> <v:fill color2="#6cf" focus="50%" type="gradient"/> </v:background><![endif]--> и вот эти комментарии а-ля <!--[if gte vml 1]>, <![if !vml]>…
0 votes4 answers -
Непонятные мне линии
У меня при просмотре в любом браузере образуются непонятные линии Код такой: Подскажите, пожалуйста. Что это за полосы могут быть? Это из-за border-collaps?
0 votes3 answers -
Непонятные отступы
Здравствуйте. Столкнулся с проблемой. Над и под текстом "404" есть большие отступы, при том что паддинг равен нулю. Они мне не нужны и даже мешают. Что это и как этим управлять/убрать? http://cssdeck.com/labs/full/jb72htly
0 votes5 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-