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
-
Мозилла выдает ошибку
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Первая HTML страница</title> </head> <body> <p>How To Avoid Wasting Your Most Valuable Online Asset - TIME!</p></html></body>В итоге в браузере выдает ошибку: Ошибка синтаксического анализа XML: несоответствующий тег. Ожидается: </meta>. Адрес: file:///C:/Users/%D0%90%D0%BD%D0%BD%D0%B0/Desktop/html/index.html.xml Строка 6, символ 3:</head> --^
0 votes8 answers -
Как сделать такие страницы?
Как сделать страницы: index.php?id=1 index.php?id=2 index.php?id=3 index.php?id=4 index.php?id=5 index.php?id=6 index.php?id=7 и т.д.?
0 votes12 answers -
Задание фиксированной высоты блока в две строки
Здравствуйте! Есть страница с блоками такого плана. Эти блоки размещаются один за одним в ряд. <div class="item" style="width:300px;float:left;"> <div class="item-img"> <img src="" style="height:140px" /> </div> <div class="item-name"> <a href="#">строка текста<a/> </div> <div class="item-params"> <!--html--> </div> <div class="item-buttons"> <!--html--> </div> </div> Ширина блока строго фиксирована. В зависимости от длины текста в теге <a> (блок .item_name) он размещается в одну или в две строки. Из-за этого div'ы, следующ…
0 votes3 answers -
Как добавит 2 изображения на фон?
На моём сайте тиражируется один фон но в одну таблицу мне нужно поместить как фоновое изображение ещё одно изображение я так и делаю но опять же интернет эксплорере это работает а в других браузерах нет
0 votes12 answers -
Лого
Подскажите как исправить следующие: Пытаюсь сделать лого кликающим и вот что получилось .... До:+Скриншот <!-- begin ambience header--> <div align="center"> <table bgcolor="#f7f7f7" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="border"> <tr> <td align="left" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="287" height="159" align="left" valign="top"><img src="$stylevar[imgdir_misc]/header_top_ls.jpg" width="287" height="159" alt="" /></td> <td width="170" height="159" align="left" valign="top"><img src…
0 votes12 answers -
iFrame или DIV на высоту ячейки таблицы
Нужно для FireFox: ——— | a | b | ——— | c | d | ——— простая таблица заданного размера 800*600 в ячейке d предполагается прокручиваемая информация (iframe или div), по всей доступной высоте. Как: при заполнении ячеек а и b сжимать c и d (в d у фрейма должна появиться прокрутка) ???
0 votes6 answers -
Закругленные уголки в IE
Как можно заставить IE видеть закругленные углы в блоках?
0 votes17 answers -
Chrome не правильное отображение
Доброй ночи всем. Только что поставил на сайт поиск от гугла. Решил протестировать, Mozilla, IE(что удивительно) нормально все, а с Chrome проблема, и даже не знаю, что ему не нравиться... проблема на странице результатов поиска, в Хроме после результатов не здоровый отступ вниз. Заканчивается код поиска, и перед классом clear дыра...пикселей на 200-300. Дивы все нормально закрыты, первый раз такое. <script type="text/javascript" src="//www.google.com/afsonline/show_afs_search.js"></script> </div> <div class="clear"></div> </div> <div id="footer"> кстати, посмотрел на этом сайте, так тут тоже Хром внизу результатов поиск…
0 votes12 answers -
Как выстроить картинки с текстом в строчку при любом разрешении?
Здравствуйте. Подскажите пожалуйста кто знает, как с помощью css реализовать следующее. У меня на сайте в шапке сделана такая конструкция: 1-я картинка, а справа от нее в столбик 3 слова. 2-я картинка, а справа от нее в столбик 3 слова. 3-я картинка, а справа от нее в столбик 3 слова. Все эти 3 картинки со словами выстроены в строчку, т.е. если разрешение экрана позволяет, то они располагаются на одном уровне. Если разрешение экрана меньше (например, на смартфоне), то слова в столбике могут располагаться ниже картинки, а не справа от нее. Хотя места справа вроде бы достаточно. Получается не очень красиво. Код HTML: <div id="header_image">…
0 votes1 answer -
Как сделать Checkbox плоским?
Здравствуйте. Собственно сабж. Поясню, изначально у checkbox'a стиль под 3D, нужно чтобы он стал просто квадратиком обведенным черным бордером. Просто указание бордера решает проблему только в браузере Opera. Ктонибудь сталкивался с этой проблемой?
0 votes6 answers -
Равное расстояние между DIV
Ка сделать также: Не подходит: overflow, display table и просто table.
0 votes16 answers -
Растянуть div на всю свободную высоту
Не могу растянуть DIV по высоте не один способ не работает (( Помогите! <div id="wrapper"> <div id="header"></div> <div id="content"> </div> </div> html, body { font-family: Arial, Helvetica, sans-serif; height:100%; } #wrapper { width: 1200px; margin: 0 auto; } #content { min-height:100%; height:100%; _height:100%; }
0 votes5 answers -
сокрытие/модификация ссылок в строке/панели состояния и адресной строке
Интересует вопрос сокрытия ссылок. При использовании следующих скриптов: скрипт1 function hidestatus(){ window.status='' return true } if (document.layers) document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT) document.onmouseover=hidestatus document.onmouseout=hidestatusскрипт2 document.onmouseover = function ( e ) { if ( !e ) e = window.event; var el = e.target ? e.target : e.srcElement; while ( el != null && el.tagName != "A" ) el = el.parentNode; if ( el == null ) return; if ( e.preventDefault ) e.preventDefault(); else e.returnValue = true;};не срабатывает код не на странице, не через запуск файла: <script type="text…
0 votes18 answers -
Проблема с дивной версткой
Здравствуйте, помогите решить проблему: Есть два дива, слои лежат один на другом, в нижнем диве находиться динамический контент, картинки, текст, ссылки, который меняется, jq слайдер. Верхний див пустой, со свойством css border-radius, имитирует рамку округлую поверх нижнего дива. Проблема в том что нету доступа к нижнему диву в Safari, FF, Chrome..Текст не выделяется, ссылки некликабельны. У обоих дивов стоит значение position:relative, заданы размеры и z-index.. Пробовал рамку наложить поверх разными способами, и png картинку с рамкой поверх и таблицу с порезанной рамкой на куски поверх контета, не работает. Вот сам слайдер поверх которого я хочу наложить рамку: _http:…
0 votes9 answers -
Я решил учить flexbox.
Я написал новое правило "flex-direction: column;" получается, то, что перевернул главную ось и потом добавил ещё одно правило "justify-content: center;" По моей логике, блок "my-flex-container" должен выравняться по середине высоты дисплея, не зависимо от разрешения. Почему он выравнивается, только тогда, если задать высоту? http://jsfiddle.net/c7c3L4zw/ Ведь, он же как-то выравнивается по ширине, если она не задана, почему тогда не выравнивается по высоте?
0 votes23 answers -
Как сделать раскрывающийся текст (картинки)?
Здравствуйте! Подскажите, как можно сделать раскрывающийся текст (картинки)? Допустим, идут картинки, а под ними кнопка "Показать еще", при нажатии на кнопку появляются еще картинки. И как бы это сделать еще и на bootstrap... Схема такая: Спасибо.
0 votes4 answers -
Как прочитать спрятанный текст в more-link?
Скрытый текст Скрытый текст Скрытый текст Делаю сайт http://imbim.ru/. Через страницу http://imbim.ru/Школа-моделей/ выхожу на http://imbim.ru/Визаж-и-макияж/ и размещаю код html, через который хочу часть текста “спрятать“, а при нажатии на “Читать полностью“ - прочитать. Получается, так что сам Текст спрятан, но прочитать спрятанный текст не удается. Подскажите, что нужно дописать и доделать? Код который использую привожу ниже: <html> <head> <title>Заголовки HTML</title> </head> <body> <h2 al…
0 votes16 answers -
Ошибки валидации, ну объясните мне..
..почему в работах уважаемых веб-студий и топовых фрилансеров-верстальщиков куча ошибок (не редко больше сотни) при проверке на валидацию, как css, так и html. В чём тогда смысл фразы "верстаю валидно..." во всех их резюме? ну НЕ ПОНИМАЮ!
0 votes23 answers -
Верстка email писем
Делал задание по верстке email рассылки. Единственная проблема возникла с тестированием. 1. Я не знаю где и как можно проверить отображение на разных почтовиках. Знаю есть сайт litmus, но для бесплатного тестирования там только 3 почтовика (gmail, iphone 6s, outlook 2013). Хочется быть более уверенным, когда отправляешь письмо заказчику, что оно тебе не будет снится по ночам и заказчик не будет вспоминать тебя трехэтажными словами. Еще вопрос по поводу media запросов. 2.Можно ли их использовать? Вот тут campaignmonitor написано за 19.09.2013 Проверял письмо еще вот здесь . На media запросы никак не реагировало, поддержка написана 97…
0 votes17 answers -
Одна ячейка, разное выравнивание
Ребят, поставил себе задачку, Имеем: 1 ячейка таблицы, две картинки Задача: Нужно, чтобы одна картинка выравнивалась по верхнему краю, а другая по нижнему, в Одной ячейке Решение было найдено засчёт margin-top: у одной из картинок <style type="text/css"> *{ margin: 0; padding: 0;} table{ border-collapse: collapse; width: 300px;} table td { border: 1px solid #f00; height: 200px; text-align: center; vertical-align: top;} table td img.bottom { display: block; margin-top: 150px;} </style> <table> <tr> <td> <img src="green-but.jpg" alt="" /> <img class="bottom" usa-f.jpg" alt="" /> </td> &l…
0 votes20 answers -
frD-Пункты меню непрямоугольной формы
Здравствуйте! У меня на cайте каждый пункт меню не прямоугольный, а в форме стрелы, направленной вправо. При этом используемая картинка этой самой стрелы должна меняться при наведении мыши. Первый вопрос: как мне элементарно сохранить непрямоугольное изображение стрелы? Как можно сделать его ссылкой со сменой изображения?
0 votes5 answers -
Проверка валидности
Ктонибудь может объяснить, почему при проверке на http://validator.w3.org/ выдает ошибку и указывает на текст которого вообще нет в исходном коде?
0 votes10 answers -
scr img br nbsp
Люди, а есть ли еще способ, прицельно разместить картинку на штмл страничке, кроме тегов , nbsp и font size (для размера абзацов и пробелов )?
0 votes4 answers -
Опера + подгружаемый файл .js + кодировка?
Люди добрые, научите... Только в Опере почему-то и не рботает... вот страничка - http://www.auto.gesc.ru/12-test4.html подгружаются списки географических названий (довольно большие) таким образом - <script language="JavaScript" src="march.js"></script> <script language="JavaScript" src="march1.js"></script> В итоге два списка отображаются нормально, а третий - иероглифы... Наверное, это просто... но не для меня...
0 votes7 answers -
Как принудительно заставить IE работать в стандартном режиме?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> и страница в любом IE разваливается. Если поменять на <!DOCTYPE HTML>, то начинает работать правильно. Но у меня есть возможность править только то, что внутри <body>. Как можно в таких условиях переключить IE в стандартный режим?
0 votes12 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-