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
-
проблема с height у IE
Здравствуйте! У меня возникла проблема при создании сайта, с адекватным отображением его в браузерах IE всех версий. Вот код: <html> <head> <meta http-equiv="Content-Language" content="en-ru"> </head> <body> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" id="table2"> <tr> <td valign="top" height="16">Текст </td> <td width="220" rowspan="2"> <p> </p> <p> </p> <p> </td> </tr> <tr> <td valign="top">ывфвфывфывфы</td> </tr> </table> </body> </html> Проблема во второй строке, браузер IE…
0 votes4 answers -
Рамка вокруг картинки
Хочу сделать чтобы вокруг картинки была надпись. Сами картинки динамические, а рамку в стилях что-то не получилось и сделать, и я начал пытаться в таблице... и тоже не вышло. Помоги, будьте любезны. СилоВ уже нет Код куда я тыкаю рамку: <td valign="top"> <a href="<?=$arElement["DETAIL_PAGE_URL"]?>"><img width="15" height="100%" src="/upload/medialibrary/3fa/riglef.jpg" alt="" title=" " /><center><img width="230" height="15" src="/upload/medialibrary/839/topbot.jpg" alt="" title="" border="0"/><br><img border="0" src="<?=$arElement["PREVIEW_PICTURE"]["SRC"]?>" width="<?=$arElement["PREVIEW_PICTURE"]["WIDTH"]?>" he…
0 votes3 answers -
Кодировка
Подскажите что сделать, чтобы применить кодировку отдельно к фрагменту страницы? А то у меня новости выводит иероглифами и всё тут. А меняю кодировку- сайт весь в них, зато новости нормально... Блин, не могу понять как исправить...
0 votes6 answers -
Пробелы в названии класса CSS
Только осваиваю CSS (кстати спасибо авторам сайта за такой информативный ресурс). Возникло следующее недопонимание: В генерируемых друпалом страницах блоки DIV имеют в названии класса пробелы. Например, <div class="field field-type-filefield field-field-cover"></div> Понятное дело, что к ним не получится обратиться селектором вида: .field field-type-filefield field-field-cover {...} Как я столкнулся с этой проблемой - поискал на сайте друпала и наткнулся на этот топик. Там даётся частичное решение, но всё равно кое-что остаётся неясным. Думаю, уместнее эти вопросы задать здесь. Если мы пишем конструкцию с пробелами в атрибуте class - это мы как бы присваев…
0 votes7 answers -
очередная проблема с футером=)
Вот пробую сверстать сайт дивами. Футер прижать к низу удалось, пользовался вот этим способом. Пример моего сайта можете посмотреть здесь, так же приведу примеры html и css. Сама проблема заключается в следующем: не тянется блок с белым бэкграундом (#main), в котором и находится весь контент, т.е. нужно убрать пробел между контентом и футером. буду благодарен за помощь=)
0 votes5 answers -
h1 и span в одной строке
Здраствуйте не могу понять почему не работает в IE7 следующий код: Сам html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Создаем свой первый проект</title> <link href="styles/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <h1>Типа крутой заголовок :-)</h1> <span><a href="#">Главная</a> | <a href="#">Каталог</a> | <a href="…
0 votes7 answers -
IFRAME возмжна ли загрузка карт изобажений находящ
Скажите, я про IFRAME(плавающий фрейм) возможна ли загрузка карт изображений прямо в плавающий фрейм, толкьо чтоб карты изображений не находились в отдельном файле html? Если да, напишите пожалуйста скромный примерчик, как это может быть возможно.
0 votes1 answer -
Карты изображений
Не получается создать крату изображения, хотя бсамую простую. Вот пишу код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <head><title>Карты изображений</title> <meta http-equiv="Content-Type" content="text/html"; charset="Windows-1251"> <head> <body > <table class="karta" border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; margin-top:60px;"> <tr> <td> <img src="karta.jpg" usemap="#karta" border=20 style="border-color:#ff6633;"> </td> </tr> </table> <p><map name="karta"…
0 votes1 answer -
Отображение страницы в разных браузерах
Приветствую всех. Я новичок в веб-программировании, поэтому возможно ответ на мой вопрос окажется очевидным для некоторых. Хочу сделать трёх колоночный макет для страницы с фиксированной шириной, выравниванием по центру, с шапкой и нижним колонтитулом. Нашла пример, прописала код, просмотрела страничку в IE и Firefox. Результаты оказались различны. В Firefox все отображается правильно, а в IE справа по вертикали процентов 20 не занятого пространства. Помогите плиз разобраться. Прилагаю код, который использовала. код ccs файла: body{ margin: 0; padding: 0; } #container{ position: absolute; left: 500px; margin-left: -500px; widht: 1000px; margin-top: 10px; } #mas…
0 votes1 answer -
Проблема с ссылками
проблема такая: говорю ссылке Visited и задаю параметры, но во всех браузерах кроме восьмого ишака при нажатии на одну, все ссылки меняют цвет, вот код HTML: <!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=windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css"> <title>demo</title> </head> <body> <div id="alldiv"> <div id="headdiv"> </div> <div id="mdiv"> <a href="#"> главная </a&g…
0 votes3 answers -
Звук в формате Ogg Vorbis
Как внедрить на страницу звук в формате Ogg? Пробовал в Опере и IE - никак не реагируют они на этот формат, тишина. Может, дополнительные кодеки надо в систему или в броузер ставить?
0 votes2 answers -
макет 2 колонки
<!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>Верстка сайта</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="description" content="описание" /> <meta name="keywords" content="ключевые слова" /> <style type="text/css"> * { margin: 0; padding: 0;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;} img {border: none;} #wrapper {margin: 0 auto; min-width: 600px; max-width: 800px; width:expression(document.body.clientWidth < 600? …
0 votes4 answers -
Проблема в IE 6 при большом разрешении
Друзья, помогите. Не могу поймать косяк. Резиновость сайта от 1000 до 1280, 2 колонки, при большом разрешении (более 1280 - сайт расположен по центру экрана). Во всех браузерах всё ОК, кроме IE6, т.е при разрешении большем 1280 левая колонка съезжает за поля и текст исчезает, н оне совсем, а в зависимости от разрешения. Вот код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Call-центр Телеконтакт - крупнейший call-центр в России по подтвержденным оборотам</title> <link rel="stylesheet" type="text/css" href="css/all.css"> <scri…
0 votes5 answers -
Несколько вопросов начинающего
Добрый день! Осваиваю html, сейчас тег form прохожу. Вопрос в следующем: атрибут action выполняет какие-либо действия по нажатию кнопки Submit, так? Я правильно понял, что создавая внутри одного тега form несколько submit'ов, я толком ничего не имею? Все равно по нажатии любого из них будет выполняться то, что написано в action, то есть переход на Google в данном случае? Пример. <form action="http://www.google.ru"> <p>Name<br /> <input type="text" /></p> <p>Password<br /> <input type="password" /></p> <input type="submit" /><p> <input type="checkbox" name="vybor" value="v1"/>Opera<br> <input…
0 votes7 answers -
как отцентровать вложеный объект?
Привет, All! на страничке реализовано выпадающее меню (CSS) перекрывающее flash элемент но столкнулся с тем что теперь не могу отцентровать flash подскажите как правильно это реализовать не удаляя строки <div align="center" style="position:absolute; z-index:1"> <table> ... <tr align="center"><td> <div align="center" style="position:absolute; z-index:1"> <embed src="my.swf" wmode="opaque" /> </div> </td></tr> </table> спасибо
0 votes5 answers -
Таблицы в DIV
На странице используется двухколонная верстка: #center { margin-right:230px; } #right { float:right; width:220px; } Нужно вставить таблицу, чтобы она растягивалась по ширине на всю центральную колонку. Если я задаю у таблицы свойство - width='100%', то во всех браузерах отображается как надо, а в IE верстка ползет, и таблица растягивается на весь экран закрывая и правую колонку. Как пофиксить?
0 votes6 answers -
неправильное отображение в IE 6
<!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 type="text/css"> .authorcomment { display:inline; } .comment-time { float: right; } </style> </head> <body> <div> <div> <div class="authorcomment"><span>Nik</span> fool</div> <div class="comment-time">12.03.1685 в 12.51</div> </div> <div">lahlahlah</div…
0 votes6 answers -
Проблема с IE6
Так должно быть (и есть во всех приличных браузерах) - А так происходит в не приличном браузере ИЕ 6 - HTML <!-- content --> <div id="body" class="clearfix"> <div id="leftCol"> <div id="menuUL"> <ul> <li><a href="/">Главная</a></li> <li><a href="/">О нас</a></li> <li><a href="/">Новости</a></li> <li class="current"><a href="/">Меня беспокоит</a></li> <li><a href="/">Прайс лист</a></li&…
0 votes4 answers -
ширина div в ie6 другая
Три колонки дивами. 280px+270px+250px (итого 800px). В IE6 третий див (#header-center) переноситься на новую строку. Если уменьшить width любого из дивов на 6px, то всё помещаеться. Т.е., я так понял, на каждую сторону из дивов уходит по 1px (маржинов и паддингов у этих дивов нет) вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div id="header"> <div id="header-left"> </div> <!-- #menu--> <div id="header-right"> </div> <!-- foto --> <div id="header-center"> </div> <!-- #цитата--> </div><!-- #header--> …
0 votes9 answers -
Закругленные рамки для таблицы
Довольно долго гуглил, нашел аж 38 методов создания рамок с закругленными углами, но так и не понял, как же это сделать для таблицы. У меня есть большая таблица (структура моего сайта) и я хочу в ней сделать закругленные края. Подскажите, как это сделать.
0 votes4 answers -
Как провести правильно техническое обслуживание сайта
Здравствуйте. Подскажите пожалуйста, как правильно проводить технические работы на сайте либо на форуме. К примеру возникла ситуация, когда нужно сменить движок сайта, либо подкорреткировать базу данных, либо еще что-то. В данном случае, обычно делают специальную заранее подготовленную страницу, информирующую о технических работах, и перенаправляют туда всех посетителей через htaccess . А поисковым ботам, отдают ошибку 503, чтобы они не посчитали все страницы за дубль, и не повыкидывали их из индекса. Вот собственно вопрос. Как это осуществить в htaccess. Что нужно прописать, чтобы перенаправить всех посетителей на заранее подготовленную страницу, а поисковым роботам отд…
0 votes3 answers -
подскажите ламеру)
подскажите плиз html тег для выравнивания текста на всю ширину строки, либо css тег. Заранее с пасибо
0 votes3 answers -
Возникли проблемы
Я тут недавно начал вспоминать верстку, как то начинал, а потом из-за не надобности забыл. Вот код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=windows-1251" http-equiv="content-type"><title>Влад это моя работа</title> <style type="text/css"> .text {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;background:#f5f4f2;padding:0px 2px;} .text2 {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;backg…
0 votes4 answers -
Как сделать элемент на всю ширину страницы с прокруткой
Здравствуйте. Хотел бы выяснить один вопрос, стоящий на грани разметки и javascript. Есть такой эффект на javascript, называемый lightbox, и служащий для того, чтобы при щелчке на миниатюру изображения открывалось изображение в реальном размере. Пример такого эффекта можно посмотреть, например, на этой странице http://rostovstrojtorg.tiu.ru/p176712-gips...agostojkij.html (кликните на изображение) или же скачайте данный архив http://ifolder.ru/17079448, распакуйте все файлы и откройте страницу index.html Эффект работает нормально, но есть одна некрасивость. Когда эффект запущен и в центре появилось изображение, то если уменьшить размеры окна до появление горизонтальных пол…
0 votes4 answers -
Формы+Шрифт в разных браузерах
Обычная форма: <html> <style type="text/css"> body { color:#a2a4a3; font:12px/18px Arial, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: normal; } </style> <body> Тут текст<input type="text" name="login" size="11" maxlength="20"> тут идет тоже текст<input type="password" name="password" size="12"> <br><br> <textarea name="textarea" cols="43" rows="20">111111111111111111111111111</textarea> </body> </html> Но у меня возникает две проблемы: 1. Разный шрифт в Opera и Firefox. Хотя как мне кажется я все верно указал. Из-за этого расстояние меняется. Как его верно установить что бы он был…
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-