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
-
Окно всплива с ссилки
Подскажите пожалуйста хтмл код для всплива окна как на скрине... !!! Чтобы когда нажимаешь на ссылку то было окно в котором была оддельня информация и чтобы ее тоже можно было переделать в хтмл (тоисть например сделать другим цветом текст ... или там ссылку поместить и т.д. ) ну надеюсь вы поняли!!! )) Заранее спасибо!!! Скрин здесь!!!
0 votes5 answers -
декоративное подчеркивание ссылки
Проблема такая. в блоке контента ссылки подчеркиваются вот так border-bottom:1px dotted #BF0A17; Проблема в том как убрать этот бордер если ссылка стоит на изображение. <a href><img /></a>
0 votes3 answers -
IMG и обтекание
Сделал, чтобы рисунок обтекал текстом, как на сайте написано, но в результате рисунок заезжает внутрь div, это можно исправить?
0 votes17 answers -
Validator.w3.org
значит парни вот такие ошибки Прошу помощи Data Life Engine 7.3 (лицензия) Result: 1 Error Address: Encoding: windows-1251 Doctype: XHTML 1.0 Transitional Root Element: html Root Namespace: http://www.w3.org/1999/xhtmll Line 80, Column 22: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag . <p><div id='news-id-4'>Текст ✉ The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing eleme…
0 votes6 answers -
Позицианировать элемент внутри TD с обтеканием
Вобщем народ! есть таблица три строки и 2 столбца. В нижней и верхней строке ячейки обьединены colspan=2. Средняя же строка разбита на 2 ячейки в левой из которых располагается меню сайта а в правой должен распологаться контент. Проблема в том чтобы поместить в правую среднюю ячейку в её правый верхний угол изображение (часть шапки предусмотренной дизайном). Как позицианировать этот элеммент так чтобы он находился в правом верхнем углу, вплотную прилегая к шапке и обтекался с левой стороны и снизу всем размещаемым содержимым??? тоесть в диве картинка w=283 h=202 нужно чтобы текст обтекал этот див и при растягивании ячейки таблицы этот див стоял в правом верхнем углу ячейк…
0 votes1 answer -
IE и float
Может, кто-нибудь встречался с подобной проблемой? Буду очень благодарна, если поможете. Я привожу код тестовой html-странички. Вкратце, на ней имеются два элемента h1 с float:left; и один элемент p. Во всех браузерах, кроме IE, элемент p "всплывает" наверх, только в IE ему что-то мешает. Непонятно, почему так происходит <!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>float</title> <style type="text/css"> .class1 { float:left; width:280px; height: 300px; background: green; } …
0 votes4 answers -
Смена фонового рисунка
Добрый день. Укажите пожалуйста на ошибку. Меняю фоновую картинку в ячейке таблицы, на другую (в IE-6 работает а в FireFox - нет)? КОД - <td background='up_menu/img/menu.jpg'; onmouseover=\" background='up_menu/img/smenu.jpg'; \" onmouseout=\" background='up_menu/img/menu.jpg'; \" > TEXT_CELL </td>
0 votes5 answers -
css карусель
people плиз! рылся в google? так ничего и не нашел, может у кого есть примеры создания css карусели, или ссылки на сайты??!
0 votes12 answers -
Padding в ИЕ6
Если задать контейнеру размер, и сделать в нем padding (притом отступ намного меньше размера этого контейнера), то в ие6 к размеру еще прибавляется по размеру отступа с каждой стороны, как сделать, чтоб размер не менялся?
0 votes3 answers -
Ошибки верстки W3C
Хотел бы довести код на сайте до ума. Сделал проверку кода на сайте http://validator.w3.org/ - нашлось 7 ошибок. В грамотной верстке новичек. Подскажите пожалуйсто как исправить ошибки в верстке. document type does not allow element "H1" here; missing one of "OBJECT", "MAP", "BUTTON" start-tag. …"><a href="http://lbmoney.info/"><h1 >Заработать в интернете.Создать сайт.SEO Например эту. Все ошибки можно посмотреть http://validator.w3.org/ по сайту lbmoney.info.
0 votes8 answers -
Div внутри table
Есть таблица, внутри которой находятся два div'a, один внутри другого, не понятно как так получается, но если поставить отступы, то все съезжает вправо... http://aionzone.ru/themes/aionzone/test.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Test Page</title> <style type="text/css"> body{ margin: 0; padding: 10px; } div.shape{ padding: 10px; border: 1px dotted blue; width: 100%; height: 100%; } table{ border: 1px solid red; margin: 0; padding: 10px; } </style> </head> <body> <table cellspacing="0" cellpadding="0"> …
0 votes5 answers -
Несколько form в одном документе
Здравстуйте! Такая ситуация: Есть 10 форм в одном документе со скрытыми полями.. с помощью JS открываеся окно с сообщением и кнопкой для обработки данных, относящихся к этому сообщению... Обработчик один для всех форм... только вот данные в обработчик попадают первой формы. Как можно решить это? может кто-то сталкивался с задачей.....
0 votes6 answers -
Как назначить класс всем ячейкам один раз
<table> <tr> <td> <td> ... </table> Внутри table много ячеек. Как им всем назначить один и тот же класс? На странице есть еще одна или более больших таблиц, но у всех у них должен быть другой класс, тоже одинаковый для всех. Поэтому задание в виде <style> TD{ ... } </style> не подходит. Т.е. можно ли написать что-то вроде <style> name01.td{ ... } </style> ... <table name="name01"> <tr> <td> ... </table> чтобы в результате стиль name01.td применился ко всем td внутри таблицы с именем name01.
0 votes3 answers -
Что означает
Подскажите новичку что означает тэг <META content="MSHTML 6.00.2900.2180" name=GENERATOR> и обязательно ли его использовать.
0 votes2 answers -
Вывод содержимого файла в div
Прошу сильно не пинать, искал но ответа не нашёл, может быть не верно формулировал... Для наглядности возьмём пример кода с вашего сайта <body> <div class="block1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</div> <div class="block2">Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</div> </body> Как вынести содержимое div-ов в отдельные файлы средствами HTML В описании слоёв(на Вашем сайте) есть упоминание о том что это возможно... Спаси…
0 votes7 answers -
Таблицы и colspan
Есть таблица шириной 100px, в ней 2 строки и 3 ячейки, если первую ячейку первой строки я делаю с colspan="2", то не получается задать ширину остальным двум нижним ячейкам. <table width="500"> <tr colspan="2"> <td> </td> </tr> <tr> <td width="100"> </td> <td> </td> </tr> </table>
0 votes5 answers -
ID или Class
Когда лучше всего использовать ID а когда классы?
0 votes2 answers -
Обтекание блоков - как выровнять высоту блока-контейнера?
Всем здравствуйте. Есть такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test2</title> <style> div, h1, h2, h3, p { padding: 0; margin: 0; } h1, h2, h3 { padding-top: 9px; padding-bottom: 3px; } #container { width: 980px; margin: 0 auto; border: 1px solid #f00; background: #ccf; } </style> </head> <body> <div id="container"> <div style="border: 1px solid #000;"> <div style="width: 500px; float: left; border: 1px solid #000;"> Главная<br>О компании<br>Услуги </div> <div sty…
0 votes6 answers -
Иконка сайта
Прочитал в рецептах данного сайта как делать иконки сайта. Сделал, послал в корневую папку сайта ВВВ. http://www.po-miry.ru В Опере отражается, в ИЕ нет. А вот иконка данного сайта видна во всех браузерах. Почему?
0 votes6 answers -
Проблема в IE и Maxthon
Приветствую всех! Столкнулся вот с такой проблемой. Прописываю бэкграунд в стилях к меню навигации, таким вот макаром : { background-image: url(images/a3.gif); background-repeat: repeat-x; background-position: bottom; padding: 1em 2.5em 2em 2.5em; } В FF, Opera, GoogleChrome всё нормально, так сказать по задумке, а в IE(7) и Maxthon наперекосяк. Для наглядности привожу два скрина: FF, Opera, GoogleChrome : IE(7) и Maxthon: Насколько я могу понять ни IE ни Maxthon почему-то не хотят понимать "background-position". Так ли это? Или же причина кроется в чём то другом? Посоветуйте как с этим бороться. Заранее всех благодарю.
0 votes4 answers -
Проблема со слоями...
Прохожу практику, вот заставили делать корп-сайт. Не могу понять в чем проблема, подвал "наезжает" на текст. Подскажите пожалуйста как поправить, уже 2-й день бьюсь. Вот ссылка для примера: http://www.mir-media.ru/services/
0 votes1 answer -
Opera img & hspace
Обычно всегда спаршиваю у Гугла.. Но тут впал в ступор... Помогите, кто чем может, а то мозг сейчас через уши вытечет.... HTML (работает в ИЕ, но в Опере все картинки склеиваются, выглядит убого): <div class="contacts"> <a href="link"><img src="pic/home.gif" alt="Home_site" width="11" height="9" hspace="5" align="left"/></a> <a href="index.php?id=100"><img src="pic/map.gif" alt="Карта сайта" width="11" height="9" hspace="5" align="left"/></a> <a href="mailto:email@kremlin.ru"><img src="pic/mail.gif" alt="E-mail" width="10" height="9" hspace="5" align="left"/></a> <a href="/index.php?id=63"><img src="pi…
0 votes3 answers -
как изменить курсор при наводе на ячейку
Подскажите как сделать следующее: Среди нескольких таблиц на странице, есть две таблицы с заголовками <th>..</th> две таблицы. Хочу, чтобы при наведении курсора мышки на любую ячейку этих двух таблиц (кроме заголовочной) курсор изменялся. писать стиль .style1 и применять к каждому <td class=style1....> не катит, потому что ячеек много. Задать td{cursor:...} тоже не катит, он заголовки тоже считает как за ячейки и меняет и на них курсор.
0 votes7 answers -
Копирайт
Привет. У меня вечный вопрос, кот я никак не могу понять, может ктото подскажет, и напишет пример. Нужно сделать что бы Копирайт оставался всегда внижней часте браузера. Делать с помощью теблиц не хочется, а так не получается. Короче нужно div сделать внизу браузера. Ну у меня пока так, но когда на странице ниче нет, div подымается вверх. .... <div class="menud"> <ul class="menud"> <li><a class="menud" href="index.html">Главная</a></li> | ... <li><a class="menud" href="about.html">О сайте</a></li> </ul> <p><small>© Cluberd 2009 <br> Student</small></p> </div>…
0 votes3 answers -
Резиновая верстка
Все доброго времени суток. Посмотрите код: <body style="margin: 0px; font-size:100%"> <table width="100%" border="0"> <tr> <td class="min"> <img src="img/header/logo.gif" width="131px" height="73" /></td> <td class="min1"><img src="img/header/kub.gif" width="261px" height="73" /></td> <td class="min2"><img src="img/header/line.gif" width="100%" height="73" /></td> </tr> </table> <table width="100%" border="0"> <tr> <td width="22%"><img src="img/header/pol_pods.gif" width="205px" height="389" /> </td> <td width="28%"> <div class="desi…
0 votes8 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-