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
-
Проблемы с плавающими блоками
HTML: <?xml version="1.0" encoding="utf-8"?> <!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" xml:lang="ru-ru" lang="ru-ru" dir="ltr" > <head> <title>Продукция-Столярные Технологии Михайловск - СТМ</title> <meta name="robots" content="index, follow"/> <meta name="title" content="Продукция-Столярные Технологии Михайловск - СТМ" /> <link href="/stm-ltd.com/templates/stmltd/favicon.ico" rel="shortcut icon" type="image/x-icon" /> <link rel="stylesheet" href="/stm-ltd.com/templates/stmltd/css/…
0 votes3 answers -
Расстояние между параграфами
Собственно есть текст <div class="methods_white text"> <p><b>Белые методы продвижения сайта</b> – это цивилизованные методы. В первую очередь:</p><ul> <li>Создание интересного, оригинального качественного Интернет-ресурса ориентированного на потребителя (оптимизированного под миссию сайта);</li> <li>Правильный выбор доменного имени: краткого, хорошо запоминающегося, ассоциирующегося с содержанием сайта;</li> <li>Поисковая оптимизация сайта под поисковые системы Интернета (с обеспечением требований этих систем);</li> <li>Различные виды цивилизованной рекламы;</li> <li>Регистрация в …
0 votes7 answers -
Равное расстояние между DIV
Ка сделать также: Не подходит: overflow, display table и просто table.
0 votes16 answers -
HEIGHT не понимает 100%
Подскажите пожалуйста, такая маленькая проблема: <div style="width: 100%; height: 100%"></div> Почему не хочет он становиться в ширину 100% по размеру окна?
0 votes18 answers -
Разный стиль border для input в зависимости от type
Искал по поиску, не нашел подобного вопроса... Допустим имеется готовый сайт. Могу менять CSS как мне хочется, но при этом не могу (не хочу) менять сам html код. Пишу в CSS для input такой код: input { border: 1px solid #999; } Все бы ничего, но в IE показывается рамка также и для чекбоксов, что мне совсем не надо. Классов нет ни у одного тэга input и, как уже было сказано, я не хочу изменять HTML, добавляя эти самые классы. Можно ли как то менять CSS, в зависимости от типа тэга input? Например, для один стиль, для - другой.
0 votes7 answers -
Background hover-ссылки
Хочется "дешего и сердито" оформить блок навигации, меняя фон hover ссылки, но в опере возникает проблемка: рядом с курсором вылазит индикатор загрузки, типа происходит загрузка графики, но на самом деле ничего не качается. И что характерно при кешировании графики данной проблемы не возникает. a:hover { background: url(nav_sel_bg.gif) repeat-x; } Если кто то может прокоментировать данную ситуацию, буду оч признателен.
0 votes7 answers -
Помогите с CSS!!
Дайте кому не жалко все теги css работающие в IE от 6 версии, в mozill `e и opera и если можно, то пришлите прям на ящик... ну оч нужно kasanders@ya.ru
0 votes2 answers -
Не работает last-child
Между пунктами меню использовал палочки-разделители. В первом и последнем пункте меню захотел убрать разделители с помощью first-child и last-child. First-child сработал, а last-child нет. Чего он не работает? #nav li:first-child {border-left:none} #nav li:last-child {border-right:none} <ul id="nav"> <li><a class="hsubs" href="#">Товары</a> <ul class="subs"> <li style="border:0"><a href="#">Submenu 1</a></li> <li><a href="#">Submenu 2</a></li> <li><a href="#">Submenu 3</a></li> <li><a href="#">Submenu 4<…
0 votes9 answers -
Иконка на одинаковом расстоянии от текста
Как отобразить слово "Иконка" на одинаковом расстоянии от текста ? Там получается, что текст не вмещается в строку, переносится на другую строку, тег h5 растягивается в ширину(так как текст не влазит в строку), из за этого получается отступ большой от иконки... а надо что в любом случае было одинаковое расстояние... подскажите как это сделать? как можно это обойти... желательно, чтобы ширина div.g оставалось 26% Исходник: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> h5 { position: relative; display: inline-block; } span { posi…
0 votes7 answers -
Скрыть последний разделитель в меню.
В общем такая печальная картинка: Хотелось бы убрать лишнюю палку после последнего пункта. Заранее большое спасибо всем. Может меня почтит своим внимание PsyWalker... код вот такой: (leftmenu и rightmenu это боковые заглушки. Со скругленными углами.) case 'horizontal': default: echo '<div id="wrap"><div id="menu">'; echo '<table cellpadding=0 cellspacing=0 border=0 width="100%"><tr>'; echo '<td class="leftmenu"></td>'; foreach ($this->parent->children[0] as $v) { echo "<td class='cmenu'>"; echo $this->getFirstLevelItem($v); echo "</td>"; } echo '<td class="right…
0 votes6 answers -
Пустой span c min-width в таблице. Проблемы с ИЕ7.
Добрый день! Задача такая: сверстать пустые поля для вывода информации. В дальнейшем они должны растягиваться по содержимому (по ширине). Верстка табличная. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>min-width</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <!--[if lte IE 7]> </style> <![endif]--> <style type="text/css"&g…
0 votes15 answers -
Использование нескольких классов без кавычек
Здравствуйте, меня зовут Игнат, и я люблю писать код без кавычек. Собственно: https://jsfiddle.net/066hbnxf/ - на Хром и Опера без кавычек срабатывает только первый класс. Может, с HTML5 пришёл новый метод перечисления классов, или это "недопилили"?
0 votes3 answers -
А вы пользуетесь таким трюком ?
.columns { clear: both; width: 100%; //padding-right: 1px; //overflow-x: hidden; } Просто наткнулся на него, раньше про него не слышал. Проверил работает только для ИЕ (вкл 7)
0 votes12 answers -
Как при XHTML1.1 растянуть таблицу в высоту
Как при XHTML1.1 растянуть таблицу в высоту на 100%?
0 votes6 answers -
Css меню
Здравствуйте, никак не получается выровнять список по центру страницы, только начала учится css Вот код <style type="text/css"> ul.menu { width:auto; position:relative; display:block; height:33px; font-size: 95% center; background:url(bg.png) repeat-x top center; font-family: Arial,sans-serif; border:5px solid #464451; margin:0; padding:0; } ul.menu li { display:block; float:left; margin:0; padding:0; } ul.menu li a { float:left; color:#A79787; text-decoration:none; height:24px; padding:9px 15px 0; font-weight:100%; } ul.menu li a:hover,.current { color:#fff; background:url(bg.png) repeat-x top left; text-decoration:none; } ul.menu .current a { color:#fff…
0 votes5 answers -
Проверка Формы на пустоту.
Добрый день! Помогите, пожалуйста, мне нужно сделать так, что-бы форма не отправлялась мне на мыло пустая, а чтоб проверялась на пустоту... <div id="order" class="popup"> <a href="#" onclick="cart.closeWindow('order', 0)" style="float:right">[Закрыть]</a> <h4>Введите данные</h4> <form id="formToSend"> <input id="fio" type="text" placeholder="Имя" class="text-input" /> <input id="city" type="text" placeholder="Район Риги" class="text-input"/> <input id="phone" type="text" placeholder="Контактный телефон" class="text-input"/> …
0 votes5 answers -
Опера глюки
Ребята, есть такая верстка: http://antoxa.name/portfolio/oastyle/ В Opera при первой загрузке в меню замечается глюк, при обновлении глюк пропадает, подскажите в чем грабли? Очень не хочется пункты меню делать картинками. P.S.: Opera 9.51
0 votes11 answers -
float или inline-block
Здравствуйте, что лучше использовать для выстраивание блоков в ряд inline-block или флоат.
0 votes2 answers -
html5 <video>
Поставила видео ориентируясь на статью http://htmlbook.ru/html5/video Почему то не работают некоторые встроенные элементы управления. Например в firefox не срабатывает кнопка play/pause. И при нажатии на само видео ...видео не останавливается. В IE9, chrome, opera, safari тоже не срабатывает кнопка play/pause. Что это может быть?
0 votes1 answer -
HTML5 + CSS. Какие перспективы?
Хочу заработать версткой, но мне кажется что верстать статические веб-странички, без программирования, в наше "продвинутое" время бесперспективно и никому не нужно. Так ли это? На данный момент вижу для себя либо "подмастерьем" у более состоявшегося профи, либо сидя между дизайнером и программистом. Как и где можно поискать работу? Спасибо.
0 votes7 answers -
Проблема с шаблоном WebAsyst
Есть такой код: {* currency type selection form *} <form action="{''|set_query_html}" method="post" name="ChangeCurrencyForm" class="valute"> <fieldset class="select"> <strong>{"lnk_change_currency"|translate}</strong> <div class="choice"><a href="#">{section name=i loop=$currencies}{if $currencies[i].CID eq $current_currency}{$currencies[i].Name}{/if}{/section}</a> {literal} <script language='JavaScript' type="text/javascript"> function _changeCurrency(){ document.ChangeCurrencyForm.submit(); } </script> {/literal} <select name='current_currency' onchange='_changeCurrency()'> {section name=i loop…
0 votes4 answers -
Прижать элементы списка друг к другу
..... <style type="text/css"> ul.menu { padding: 0; margin: 0; } ul.menu li { padding: 0; margin: 0; } ul.menu li img { padding: 0; margin: 0; [b]float: left;[/b] text-align: right; } </style> </head> <body> ...... <table width="100%" cellpadding="0" cellspacing="0" id="header" border=1> <tr> <td width="55" height="43"></td> <td width="519" height="43" valign="bottom"> <img src="h1.jpg"><br> </td> <td height="43" class="tel" valign="top"> bla bla </td> </tr> <tr> <td width="55" height="153" class="red" valign="bottom"> <img src="/red.jpg"&g…
0 votes7 answers -
Нужно растянуть дизайн по вертикали
Помогите, пожалуйста, разобраться. Сделал макет: http://www.trinity-bridge.221b.ru/index.htm Заточен был под 1024х768, вроде всё ничего. Посмотрел на большом разрешении - захотелось растянуть дизайн по вертикали, чтобы внизу не было пустого места. Ширина макета 1000 px, высота 99%. Проштудировал вот это: http://htmlbook.ru/content/?id=95 Что-то не работают у меня эти рецепты. Один рецепт воплощён здесь: http://www.trinity-bridge.221b.ru/index2.htm В Опере выглядит нормально, хотя в Dreamweaver стало не видно ничего. А в IE6 показывает только фон и ни одного объекта. Можно ли сделать универсальный код, или без хаков не обойтись? body { background-color: #0B2F6F; backgro…
0 votes9 answers -
почему код примера с htmlbook не валиден?
Всем привет. Вопрос касается данного доктайпа: quot;-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. Объясните или дайте ссылку где доходчиво написано как нужно писать код, чтобы с данным доктайпом он был валиден. В качестве примера можно рассмотреть код с http://www.htmlbook.ru/html/form.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=windows-1251"> <title>Тег FORM</title> </head> <body> <form action="/cgi-bin/handler.cgi"> <b>Как по вашему мнению расшифровывается абб…
0 votes8 answers -
0 votes11 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-