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
-
Как задать стиль куска со ссылкой?
Я извиняюсь за такой простой вопрос, но всё же: Есть структура вида <a class="class1" href=> <h2>Text1</h2> <p>Text2</p> </a> Как задать стиль CSS для class1, чтобы при наведении на этот кусок его вид оставался неизменным? Не менялся цвет и не появлялось подчеркивание согласно другим, общим правилам в файле CSS. Про a:link, a:active, a:hover и a:visited читал, но чего-то не понимаю.
0 votes9 answers -
вынос стрелочек слайдера
подскажите пожалуйста как решить проблему на страничке в блоке .design при большой ширине экрана стрелки слайдера вынесены за пределы слайдера. при этом появляется нижний скролл. если его двинуть вправо, то совсем жуткие вещи происходят. можно ли избавиться от этого скролла? или как вообще поступают в подобных ситуациях? ТЗ такое, что на большой ширине экрана эти стрелочки должны быть вне слайдера
0 votes6 answers -
0 votes2 answers
-
Отменить кликабельность ссылки
Добрый вечер! Я собираю сайт на конструкторе и не очень силен в кодах. Столкнулся с такой проблемой, когда в блоке контактов (подвале) прописал контактные данные и ИНН предпринимателя, то номер ИНН выделяется синим и становиться кликабельным как ссылка, именно на смартфоне (на компьютере все нормально). Целый день потратил, не могу понять, как мне сделать номер ИНН, что бы он был просто текстом белого цвета. Прописываю семь семерок все ок, только пишу разные цифры, отображается как ссылка. Помогите решить пожалуйста. код http://jsfiddle.net/mb3da4o9/1/ и скрин прилагается
0 votes1 answer -
CSS vs DOCTYPE
Здраствуйте. Есть скрипт вывода окошка на JS и CSS. вот пример - посмотреть Проблема заключается в том, что мне нужно установить doctype с описанием dtd файла, типа <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> но когда я его ставлю - окошко не выводится(исключение- опера, она не обрабатывает страницу через doctype). В ФФ,Хром, и остальные не показывают с doctype и dtd. Пробовал вычислить в чем проблема- выяснилось, что если убираю css - окно выводит, хотя и без стилей коряво, но все же выводит. Возможно, ему чтото не нравится в написании кода css. <style type="text/css"> A:Link…
0 votes4 answers -
опять меню
Всем привет, такое дело, в меню при выделении скачут буквы, как это исправть, вот код ul.menu{ margin:0; padding:0; } ul.menu li{ display:inline; padding:3px; margin-right:5px; } ul.menu li a{ color:#000000; font-family:Georgia; font-size:14px; } ul.menu li a:hover{ color:#000000; font-family:Georgia; font-weight:bold; } <ul class="menu"> <li><a href="#">О стране </a> |</li> <li><a href="#">Справка туриста</a> |</li> <li><a href="#">Что посмотреть</a> |</li> <li><a href="#">Развлечения</a> |</li> <li><a href="#">Кухня</a> |</li> <l…
0 votes10 answers -
Связанные ссылки.
Здравствуйте. У меня есть один важный вопрос. Как можно связать 2 ссылки? Что имееться ввиду. В шапке сайта есть несколько моделей автомобилей, которые кликабельны - ведут на страницу с описанием (изображения) - каждая модель в блоке DIV. Также есть горизонтальное меню с названием этих моделей (список). Изображение не получится поместить в список (по дизайну) Как сделать, чтобы при наведении мышки на модель автомобиля подсвечивалось соответствующий пункт меню? Буду очень благодарен за совет (помощь)
0 votes17 answers -
Замена кода в нескольких файлах
Как изменить html код сразу на нескольких страницах в папке и подпапках? Notepad++ делает это, но он может заменить только то, что было в одну строку, типа <tr><td></td></tr> а мне надо заменить кусок кода формата <tr> <td> </td> </tr> Как это сделать? з.ы. посоветовали прогу Replace Text, но я не понимаю, как с ней работать. Если кто знает, объясните плз "на пальцах"
0 votes1 answer -
Таблица по всей высоте body
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>123</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <table style="height:100%; width:100%; background:yellow;"> <tr> <td style="height:200px;">123</td> </tr> <tr> <td> <div> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> <p>Текст</p> …
0 votes10 answers -
Как сделать блоки в две колонки.
Здравствуйте, добрые люди) Помогите пожалуйста мне вот с чем. Я хочу сделать вывод статей в две колонки. Сначала вроде всё получилось, но потом я заметил, что если блок из первой колонки немного увеличивается в размерах(точнее, в высоте), то нижний блок сразу падает вниз и отображается как будто он находится под блоком, который справа него. Если вы ничего не поняли =) То на картинке всё отчетливо видно. Мне нужно, чтобы этот блок так не падал. Что посоветуете сделать? <div class="content"> <div class="post-main"> <div class="zagolovok"><h1><a href="#">Прикольное видео Мега супер прям я круто супер </a></h1> </div>…
0 votes2 answers -
Насчет картинки на заднем фоне
Всем привет. Вот у меня к вам вопрос по оптимальности решения. Значит имеем примерно следующее: Обратившись к наглядной иллюстрации мы можем заметить, что главная страница сайта сделана по центру, и две картинки по бокам. При чем центральная страница, как бы перекрывает картинки по бокам. Простите если мои художества выгрызают у вас хрусталики глаз. Собственно вопрос. Как правильнее поместить две картиночки по бокам, на задний фон? Мои варианты. Первый(bad) - Это сделать три колонки.Но тогда задавать придется в процентах все. А очень хочется, что бы центральна колонка была фиксированный ширины. Второй(not bad, but what about сross-browser compatibility.. thx to ggl-trnsl…
0 votes2 answers -
DOCTYPE html 5
Вот и настало у меня время перейти на html5, первый вопрос который всегда мучил это DOCTYPE. Слышала что новые теги поддерживают не все браузеры, а новый DOCTYPE все? Можно ли всегда теперь делать такую запись: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <p>123</p> </body> </html> Вместо такой: <!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=utf-8"> <title>123</title> </head>…
0 votes5 answers -
Вопрос про радиокнопки в HTML
В чём отличия этих кодов? для чего придумали 2 способа?
0 votes5 answers -
Учусь верстать спрайтами
Сделал блок с социальными кнопками. Правильно ли я сверстал спрайтами? Или это говнокод? http://jsfiddle.net/9LsUQ/ Никакие посты про спрайты не читал, просто знаю про их существование.
0 votes11 answers -
"Прыгает экран", пустота над заголоком скачет
Даже не понял как правильно описать проблему)). Все страницы одинаковые: <body><div class="block-desk"> <div class="block1x1 orangeblock"></div> <div class="clearblock"></div> </div> <div class="content-desk"> <div class="clearblock"></div> </div> <footer>footer</footer> </body>Основные стили: html, body {height: 100%;font-family: 'Monospace';font-size:14px;text-indent:0;}body {width: 960px;max-width: 960px;background:rgb(65, 64, 66);margin: 0 auto;background: url(../img/greybg.png);}.block-desk {width: 960px;margin: 0;margin-top: 30px;position: relative;background: ur…
0 votes4 answers -
Текст в div-e
Люди добрые, помогите. Не получается поднять заголовок в самый верх div-a и сократить интервал между ним и текстом. В гугле не забанен, но все равно решение найти не могу ( Пробовал vertical-align - не получается
0 votes4 answers -
Checkbox и его id
Здравствуйте. У меня вопрос - как долго сможет прожить checkbox/radio без id? Конструкция простая <label for="some_data" class="some_class"> <input type="checkbox" name="some_data" id="some_data"> <span></span> (кастомная часть) Some sontent </label>В <span></span> (кастомная часть) происходит что-то красивое в виде галочки желтого цвета. Я так понимаю, мы могли бы обойтись name, как пишут тут - http://www.w3.org/TR/html4/interact/forms.html#h-17.9.1 Поместив инпут в <label>. Но как быть с кастомизацией в этом случае? Ведь тогда чекается тот нативный инпут, который мы прячем.
0 votes12 answers -
Отступы у текста
У текста есть внутренние отступы, например h1 размером 68px имеет высоту 93px. Как с этим бороться кроме как подбором отступа если хочешь сделать пиксель в пиксель?
0 votes4 answers -
Кроссбраузерность
Может тема уже поднималась-но не нашел. Интересует как на компе просматривать документ html в разных браузерах, например ие5 и ие6. Заранее спасибо.
0 votes7 answers -
Проблема С Чекбоксом И Одним Дивом
Здраствуйте, сверстал шаблон http://vsegarazd.com/nikita/pencils/fish.html. Но в ие7, ие6 нарисовались две проблемы? Первая проблема label "Запомнить пароль" оказывается под чекбоксом а должен быть напротив. Вторая пропадает посередке картинка наклейка. Наглядный рисунок с вопросами: Как это грамотно подправить?
0 votes6 answers -
Как лучше сделать такой див ?
Есть div .ja-front_page_menu_tab{ float:left; margin-right:13px; margin-bottom: 20px; position:relative;} .active-cat{ height:139px; position:absolute; top:0; width:155px; z-index:99999;} .active-cat a{ height:139px; display:block; width:155px; } .active-cat:hover, .active-cat:active, .active-cat:focus{ background: url(../images/active-cat.png) bottom right no-repeat;} .cat-hd a:hover,.cat-hd a:active,.cat-hd a:focus { color: #FFFFFF; background: #9c95df; text-decoration: none; padding: 3px;} .cat-hd{ text-align: center; font-size:10px; letter-spacing:0.8px; margin-top: 5px; } Что делает сейчас: 1) При наведение на текст, текст меняет стиль 2) При наведении на картинк…
0 votes9 answers -
Слэш после login в адресе http://www.tumblr.com/login
Здравствуйте. Быть может, данный вопрос является весьма глупым, но меня он волнует давно. Вот есть страница http://www.tumblr.com/login, в данном случае после 'login' не стоит слэш, но у меня, когда я создаю на своем сайте точно такую же страницу, появляется слэш (например, http://domen.ru/login/'>http://domen.ru/login/ — стоит слэш после 'login'). Вопрос: с чем это может быть связано, это из-за настройки сервера? В принципе, что я хочу: мне нужно, чтобы после адреса http://domen.ru/login не стоял слэш, т.е. не хочу, чтобы было в таком виде: http://domen.ru/login/. Как это можно сделать? Просто порой некрасиво так выглядят адреса. P.S. Если что-то не понятно, не кидайт…
0 votes2 answers -
помогите в изучении css
Всем доброго дня. Уважаемые гуру подскажите пожалуйста чайнику который решил освоить css. Есть стиль .bg{ width:100%; background: url(/images/header_bg.jpg) repeat-x left top; } Вставляю этот стиль в страницу таким образом <body> <div class="bg"> <p>text text</p> </div> </body> Вопрос. Почему у меня не видно бэкграунда? Что я не правильно делаю? Огромное спасибо
0 votes6 answers -
css
Скачал шаблон сайта. Стиль, видимо, создан с помощью css. В папке только 2 html документа. Не могу понять где сам файл css. Вот фрагмент кода: <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251"> <link href="file:///C|/Temp/kot/_kot_work/temp/temp.css" rel="stylesheet" type="text/css"> Как понять, где файл css, чтобы его отредактировать?
0 votes4 answers -
Язык
Здравствуйте, скажите пожалуйста почему когда я написала этот тег : <li><a href="#">Title</a></li> <li><a href="#">Title</a></li> <li><a href="#">папа</a></li> <li><a href="#">Title</a></li> <li><a href="#">Маша</a></li> у меня получилось вот что Title Title папа Title Маша, я не понимаю в чем проблема скажите пожалуйста, а то дальнейшее обучение и создание сайта не имеют смысла... • Ответить •
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-