HTML Coding

29542 questions in this forum

1. Думаю "прикрутить" функцию поиска по сайту среди проиндексированых Googl-ом страниц

   По аналогии со статьей Поиск по сайту через Google и Яндекс надумал "прикрутить" к своему сайту подобную функцию поиска через qoogle; но не через официальную "Систему пользовательского поиска", а просто вставив следующий код <form method="get" action="http://www.google.ru/search"> <table border="0" bgcolor="#b4c6da"><tr><td> <input type="hidden" name="domains" value="адрес_сайта.com"></input> <input type="text" name="q"></input> <input type="submit" value="Найти"></input> <input type="hidden" name="sitesearch" value="адрес_сайта.com"></input> <input type="hidden" name="hl" value="ru"></input…

   Asked by Lime, March 24, 2011

   0 votes
   3 answers
2. Текст на баннере

   Подскажите, пожалуйста, как разместить текст таким образом как на картинке (должен позиционироваться от контейнера). Span в p не должен быть. Как лучше всё преобразовать? Заранее спасибо! Код следующий: <div class="banner"> <div class="container_background-image"> <div class="banner_text container"> <span class="rabbits"> <p>Do you like rabbits?</p> </span> <span class="oranges"> <p>Do you like oranges?</p> </span> </div> </div> </div>

   Asked by Алеся, May 5, 2021

   • html
   • css
   • container
   0 votes
   3 answers
3. Тени - а как бы вы их сделали?

   Известно что тени блоков с помощью фильтров в IE мало того что выглядят не так как хотелось бы (или во всяком случае не так как в большинстве нормальных браузеров) так еще и тормозят систему, хотя при сегодняшних возможностях компьютеров это полагаю не так важно. Учитывая желание что бы во всех (IE, Chrome, Mozilla) браузерах тени выглядели одинаково каким образом вы их делаете? На данный момент знаю два варианта, первый с помощью картинок на background и последующей игры с блоками и как то с большим колличеством встроенных дивов. Оба варианта не пробовал, вот пытаюсь определиться какой удобнее. А может существуют и другие идеи?

   Asked by Pumych, March 25, 2011

   0 votes
   3 answers
4. Наследование из других классов

   Есть стиль для таблиц общий /* Tables */ table { line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; width: 100%; border-collapse: collapse; } caption { text-align: left; font-size: 20px; padding-bottom: 10px;} th, td { padding: 5px; } td { font-size: 12px; } td#next { text-align: right; } Во втором коде перекрываю с помощью !important стили таблиц, чтобы карта нормально отображалась #YMapsID table {border:none; width:270px; margin:0 !important;} #YMapsID th, td, tr { padding: 0px; border:none !important; } Но при этом это влияет на общий табличный стиль, так как он начинает думать, что стили для карт важнее собственных. Если сделать наоборот, т…

   Asked by acornwalle, March 26, 2011

   0 votes
   3 answers
5. Значения атрибутов в HTML5 и кавычки

   HTML4 был приложением SGML и опускать кавычки вокруг значений атрибутов можно было только тогда, когда значения атрибутов не содержали других символов, кроме буквенно-цифровых, точки, тире, двоеточия, знака подчеркивания. В черновом варианте HTML5 от 13.01.2011 говорится: То есть допускаются любые символы, кроме: " ' ` = < или >. Хорошо, создаем валидный HTML5 документ, потом в значение какого-либо атрибута добавляем любой другой из вроде бы допустимых символов и опускаем кавычки. Согласно черновику HTML5, документ должен остаться быть валидным, но validator.w3.org говорит невалидный документ! Так где допущена ошибка на validator.w3.org или в черновом варианте HTM…

   Asked by andyp, March 26, 2011

   0 votes
   3 answers
6. Повышение квалификации. Критика

   Здравствуйте. Нужен разбор нижеследующего кода. Не ахти какая сложная вёрстка, нужно узнать что же я наверстал на самом деле . Данный код представлен как строгий xhtml 1.0, но я не вижу причин, по которым он не мог бы корректно отображаться в IE6 или как HTML 4-5 (естественно, придёться подкорректировать некоторые "лишние" мелочи например самозакрывающиеся тэги). Где можно толково почитать про вёрстку под CMS: Joomla, Wordpress и т.д. Со временем собираюсь выложить сюда шаблоны под них тоже. Ссылка: http://rat-worker.ucoz.ru Очень хочу сориентироваться. Спасибо.

   Asked by RatWorker, March 27, 2011

   0 votes
   3 answers
7. Разное отображение элементов внутри формы в разных браузерах

   Вот сцылка: _http://md.dp.ua/index.php?option=com_content&view=article&id=62 Форма поиска справа на странице. В опере отображается корректно. В мозилле строка поиска немного ниже кнопки Ок. В хроме - немного выше. В ие - норм. Плюс внизу, где форма регистрации - в ие 7 и в мозилла 3.5.. вылазит текст " * Еще нет учетной записи? Регистрация " ниже формы в которой должен находится. Подскажит, пожалуйста, в чем загвоздка?

   Asked by photograf, March 28, 2011

   0 votes
   3 answers
8. И снова позиционирование)

   Вобщем вот скрин: Создаю сайт в системе uCoz,есть тег $BODY$ и есть меню ввиде кнопок (Главная,новости,игры) После того как создаю пост или новость неважно,эти кнопки смещаются все ниже и ниже, каким образом мне их зафиксировать на одном месте + кросбраузерность... Код кнопок <div style="margin:0 auto;margin-top:310px;"> <a href="/" style=""><div class="home">Главная</div></a> <a href="/" style=""><div class="news">Новости</div></a> <a href="/" style=""><div class="game">Игры</div></a> </div> Код CSS к ним: .home {background:url('/img/home.png') no-repeat;height:60px;width:60px;padd…

   Asked by Vladinho, March 28, 2011

   0 votes
   3 answers
9. Интересно

   В разделе ЧаВо Отступ у картинки - 3 метод(line-height:0;). А разве нужно задавать тегу img? Я всегда думал что меж строчный интервал нужно задавать родителю. Ведь пробелы относятся к родителю, а не к картинке. Поправьте если чё.

   Asked by runet, March 29, 2011

   0 votes
   3 answers
10. flash в Опере

    При наведении на flash (меню из пяти пунктов в центре, каждый пункт - отдельная флешка) должен появляться визуальный эффект. Во всех браузерах срабатывает корректно, а в Опере только после клика по flash. Подскажите, в чем проблема? http://skatadov.ru/test/001/

    Asked by skatadov, March 29, 2011

    0 votes
    3 answers
11. Суммарная ширина вложенных float

    Приветствую, не могу победить особенность некоторых браузеров при вычислении суммарной ширины сестринских float-ов, в случае задания ширины родительского контейнера в процентах. Например: <!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> * {margin: 0; padding: 0; border: none; outline: none;} #wrap {width: 60%; margin: 0 auto; background: #F3F; overflow: hidden;} #nav {float: left; width: 100%; back…

    Asked by alb, April 12, 2011

    0 votes
    3 answers
12. Изменение стиля ссылок для одной ячейки таблицы

    Привет всем. Есть общие стили ссылок (A:link A:active A:visited A:hover) для всего сайта и везде прописан размер шрифта 11px , мне нужно для одной ячейки таблицы изменить размер шрифта для ссылок с 11px до 13px. Подскажите как это можно сделать только для 1й ячейки таблицы, не затрагивая стили ссылок всего сайта?

    Asked by Incestecide, March 30, 2011

    0 votes
    3 answers
13. onmouseover\onmouseout в разных браузерах

    Доброе утро. Есть простой код: <div style='text-align:left; margin:5px 0 5px 17px;'> <label>№ счета:<input type='text' name='login' maxlength='4' style='border:1px solid #aaa;' onmouseover="style='border:1px solid #000;'" onmouseout="style='border:1px solid #aaa;'" /></label> </div> <div style='text-align:left; margin:5px 0 5px 17px;'> <label>Пароль:<input type='password' name='pass' maxlength='10' style='border:1px solid #aaa;' onmouseover="style='border:1px solid #000;'" onmouseout="style='border:1px solid #aaa;'" /></label> </div> Дело в том, что конструкция onm…

    Asked by bobo, March 31, 2011

    0 votes
    3 answers
14. Прокручиваемый контент и div

    Добрый день! Есть div блок: <div id="centercontent"><jdoc:include type="component" /></div> Вот код идентификатора: #centercontent { background-image:url(../images/1_13.png); overflow:auto; height:300px; float:left; Всё как и хотел (контент джумлы отображается в див блоке с прокруткой), да вот только если контент большой, он растягивает див блок и тем самым портит дизайн. Как мне зафиксировать стенки блока, чтобы контент упирался в него? п.с. дизайн резиновый - в этом основная проблема..., поэтому width определенной ширины не предлагать.

    Asked by arthyrgrex, March 31, 2011

    0 votes
    3 answers
15. em вместо px, а надо ли?

    Прочитал про em, что нашёл, но так и не понял, чем они лучше px? Говорят, что их в отличии от px можно масштабировать, но почему так, ведь px тоже масштабируются! В общем я чего-то недогоняю помогите понять в них смысл

    Asked by 1284metra, April 1, 2011

    0 votes
    3 answers
16. www.forum.htmlbook.ru

    При вводе к примеру www.htmlbook.ru сайт работает, а если ввожу дословно www.forum.htmlbook.ru, то "Невозможно найти удаленный сервер". хотя введя просто forum.htmlbook.ru форум работает. Вопрос что, где, как, почему, дайте почитать? Дело в каком-то файле прописать типо .htacess подобие редиректа? p.s. заметил случайно когда зашел из opera mobile 10 версии, которая автоматически доставляет на новой открытой вкладке www., сколько людей возможно ломилось так.

    Asked by Slyfox, June 6, 2011

    0 votes
    3 answers
17. Div под divом

    Здравствуйте. Есть небольшая задача, которую я со своим уровнем знаний не могу решить. Необходимо там, где на скрине отмечено желтым написать 14 Кб, 456х235. Я не знаю, как туда вставить еще один div, чтобы он шел строго параллельно с картинкой и равнением посередине. Вот код: <div class="reply"><a id="33206"></a><div class="thumb" style="background-image: url('/m2-ch/fa/thumb/1301815846059s.jpg');"></div>03 Апр, 11:30 <span class="reflink">#33206</span><br />Текст сообщения</div> .reply { background : #ddd; border : 1px solid #ccc; margin: 5px; padding: 5px; overflow: hidden; } .thumb { float : left; border…

    Asked by 7ion, April 3, 2011

    0 votes
    3 answers
18. Заголовок H1 не в тему вылез в шапке

    Я не являюсь web-дизайнером (являюсь полиграфистом), но появилась потребность немного подправить наш сайт - изменить картинку в "шапке" и фон. Пользовался возможностями CMS и FTP. Шапку поменял, фон тоже. Но после этого появилась проблема - в самом верху над картинкой вылез кусок фона на котором стал отображаться текст заголовка H1, на тех страницах где H1 нету - просто d> (например, как здесь) В CMS есть возможность редактирования HTML кода шаблона. Буду благодарен, если кто-нибудь поможет решить эту проблему Мои возможности по управлению выглядят вот так (ну и доступ по FTP)

    Asked by ilias, April 3, 2011

    0 votes
    3 answers
19. Форма, оцентровать по высоте inputs

    Всем здрасте. Нужно оцентровать по высоте инпуты формы. Сделал так: поставил line-height равный высоте самого высокого инпута. ИА 7 понял почти нормально. 8-й версии не понял вовсе. Подскажите кто знает че сделать можно. пс. если у кого есть возможность - посмотрите плз в 9-й версии. стоит XP, инет тупит. все качаю висту... пример здесь

    Asked by paska, April 3, 2011

    0 votes
    3 answers
20. @@font-face

    Доброго всем времени суток. Подключил шрифт. Нормально работает везде кроме Safari 4. http://prozess.ru/lag/index/main_template.html Во всех браузерах меню должно отображаться ubuntu bold. Специально сделал так, чтобы все тексты отображались этим шрифтом. В сафари именно МЕНЮ (остальное нормально работает) отображается каким-то другим шрифтом. Что только ни делал, как только крутил - ничего не получается. Подскажите, пожалуйста, как заставить меню отображаться подключенным шрифтом? Если я где-то лошара, можете прямо мне это сказать, но только укажите на ошибку, пожалуйста.

    Asked by tanchu, April 4, 2011

    0 votes
    3 answers
21. проблема высоты input type="text"

    input type="text" у меня больше по высоте!помогите решить проблему <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <head> <style type="text/css"> *{ padding:0;margin:0; } input{ width: 100px; height:100px; font:12pt Verdana; border:16px solid red; background:orange; cursor:pointer; } </style> </head> <body> <input type="submit" value="otpravut"> <input type="reset" value="reset"> <input type="text" class="" value="text"> </body> </html>

    Asked by bot87, April 4, 2011

    0 votes
    3 answers
22. Расположение таблицы

    Имеется страница, на которой подряд (в столбик) идут несколько таблиц внутри одной, более общей. .... <table> <tr><td> <TABLE> ... </TABLE> <TABLE> ... </TABLE> <TABLE> ... </TABLE> <TABLE> ... </TABLE> </table> .... Габариты их таковы, что 2 и 3 таблицы должны быть ориентированы слева страницы, друг под другом, а 4 таблица по высоте такая же как и 2+3, и, соответственно, её я планирую разместить справа от них. Как-то так: _____________ |***********| |***********| |____________| __ ________ |_| |******| __ |******| |*| |******| |_| |_______| *Извиняюсь, что криво, но суть должна быть ясна. http://rg…

    Asked by Yusipov_Ilsur, April 4, 2011

    0 votes
    3 answers
23. Наложить div на футер

    Существует два дива в две колонки и подвал.Правый фиксированный, а левый резиновый,подвал привязан к левому,т. е. при растяжении левого дива подвал ползет вместе с нижней границей левого дива. Вопрос: Как сделать так,что бы левый див стал наложенным на подвал на определенное количество пикселей?

    Asked by olejan, April 5, 2011

    0 votes
    3 answers
24. Проблемы с валидатором

    Валидатор выдает предупреждение: Element link is missing required attribute itemprop. Вот код на который ругается: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>site-prefinal-19-03-11</title> <link href="css/mainstyles.css" rel="stylesheet" type="text/css"> А точнее только на <link href="css/mainstyles.css" rel="stylesheet" type="text/css"> и остальные теги <link> В чем дело? И зачем тегу <link> itemprop?

    Asked by panettone, April 5, 2011

    0 votes
    3 answers
25. Не закругляется бордер у таблицы

    Фон закругляется, а бордер нет. Проблема решается удалением "border-collapse: collapse" у table, но без этого свойства никак. Или же можно включить table в блок, и уже ему, а не таблице, задать бордер. Но можно ли как-то обойтись по-другому? как заставить таблицу закруглять уголки? опыта с таблицами практически никакого. Спасибо, заранее. Линк

    Asked by flagreit, April 9, 2011

    0 votes
    3 answers