HTML Coding

29,542 questions in this forum

1. Смена нескольких картинок при наведении

   Ребят выручайте! Не могу придумать как сделать смену нескольких картинок при наведении. А именно: При наведении на картинку (А), она должна меняться на другую (А2), при наведении на вторую, должна появляться третья (А3), затем повторно при наведении на А3 должная появляться А. Т.е. должна быть как бы слоеность из 3х картинок. Вот примерно как это должно быть. Там слайдер под текстом: http://vizastil.ru/

   Asked by Demoni, April 28, 2012

   0 votes
   1 answer
2. Форма вместе с <iframe>

   Помогите пожалуйста мне решить вот такую задачу....... Нужно чтоб на странице была форма с полем ввода и кнопкой а также элемент <iframe>. Форма служила бы поиском, а результат поиска должен отображаться в <iframe>. Поиск должен быть с использованием Google. Буду очень благодарен...

   Asked by fireman691, April 28, 2012

   0 votes
   1 answer
3. JS. как получить часть url?

   Есть страница по адресу: "http://сайт/cat1/index.htm" <script type="text/javascript"> host = window.location.pathname; document.write(host); </script> Этот код выводит "/cat1/index.htm", а нужно вывести только "/cat1". Подскажите каким способом это получить? Какие-то параметры у pathname указать?

   Asked by SFproG, April 28, 2012

   0 votes
   3 answers
4. Мобильная версия сайта

   Доброе время суток. Начал я писать мобильную версию сайта (первый раз этим занялся), выбрал для написания jQueryMobile, и все оказалось очень удобно и просто. Но вот есть у меня 1 вопрос: Допустим на iOS открыв сайт в сафари нажимаю "отправить Домой". Как сделать что бы открывая через получившуюся закладку не было строки адреса и управления от браузера? И тот же вопрос по android и windows mobile. UPD: Нашел решение для iOS. Нужно добавить мету <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> Добавление иконки: <link rel="apple-touch-icon" href="iphone-icon.png"/>

   Asked by GeSTaM, April 28, 2012

   0 votes
   3 answers
5. неработает анимация -wedbkit...

   Плиз помогите написал скрипт,но столкнулся с проблемой что без анимации действия проходят ужасно. Короче, полез в нет искать про анимацию css3 из того что нашел сделал такой код увилечения текста но ,он не работает. подскажите почему? .notVisible { -webkit-animation-name:'fullText'; -webkit-animation-duration: 7s; -webkit-animation-play-state:running; @-webkit-keyframes 'fullText'{ from { font-size:30%; } 40%{ font-size:50%; } 60%{ font-size:70%; } to{ font-size:100%; } } }

   Asked by cyber_ua, April 27, 2012

   0 votes
   7 answers
6. html-письмо

   Здравствуйте, есть сверстанное html-письмо но когда приходит в the bat, Thunderbird, outlook 2010 картинки загружаются только так Чтобы загрузить рисунки, щелкните эту ссылку. Автоматическая загрузка некоторых рисунков в Outlook была отменена в целях защиты конфиденциальности личных данных. Подскажите как обойти эту проблему!

   Asked by Rubik, April 27, 2012

   0 votes
   1 answer
7. table background ie

   .nb { background:red; } <table width='98%' class='nb' align='center'> <tr> <td colspan='4'>123</td> </tr> <tr> <td colspan='4'>124</td> </tr> </table> Во всех броузерах красный, кроме IE

   Asked by Destrifer, April 28, 2012

   0 votes
   5 answers
8. Форма поиска

   В общем некая форма поиска HTML <div class="search"> <form method="get" action="/search" target="_blank"> <input name="q" class="search2" id="form-query" value="" placeholder="поиск по сайту"> <input src="img/searc.png" type="image" style="vertical-align: bottom; padding-left: -3;"/></form> CSS .search2 { width: 120px; height: 35px; } Нужно подвинуть картинку влево, чтоб получилось так http://s017.radikal.ru/i439/1204/14/d1e313d30fe5.png

   Asked by Ergonav, April 28, 2012

   0 votes
   0 answers
9. Конфликт background и padding

   Добрый вечер уважаемые форумчане, спешу к вам за советом по следующему вопросу. При разработке дизайна столкнулся с такой проблемой: Имеется некий блок header в котором есть горизонтальный блок навигации по сайту. У header`а прописан background-image, а у ссылок в блоке навигации внутренний отступ от верхнего края блока. Хочу при наведении на определенную ссылку изменять background ссылки под курсором, как это делается я знаю, есть один момент о котором вы наверняка догадались из названия темы: padding-top ссылок конфликтует с background. При наведении на любую из ссылок в меню - background съезжает на уровень отступа ссылки, чтобы было проще и поняли о чем я рассказываю …

   Asked by Wolk_, January 21, 2012

   0 votes
   36 answers
10. Пропадают иногда границы таблицы

    пробовал фф и ие если границы таблицы и ячеек 1пх, то при некоторых масштабах они исчезают местами, но если поставить границу например от 5 пикселей и больше, то они не пропадают.. что это? проблема всех браузеров или комп глючит.. или ошибка в css какая-то.. вот все что нашел про тр, тх, тж, тейбл.. вроде ничего такого плохого color:black; border: 1px solid #666; border-collapse:collapse; padding:10px; font-size:1.5em; text-align:center; background:none repeat scroll 0 0 pink;

    Asked by nikki4, April 28, 2012

    0 votes
    2 answers
11. При наведении на ссылку меняется картинка внутри ссылки

    Столкнулся с вот такой проблемой: <table> <tr> <td> <a href="/primer.html"><img src="/img/01_c.jpg" onmouseover="this.src='/img/01.jpg'" onmouseout="this.src='/img/01_c.jpg'"></a> </td> </tr> <tr> <td> <a href="/primer.html">Картинка</a> </td> </tr> </table> Когда наводишь на картинку 01_с.jpg она меняется на 01.jpg, уводишь курсор возвращается прежняя картинка. Картинка, как вы обратили внимания, сделана ссылкой на…

    Asked by pdmi3y, March 15, 2010

    0 votes
    4 answers
12. печать в браузерах firefox

    <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> <style type='text/css'> *{ margin: 0; padding: 0; } ._TICKET, ._TICKETLAST{ width: 10cm; height: 7.2cm; position: relative; page-break-inside: avoid; } ._PAGEBREAKALWAYS{ page-break-after: always; } ._PAGEBREAKAVOID{ page-break-after: avoid; } ._OBJ{ width: 2cm; height: 2cm; position: absolute; left: 0; top: 0; box-sizing: border-box; } ._V90{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } ._V45{ -moz-transform…

    Asked by zFermer, April 28, 2012

    0 votes
    0 answers
13. При некоторых масштабах кнопка меню уходит

    здравствуйте! при нормальном масштабе нормально меню.. а на другом компьютере с высоким разрешением один пункт меню уходит вниз.. пробовал на этом компьютере, тут при уменьшее масштаба тоже лезет.. а если еще увеличить, или наоборот уменьшить до опредленного уровня то станет нормально.. что тут поправить? вот меню: <div id="topmenu"> <div id="navigation"> <ul class="nav"> <jdoc:include type="modules" name="Menu" /> </ul> </div> <!-- #navigation--> </div> <!-- #topmenu--> вот его css #topmenu { margin: 0 auto; width:958px; height:60px; background:white ; margin-top:-60px; border-radius…

    Asked by nikki4, April 28, 2012

    0 votes
    1 answer
14. flash в слайдере

    Не знаю в эту ли тему сообщение. flash ролики в html слайдере воспроизводятся все сразу, разом. Как заставить их проигрываться один за другим, т.е. при чтобы ролик воспроизводился, только при смене слайда

    Asked by npofopr, April 28, 2012

    0 votes
    6 answers
15. Псевдоклас hover в IE 8, неправильно отображается

    Есть сайт http://eridanaudio.ru К верхнему горизонтальному меню применяется такая запись: #ict_hor a:hover { color: #0000FF; } Это синий цвет при наведении курсора мыши на ссылку. Так вот, в Firefox и Chrome все работает корректно, а в IE 8 ссылка меняется не на синий, а на белый цвет. Как подогнать под единый стандарт?

    Asked by Hleb, April 27, 2012

    0 votes
    2 answers
16. jQuery

    Подскажите пожалуйста знатоки, как в приведеном фрагменте прописано обращение к библиотеке jQuery? <head> <title>Animated Form Switching with jQuery</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="description" content="Expand, contract, animate forms with jQuery wihtout leaving the page" /> <meta name="keywords" content="expand, form, css3, jquery, animate, width, height, adapt, unobtrusive javascript"/> <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="css/style.css" /> <…

    Asked by seemax, April 27, 2012

    0 votes
    12 answers
17. Ребята помогите с одной страничкой

    Мальчики, помогите пожалуйста. Вот эту страничку надо как-то запрограммировать что-ли. Просто сайт еще не сделала. Денежек не хватило, а в листовках указала. Вот надо поставить хоть так, чтобы люди видели, что вроде в процессе. Поможете? а вот исходничек ТУТ Заранее всем спасибо, мальчики

    Asked by tiffany, April 27, 2012

    0 votes
    11 answers
18. Рамка с указанием цвета уголков на css

    Вопрос возник при прохождении самого первого уровня на сайте http://divhack.com Приведённое на сайте решение не даёт ответа на вопрос, оно не соответствует предложенному для вёрстки psd-макету. Верстаю меню (или же подвал) в резину. В макете вокруг блока навигации имеется довольно интересная однопиксельная рамка. Верхняя, правая, нижняя, левая границы - разных цветов. В каждом уголке рамки - однопиксельные клеточки, тоже разных цветов. Блок я сверстал, бордеры указал: .nav {width: 100%; height: 43px; background-color: #b6b6b6; border-top: 1px solid #d3d3d3; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #c2c2c2;} Но как сделат…

    Asked by LonerD, April 27, 2012

    0 votes
    2 answers
19. Дробный font-size

    Подскажите как понимать цифры через слэш. Как их трактует браузер? body { color: #333333; font: 12px/17px 'Trebuchet MS','Lucida Grande',Arial,sans-serif; margin: 0; }

    Asked by seemax, April 27, 2012

    0 votes
    15 answers
20. что значит запись section > div

    подскажите что значит section > div а то не нашел ..

    Asked by cyber_ua, April 27, 2012

    0 votes
    3 answers
21. Подскажите как разверстать макет

    Здравствуйте. Подскажите, пжл, как решить следующую задачу: необходимо создать макет из трех строк заполняющих окно по высоте на 100%. <html> <head></head> <body> <table style="height:100%; width:100%"> <tr height="20%" style="background-color: red"><td> </td></tr> <tr height="60%" style="background-color: yellow;"><td><div id="problemDIV" style="overflow:auto; height: 400px"><div id="programmaticHeight" style="height: 900px"></div></div></td></tr> <tr height="20%" style="background-color: green"><td> </td></tr> </table> </body> </…

    Asked by shuko, April 27, 2012

    0 votes
    0 answers
22. Макет: мин-высота = 100%

    здрасте. Такая задача: 1. двух-колоночный макет с контентом слева и сайдБаром справа 2. мин-высота макета = 100% 3. высота - определяется высотой контента или сайдБара (что выше) 4. средствами CSS (если возможно конечно) мин-высоты знаю можно добится html,body {100%} и потом растянуть контент или обвертку контента на 100. но тогда, если содержимого будет больше чем 100%-я высота - контент будет вылазить за пределы блока. реально такое сделать на css?

    Asked by paska, April 22, 2012

    0 votes
    9 answers
23. Грамотная верстка 3х элементов

    Пунктир - граница элементов. Имею 3 графических файла. Вместе они составляют одно целое. Высота среднего элемента непостоянна. Как грамотно сверстать эту вещь? Мой вариант: <div style="background: url('/paper/1.png') no-repeat;height:46px"></div> <div style="background: url('/paper/2.png') repeat-y;height:400px"></div> <div style="background: url('/paper/3.png') no-repeat;height:25px"></div> Уверен, что мой код создаст массу проблем при последующей верстке.

    Asked by Rise, April 27, 2012

    0 votes
    2 answers
24. Очистить тему Wordpress

    Привет, скачал тему с одного сайта, установил на свой бложек. Изначально было две ссылки в теме. Одна в футуре и одна в сайдбаре. Успешно удалил, и подумал, что больше ничего и не надо.Хрен. Менял стили и случайно снес все стили. Вижу такую картину: Я, извините, в ахуе. Ведь обычно сайт выглядит так: Смотрю исходный код: Естественно ссылка в стилях "косит" под обычный текст. А теперь вопрос: как удалить эти ссылки? Понятное дело, что эти ссылки генерируются автоматически. Что я делал: 1.Проверил тему плагином TAC, он рапортует, что тема чистая. 2.Искал во всех файлах темы eval,не нашел

    Asked by novickOk, April 27, 2012

    0 votes
    1 answer
25. CSS & rows [Stylish]

    Меняю морду опостылевшему корпоративному сайту под свой нрав -> доступа до кода нет. Встретил элемент которому не могу вправить высоту. Стал рыть - нарыл что в html вмонтирован frameset с параметром rows="23,*,5, 20". 23 - это высота. Меняю её значение через средства разработки FireFox - меняется высота. Как мне победить этого динозавра через CSS?

    Asked by VitaliyAT, April 27, 2012

    0 votes
    0 answers