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
-
bootstrap: убрать скролл
помогите пожалуйста убрать скролл, который появляется при ширине окна 992px < width < 1006px (для удобства я вывел значение ширины в шапку) вот мои настройки для bootstrap http://getbootstrap.com/customize/?id=fbddbcf1a87480d1bf27#media-queries-breakpoints мне важно чтобы расстояние между .bg_blue_innerпо прежнему оставалось 66px, а ширина .page-header 992px
0 votes1 answer -
Подч?ркивание пунктиром
http://www.activeheat.ru/contacts.php В IE ссылки подч?ркнуты пунктиром, а в Firefox - нет Где ошибка? a.city {color: #000000; border-bottom: 1px dashed #000000; text-decoration: none;}
0 votes5 answers -
С виду - ссылка, но суть - инпут кнопка
Здравствуйте всем! Кто подскажет как изобразить такой финт: В коде должна быть кнопка формы. <form> <input type="submit"> </form> Но ее не должно быть видно, а вместо нее визуально должна стоять текстовая (не img) ссылка. <a href="#">Удалить</a> При клике по этой ссылке должна срабатывать именно кнопка. Пробовал делать кнопку невидимой, ... пробовал накладывать поверх нее слой со ссылкой ... - не проходит.
0 votes5 answers -
Есть пара вопросов по HTML
1. Чем отличается <!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> (строгий синтаксис HTML) от <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> (переходный синтаксис HTML) и что лучше использовать? В исходном коде главной страницы этого сайта стоит строгий, вот мне и не понятно. 2. Какую кодировку стоит использовать? <meta...charset=windows-1251" или utf-8 ?> 3. Нужно ли применять свойства meta name= "description и keywords?" Буду крайне благодарен за помощь
0 votes13 answers -
Закругленные рамки для таблицы
Довольно долго гуглил, нашел аж 38 методов создания рамок с закругленными углами, но так и не понял, как же это сделать для таблицы. У меня есть большая таблица (структура моего сайта) и я хочу в ней сделать закругленные края. Подскажите, как это сделать.
0 votes4 answers -
"Промельк" при hover
Есть вот такой макет на начальной стадии (тестовый, будет резиновый) - http://www.freeway-design.ru/test/ При раскрытии блока картинка мелькает на долю секунды. Вроде не критично, но очень раздражает. Каким образом можно средствами css это убрать и можно ли вообще?
0 votes21 answers -
Некорректное отображение сайта при различном разрешении монитора
Здравствуйте. Подскажите пожалуйста, как при большом разрешении монитора, больше чем 1024*768 разместить два дива по центру. При большом разрешении монитора дивы распологаются слева, а остальное пустота, смотрится ужасно. Пробовала разные способы, но получается некорректно. Пробовала поместить два дива в общий див и его разместить по центру- не получилось, а также с помощью float и тоже неудача. Ссылка на страницы с моими непослушными дивами: http://olyakutukova.narod.ru/brauser.html http://olyakutukova.narod.ru/ocna.html
0 votes17 answers -
Слайдер контента и element.style
Здравствуйте. Помогите разобраться с такой штукой. Установил я слайдер контента, все работает, все Ок! Но, в самом низу, оказывается не видно цен. Ну да то понятно, высота класса, который присвоен тегу <ul>, не захватывает всей области контента.Полез я значит в стили слайдера, ковырял я его и мучал как тузик мурзика. В этом занимательном процессе, в дебагере (в браузере) я заметил вот это (см. скрин.) Вот какраз height: 538px; и регулирует высоту. Но больше всего, меня смутил класс - element.style. Такого класса в стилях и в скрипте я не нашел, параметров которые присвоены данному классу тоже. Попытка прописать высоту классу, который присвоен тегу <ul> ситуац…
0 votes11 answers -
Текстовая ссылка как элемент формы
Будете смеяться, но с html я на ты, особых проблем с ним никогда не возникало. Но вот столкнулся с интересной проблемкой. Может, кто подскажет, как е? решить. Дело касается форм. Предположим есть форма авторизации : логин и пароль. В качестве кнопки используется изображение, но помимо него хотелось бы использовать ещ? и обычную текстовую ссылку типа . Пример кнопки: <input type="image" src="image-button.gif" value="OK_BUTTON"> Понятное дело, кнопка обработается посредством action формы. А что делать с текстовой ссылкой ? непонятно. Собственно, куда она будет ссылаться? Возможно, есть метод, как связать ссылку с формой?
0 votes10 answers -
разные бордюры в таблице
привет, такая проблема делаю табличную верстку, хочу, чтобы у меня были бордюры 1пиксел черные нормальные линии, в опере видно хорошо, а в ИЕ какую-то чушь показывает, как исправить? вот скрин в опере как это выглядит а вот так глючно в ИЕ, как поправить видимость в ие?
0 votes8 answers -
Перенос на новую строку, аналог <li>
Подскажите пожалуйста, как реализовать следующее: [дата] [текст], но текст может быть длинным и когда происходит перенос, на новой строке текст начинается не с начала, а с отступа, равным длине [дата], т.е. аналог [*], только вместо буллита дата. Спасибо [upd] Даже не аналог [*], а аналог , только без переноса.
0 votes5 answers -
Как пофиксить background по вертикали на слое?
В общем суть вопроса проста: нажимаем на кнопу авторизации, затеняется слоем сайт и сверху на слое окно авторизации. Вопрос: как затеняющий слой с background'ом зафиксировать в IE6? background-attachment: fixed - не работает для слоев position: fixed - не работает в IE6 (работает в FF3 и Oper'е )
0 votes9 answers -
Слои+таблицы
Здравствуйте! У меня такая проблема (весь гугл облазил, везде какую-то ерунду предлагают): необходимо сверстать страничку так чтобы контент независимо от наполнения был на всю страницу! можно использовать и таблицы и слои. я никак не могу догнать как же это сделать. Макет резиновый. Конечно при большом количестве контента можно сделать overflow:auto;, но если контента мало, то ни таблица, ни слой не растянутся до футера. (до футера идут необходимые background'ы, так что речь о абсолютном футере не пойдет.) P.S. да, и забыл, УБИРАТЬ ДОКТИП НЕ ПРЕДЛАГАТЬ!
0 votes12 answers -
Фон из Фотошопа
Привет всем! Объясните, пожалуйста, как, используя стиль к тегу Боди, применить фон, созданный в программе Фотошоп.
0 votes8 answers -
Относительные урлы
Я уже задолбался наступать на одни и теже грабли... Обьясните мне плз когда можно использовать относительные урды а когда нет, и когда от чего они считаются. Вот например в css файле подключенном через link rel пути считаются относительно самого файлика css а после php include все адреса отсчитываются от того файла куда инклудится... И когда абсолютный урл засовываешь в include, он ругается....
0 votes9 answers -
выпадающее многоуровневое меню
Друзья, подскажите пожалуйста какой нибудь работающий способ как реализовать выпадающее многоуровневое меню, работающее во всех браузерах (в том числе в Эксплоере, блин). вот что я пробую например: http://realizant.narod.ru/oborudovanie-dlj...lmonologii.html вот - если наводим на "каталог продукции" вниз выпадает меню, наводим на любую кнопку этого меню выпадает под меню. соответственно таким образом реализовано: <li><a href="oborudovanie-dlja-pulmonologii.html" class="current" class="menulink"><strong>Каталог продукции</strong></a><span>02</span> <ul> <li><a href="#">артериальная ригидность</a>…
0 votes6 answers -
Текстовая строка
Я новичок в деле создания сайтов. Мне бы хотелось узнать как сделать такую строку, в которой сам пользователь сайта может что-либо напмсать?
0 votes23 answers -
Как из ссылки сделать кнопки?
Мне из ссылки нужно сделать такие кнопки как на картинке. Соответственно нужно получить две ссылки одна активная подсвечивается определенным цветом, вторая не активная прозрачная не подсвечивается. Значит здесь нужно применить два стиля. Наведение мышкой не подходит, так как, эти ссылки будут менять в зависимости от перехода на страницу. Вот код примера здесь сделано на input’ах мне нужно тоже самое только на ссылках. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <div id="test"> <form>…
0 votes2 answers -
Обводка инпута красным/зеленым без JS
Привет. Есть ли возможность только с помощью html5/css3 обводить поля красным/зеленым в зависимости от состояния инпута, не используя обработку событий с помощью javascript? Подскажите, как это сделать, как определить состояние инпута при помощи html5?
0 votes4 answers -
Как сделать, чтобы фон тянулся?
Здравствуйте! Подскажите, пожалуйста, что мне сделать , чтобы фон в body не тянулся? В качестве фона выступает картинка. Надо сделать, чтобы она не повторялась, а тянулась. Возможно ли это?
0 votes7 answers -
текст в адресной строке
Добрый день! Подскажите пожалуйста, как можно сменить текст ссылки в адресной строке браузера клиента? Вот например чтобы вместо http://forum.htmlbook.ru/viewforum.php?id=23 было всегда forum.htmlbook.ru или вообще www.ru Дело в том, что я использую переадресацию с домена третьего уровня на свой домашний комп, и не хочу, чтобы в адресной строке "висел" мой ip, вместо внятного адреса. Спасибо! P.S.: В качестве веб-сервера использую apache 2.2.6
0 votes3 answers -
"Пропажа" слоя в 6 эксплорере.
Господа, столкунулся с проблемой, которая меня совершенно в тупик поставила. Суть ее в том, что абсолютно спозиционированная форма прекрасно (и в нужном месте) отображается во всех браузерах кроме 6 Эксплорера. В нем ее просто как будто нет. На самом деле она, конечно есть и ее видно в коде, но она совершенно не взаимодействует со страницей. Т.Е. можно сделать высоту 20 000 px, ширину похожую, бэкграунд выкрасить в любой цвет,отступы любые сделать - это никак на страницу не повлияет. Стоит только сделать position: static как форма проявляется на своем месте и прекрасно отображается. Кроме того, такая же картина наблюдается если указать форме position: relative. Напомню,…
0 votes12 answers -
Колонки <td> + <div> - Разъезжаются
Здравствуйте, есть сайт _www.mr-group.ru, если открыть в Mozilla - нижняя оранжевая линия идёт нормально, без прерываний. Если открыть в IE, появляются расстояния в этой полоске. Особенно это ярко выраженно во внутренних страницах. Пожалуйста, помогите разобраться в чем ошибка.
0 votes6 answers -
Тень средствами css
Собственно как можно сделать тень которая отбрасывается от "страницы", подробнее на рисунке.
0 votes9 answers -
рамка во круг сайта
Приветствую! Подскажите пожалуйста, что-то никак не пойму... Нужна рамка для сайта во всю ширину и высоту страницы, с 5px отступом со всех сторон от тела документа, делаю margin:5; но сайт растягивается больше чем 100% и к тому же рамка прилипает к правой части и низу. <!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>Untitled Document</title> <style> html,body { margin:5; padding:0; width: 100%; height: 100%; color: #FFF; backgroun…
0 votes35 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-