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
-
Непонятное позиционирование элемента в Firefox
Элемент span выходит за предел правой границы родительского a при том что задано right:0. Ситауцию наблюдаю в Firefox 27. В Chrome 33, Opera 20, Safari 5.1.7 отображается правильно. Баг Firefox или я чего-то не понимаю? http://cssdeck.com/labs/jgs1sts0
0 votes4 answers -
Обход дерева без "внуков"
Есть страница с такой структурой <div id="Start"> | +—-<div> | +——- произвольное количество тегов, в том числе <div> | +——- произвольное количество тегов, в том числе <div> | +—-<DIV> Нужный тег Нужно получить объект <DIV>, помеченный красным цветом. Через GetElementById("Start").GetElementsByTag("DIV") не получается, т. к. из-за произвольного количества тегов в предыдущем теге <div>, номер нужного тега всегда разный. Но он всегда второй относительно тега <div id="Start">. Как программно получить ссылку на этот объект? p.s. Программа на VBA, внешние библиотеки подключать нельзя.
0 votes4 answers -
Фон
Имеется картинка с размером: 1912 на 545. В середине 1000px занимает сайт (просто прозрачный фон на картинке), а остальные 912px это фон (бока от середины). Как мне эти бока прижать к сайту? Картинку могу разбить на 2 части если нужно. Как сделано сейчас background-image: url('../img/bg_bod.png');background-repeat: no-repeat;background-position: center top;Почему не верно? Появляется нижний, горизонтальный скролинг до конца фона картинки... Можно конечно: overflow-x:hidden, но не хочется этого делать Верстка выполнена div. Как убрать скролл?
0 votes12 answers -
Как сверстать данный макет
Уважаемые форумчане, Как сверстать вот такой фон http://prntscr.com/31az6n http://prntscr.com/31b0ce - обвела проблемное место. Вот сам макет http://prntscr.com/31b0z9 Дизайн фиксированный.
0 votes4 answers -
Подскажите как сделать защиту сайта от копирования
Верстаю сайт, и вот пришла мысль о том как вообще защитить свой сайт, чтобы знать на будущее, когда буду делать для людей и обезопасить их от того чтобы их сайт не свинтили под чистую?? Простите если не в ту ветку, для начинающих вроде как раз самое оно)
0 votes14 answers -
div друг под другом со 100% высотой
Здравствуйте. Как сделать, чтобы шли несколько div друг за другом, каждый растянутый на 100% высоты экрана (окна браузера)? на чистом css как-то не получилось, javascript работает только после загрузки документа, когда построена dom модель, а это не подходит, так как если инет медленный, и пока не прогрузилось - div накладываются друг на друга и получается ерунда...
0 votes2 answers -
Помогите с меню, разделители
Имеется меню CSS, есть разделители вертикальные, но они никак не хотят отображаться как надо.
0 votes3 answers -
Своя страница ошибки 404 для Ucoz
Здравствуйте, подскажите пожалуйста, вот создал сайт в системе Ucoz но не с помощью ихнего конструктора, а свой статичный. Хотелось бы подкрепить к сайту ошибку 404, но попробовав создать саму страницу с таким простеньким кодом: <!DOCTYPE html> <html> <head> <title>Страница не найдена</title> <meta charset="utf-8"> </head> <body> Ошибка Петя! </body> </html> поместив её в корень сайта назвав 404.html и затем там же в корне сайта создал файл .htaccess внутри прописал ErrorDocument 404 /404.html но что то не работает, возможно я чего то не учел. Подскажите пожалуйста решение к данной проблеме.
0 votes2 answers -
Внутренние ссылки, выделение блока.
Есть страница html с внутренними ссылками. Каждая ссылка ведёт на текстовый блок из 1-2 строк внутри страницы. Проблема: после перехода по ссылке отображается вся страница, нельзя понять, на какую именно строку произошел переход по ссылке. Варианты решения: Может быть подсветка блока, на который перешли? Как реализовать, средствами html/css? Или что-то другое, что поможет понять пользователю, на какой именно он строке? Заранее спасибо!
0 votes2 answers -
Верстка
Здравствуйте. Скажите, пожалуйста, как убрать прастранство между footer и content? @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { margin-left: 350px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { margin: 0px; padding: 15px; text-align: center;}#links { float: left; position: absolute;}#nav, …
0 votes6 answers -
Вертикальное выравнивание в блоке
Как можно вертикально центрировать текст в блоке, vertical-align не совсем работает. Желательно кроссбраузерное решение. Вот пример http://jsfiddle.net/DDNWU/ * во втором блоке БР необходим, что бы разбить надпись на две строки.
0 votes3 answers -
Помогите убрать отступы у сайта справа и слева
Никак не могу найти где эти отступы задаются, т.к и у тега html и * и у body поставил маргин и паддинг=0 но отступ все равно остался. Тестовый сайт http://rlfur.ru/ для того чтобы увидеть отступы сузьте монитор до 990 и увидите скрол, хотя у сайта задана ширина как раз 990 http://prntscr.com/31eknu. На айпадах также видно http://prntscr.com/31ek3d, что сайт справа не прижат к краю справа, чего быть не должно как бы.
0 votes3 answers -
checked для не-input'ов
Потребовалось мне применить свойство checked к элементу, не являющемуся input'ом. С налёту (просто взять и прописать) не работает, да и не особо надеялся. А как это технически возможно сделать?
0 votes7 answers -
Плюсы и минусы верстки
Здравствуйте. Скажите, пожалуйста, все плюсы и минусы этой верстки. http://itmages.ru/image/view/1558163/bc9bb30a @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { width: 300px; margin-left: 390px; margin-bottom: 0px; padding: 0px 0px 25px 0px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { marg…
0 votes11 answers -
Проблемы с input
Здравствуйте. Создаю сайт, столкнулся с проблемой: в форму input не вводятся буквы (на любой раскладке), знаки препинания. Цифр вводятся без проблем. Любой текст вводится через копировать/вставить, но с клавиатуры вообще никак. Первый раз с таким сталкиваюсь, даже не знаю на что думать..., все стили удалили, все равно не работает. У кого нибудь была подобная проблема? PHP код может влиять? Спасибо.
0 votes6 answers -
Помощь с background
body.braincode-grunge{background:url(../images/background.jpg)}a img{ border:none; }fieldset{ border:none; padding:10px 0;}Добрый день, подскажите пожалуйста, как поменять background. На сайте используется картинка для всего фона, т.е. она дублируется. Подскажите как, поменять эту же картинку допустим в углу сайта на ту же картинку но только с еще дорисованным объектом. Большое спасибо за ответ. На данный момент код такой: Примеры картинок что на данный момент, и что планируется вставить. http://pmparket.ru/templates/braincode-grunge/images/background.jpg http://pmparket.ru/templates/brain=grunge/images/background1.jpg
0 votes0 answers -
Вёрстка, адаптирующаяся под размер экрана
Некоторое представление о вёрстке я имею, но знаний для решения поставленной задачи не хватает. Поэтому прошу помощи в указании направления обучения. Нужно сверстать сайт, так чтобы он всегда занимал весь размер монитора. То есть все элементы интерфейса должны автаматически перемасштабироваться под соответствующую высоту и ширину экрана. Вёрстка в основном будет состоять из текстов и элементов html+css. Есть ли для них возможности задавать размеры с использованием формул без javascript? Есть ли возможноти для картинок? Есть некоторое количество кнопок с графическими элементами. Решит ли проблему использование svg?
0 votes14 answers -
Странный тег в конце body в Chrome
В хроме в конце body сам по себе появляется какой-то странный тег: <html:embed type="application/x-asc-plugin" id="pluginIdTFPU_2" width="0" height="0">В других браузерах такого не наблюдается. Как от него избавиться, кто сталкивался?
0 votes1 answer -
Вопрос:верстка Landing pages
Добрый день. Вопрос по верстке страниц Landing Pages: 1.как лучше верстать с помощью шаблонизаторов(каких именно) или чистым html/css? 2. ">http:// : как вставить такого плана картинки: делать каждую отдельную (возможно списком), или спрайтом одну? Заранее спасибо за ответ.
0 votes6 answers -
Текст по центру изображения адаптивно - как реализовать?
Добрый день, уважаемые форумчане! Есть блоки с изображениями http://yarfrezer.ru/shop/, нужно вертикально центрировать текст относительно картинки. Пробовал варианты с table-cell; и position'ами, но так и не получилось, совсем запутался. Можете подсказать, какие стили добавить или хотя бы куда копать, чтобы при ресайзе окна текст оставался вертикально центрированным?
0 votes5 answers -
Дизайнерское меню
Добрый день! Дизайнер задизайнил меню на подобие приложенного. При наведении на пункт он меняет цвет ровно как и полоска идущая от него и область на которую она ведет и наоборот, при наведении на область происходит все тоже самое. Как реализовывается такое чудо?
0 votes2 answers -
Валидность HTML
Здравствуйте. Мой сайт (http://kovkavolgograd.ru/) не проверяется на валидность -http://validator.w3.org/#validate_by_uri . Выдает ошибку - Sorry! This document cannot be checked.Sorry, I am unable to validate this document because on line 611 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication. The error was: utf8 "\xDF" does not map to Unicode Подскажите пожалуйста, в чем может быть проблема?
0 votes3 answers -
Проблема с отображением сайта на ipad (контент в таблице)
Всем привет. Имелась задача - сделать лого посередине. Сначала я вдоль намучился с кучей способов с дивами, разобрался, все работало, но на ipad слой был к низу прижат. Сделал таблицей - та же фигня. Что делать? Как справиться? На компе все нормально. Ссылка http://maximzaytsev.com
0 votes5 answers -
Как сверстать такое меню
Макет меню http://prntscr.com/31e2os Возникла проблема с наложение язычка, выравнивание и прочие прелести лезут из всех щелей. Все пункты меню разные, язычок имеет фиксированную ширину. Вот код верстки http://jsfiddle.net/GX2my/
0 votes4 answers -
Микроформаты и CSS
Искал внятное объяснение, но не нашел. Суть проблемы. Зашел на schema.org, там, конечно же, для много каких штук есть разметка. Совершенно определенная. Я правильно понимаю, что это добавление классов с определенными названиями в документ HTML. Или делают по-другому? И еще, наверное, вешать оформление на эти классы неправильно? То есть к уже существующим, сверстанным на странице элементам надо добавить пару классов?
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-