HTML Coding

29542 questions in this forum

1. Помогите пожалуйста СРОЧНО

   Доброго времени суток Всем!!! У меня проблема стала с активной кнопкой которую делал через компонент -=rollover=-. Делаю сайт для своего клана и хотел сделать красивые кнопки при наведении на которуе стандартное изображение меняется на новое. Делал вот так: A.rollover { background: url(gun.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 90px; /* Ширина рисунка */ height: 301px; /* Высота рисунка */ } A.rollover:hover { background: url(gun01.png); /* Путь к файлу с заменяемым рисунком */ } Всё конечно получилось и кнопочка работает. Но трабл заключается в том, что мне нужно сделать таких кнопок 10 штук (ну или хотя…

   Asked by NikNak, June 20, 2011

   0 votes
   14 answers
2. Нестандартные бордеры

   Возникла проблема при верстке достаточно не стандартных бордеров в таблице, см. ниже Решение которое я выбрала это положить в ячейки div, что бы ему задать margin left и right и ему же добавить border-bottom. Но возникает проблема div по высоте занимает высоту контента и нижний бордер не на одном уровне результат-http://jsfiddle.net/chiffenok/KqNS7/ Объясню, почему я использую внутри дивы: если посмотреть на горизонтальные границы между строками они с разрывами. Что бы сделать такие разрывы подходит маржин слева и справа но маржин не действует на ячейки таблицы. А если просто применить бордеры к ячейкам то они будут слитные. Атрибуты cellspacing и cellpadding здесь не по…

   Asked by chiffenok, April 18, 2012

   0 votes
   14 answers
3. HTML5 SVG грфика и анимация

   Люди подскажите пожалуйста,создал хтмл график и анимировал его но проблема, сам график черного цвета в анимации я хотел показывать путь выполнения заменяя цвет на зеленый по нажатию кнопки, но проблема при запуске страници цвет сразу заменяется на зеленый. подскажите пожалуйста что можно сделать? вот анимация отдельного блока для овала и линии <rect x="100" y="80" width="140" height="40" rx="60" ry="25" style="stroke: green; fill: white" ; stroke-width="1.5" fill="slategrey"> <animate attributeName="height" from="0" to="40" begin="button.click" dur="1s"/> </rect> <line x1="120" y1="150" x2="250" y2="150" stroke="green" stroke-width="1.5" > &lt…

   Asked by Гиф, March 14, 2013

   0 votes
   10 answers
4. Длинное название работы в элементе галлереи.

   Здравствуйте. Никак не могу сообразить как сделать что бы длинное название работы переносилось по строчкам учитывая что высота картинок фиксированная, а ширина плавующая? Код элемента галлереи: <style> div.gallery_detail_item {float: left; margin-right: 10px; height: 250px;} div.gallery_detail_works img {height: 150px;} div.gallery_detail_item_name {} div.gallery_detail_item_autor {}</style><div class="gallery_detail_item"> <a href=""> <img src="imgUrl"> </a> <div class="gallery_detail_item_name"> Работа с ну совсем уж очень длинным названием </div> <div class="gallery_detail_item_autor"> <a href="">Денис…

   Asked by denisator, September 7, 2015

   0 votes
   6 answers
5. Сейчас реально нужно ли адаптировать hover-меню для тачскрин устройств?

   У меня складывается такое впечатление, что современные тачскрин устройства сами прекрасно обрабатывают hover событие по клику. Поэтому хотелось бы узнать мнение сообщества: я одинок в своих догадках, что переводя hover-меню на javascript костыли я занимаюсь мартышкиным трудом, если не хуже. Хочу пояснить, что рассматриваю вариант когда родительский пункт меню сам по себе ссылкой не является.

   Asked by tamirov, November 9, 2015

   0 votes
   4 answers
6. Как заменить тег <h3>

   Подскажите пожалуйста. Выяснилось, что на сайте, названия информационных блоков заключены в тег <h3>. Уже битый час бьюсь, и никак не могу заменить его. <?php if ($informations) { ?> <div class="column"> <h3><?php echo $text_information; ?></h3> <ul> <?php foreach ($informations as $information) { ?> <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li> <?php } ?> </ul> Как в этом коде заменить тег <h3> на такой же размер шрифта, но чтобы не сломать класс "column"?

   Asked by SergMcLaren`, April 28, 2016

   • h3
   0 votes
   6 answers
7. Проблема с формой....

   Это все элементарно, но все таки прошу помощи) Есть форма. Надо чтобы, когда я нажмаю на одну кнопку, мне на этой же странице показывалась одна информация, а когда нажимаю на вторую кнопку, то показывалась другая инфа. Вот код: <form> <input type="submit" name="now" value="За Сегодня" /> <input type="submit" name="7_days" value="За неделю" /> </form> <?php if (isset($_POST['now'])){ echo "Сегодня"; if (isset($_POST['7_days'])){ echo "7 дней"; } ?> Так не работает... в чем проблема????

   Asked by kichik, July 18, 2009

   0 votes
   3 answers
8. Проблема с TEXTAREA

   Всем здравствуйте. У меня возникла одна проблема. Короче говоря, у меня есть блог, в нём я опубликовываю уроки по html, css, php и тд. На странице добавления и редактирования материалов у меня стоит textarea, куда я ввожу всю информацию об уроке, а так же примеры html, css. Так вот, я хочу заключать коды в отдельные textarea, но по крайней мере я убедился что в textarea нельзя вставлять ещё один же textarea. Мне нужен код, через который я смогу добавлять коды на свой сайт, и естественно чтобы он не работал: например если я напишу <b>аа</b>, он мне напишет аа, нет, мне нужно чтобы если я напишу <b>aa</b>, то у меня и будет так написано. А то, когда …

   Asked by nikita3334, April 25, 2010

   0 votes
   6 answers
9. Растягивает страницу

   Ну вот собственно и проблема: Поставил подсветку синтаксиса, а она растягивает страницу, подсвечивает в конструкции code class="html" вот стиль code.html {display: block; text-align: left; padding: 2px; border:1px dotted #6633FF; border-left: 2px dotted #6666FF; max-height: 200px; overflow: auto; font-size: 10pt; background: url(/img/code_fon.gif);} По идее должно всё работать, а не катит( вот скрин: http://s48.radikal.ru/i121/1007/a1/9e6391e5f40b.png нетрудно догадаться что с права должен быть ещё контейнер но его утащило, растянуло на всю страницу причём код с пробелами и должен был отступить, даже если нет поч overflow: auto не работает как надо??

   Asked by ВэйДлин, July 7, 2010

   0 votes
   7 answers
10. Bootstrap + search form

    Не могу понять, как в Bootstrap изменить дину поисковой формы. В Друпал + Омега выглядит так: 1. 15 знаков длины 2. Кнопка в одной линии с формой. Включаю библиотеку Bootstrap, и форма приобретает такой вид, Если в настройках блока (модуль Block Class) указать класс span1, то все приобретает такой вид: т.е. размеры блока меняются, но поле ввода, конечно, остается прежним. Как сделать, чтобы с Bootstrap это выглядело как обычно?

    Asked by Леонардо, August 17, 2013

    0 votes
    3 answers
11. Сайт где видно резиновую вёрстку

    Резиновый сайт! Люди нужна ваша помощь Мне надо какой то сайт где я смогу посмотреть как будет выглядеть моя вёрстка на разных расширениях экрана,а то как то задолбало бегать по всему отделу и тестировать. Спасибо. Я когда то встречал такие там кидаешь ссылку на сайт и оно показывает.

    Asked by vitaxastifler, September 4, 2014

    0 votes
    19 answers
12. Простая форма на html. Простая защита от роботов.

    Не нашел подобную тему на форуме. И не нашел ответ на вопрос в описании тегов форм. Суть в следующем,повадился на мой сайт какой то долбанный робот и постоянно заполняет форму. Меня запарило каждый раз все это проверять, что бы понять реальная ли идет заявка или робот гадит. Форма простая на html, вот код. <!-- Начало формы бронирования --> <form action="formdata.php" method="POST" name="zayavka"><p><label>Введите Ваше имя: <input type="text" name="name" required size="40" maxlength="25"></label> <p4>*</p4></p><br><p><label>Введите Ваш номер телефона: +7 <input type="text" name="tel" required…

    Asked by amv, April 11, 2015

    0 votes
    4 answers
13. Границы inline-block

    http://jsfiddle.net/Launder/d70c2kg1/4/ <ul class="menu"> <li><a href="#">Разные вкусности</a> <ul> <li><a href="#">Суп с клёцками</a></li> <li><a href="#">Пироги с капустой и яйцом</a></li> <li><a href="#">Торт Медовый</a></li> </ul> </li> <li><a href="#">Узбекская кухня</a> <ul> <li><a href="#">Плов по-бухарски с изюмом</a></li> <li><a href="#">Плов с бараниной и нутом</a></li> <li><a href="#">Халва из ядрышек урюка</a></…

    Asked by Launder, August 6, 2015

    • inline-block
    • box-shadow
    • position
    0 votes
    7 answers
14. Ищу аналог deviceponsive.com

    Всем привет, Подскажите, пожалуйста удобный аналог http://www.deviceponsive.com/ для тестирования верстки на разл девайсах Спасибо!

    Asked by mstdmstd, September 4, 2017

    0 votes
    3 answers
15. Как на CSS лучше сделать две колонки с размерами по 50% без применения table

    Как на CSS лучше сделать две колонки с размерами по 50% без применения table? Хочу услышать ваши способы

    Asked by kich, January 20, 2009

    0 votes
    2 answers
16. Кнопки...

    Хочу сделать так, чтобы при наведении на кнопку начиналась анимация - кнопка начинала как бы гореть. А после того как убрали курсор с кнопки, кнопка постепено затухала, т.е. анимация резко не обрывалась. Как такое замутить без скриптов ?

    Asked by Worldmaker, July 10, 2009

    0 votes
    6 answers
17. input file value?

    Привет, All! подскажите как в <input type=file> прописать введенное ранее значение, если пишу в value ничего не отображается

    Asked by ravend, June 2, 2010

    0 votes
    1 answer
18. 2 вопроса повтор

    Здравствуйте! я конечно очень рада, что было уделено такое внимание моим вопросам, но ответы на них так и не были получены!!! со вторым вопросом по поводу рястяжения (съужения) блока по ширине контента флоат помог, спасибо большое, но вот с таблицей все равно 1/3 не получается я вставляю для ячейки onclick="alert($(this).width()); alert($('table').width());" и то, что он выдает 1/3 не является, может что-то не то в скрипте написано? Спасибо большущее заранее!!!

    Asked by D_D, July 9, 2010

    0 votes
    11 answers
19. С помощью чего лучше сделать?

    Такой вопрос, может банальный до ужаса, но как новичку может и простите ))))) В сайте есть окно для контента (оформлено графически) Хотелось бы чтоб в нем был основной текст и вертикальная прокрутка. с помощью чего лучше сделать такое окно?

    Asked by ilya_daddy, August 13, 2010

    0 votes
    10 answers
20. Проблема с дивами!

    Здраствуйте ! Есть три блока : Главный по центру (980пх), слева и справа прилагаеться картинка в блоке (бг, 23*480). справа блок с картинкой стыкуеться с центральным(флоат), а как сделать так, чтобы блок слева стыковался к центральному блоку а не к левой стенке? Спасибо! ПС. Можно и не блок, главное, чтобы картинки были справа и слева основного блока! Заранее благодарен! С уважением, Андрей!

    Asked by Vendetta-V, July 3, 2011

    0 votes
    16 answers
21. Использование в margin отрицательных значений

    Сабж,это нормально или как-то это можно обойти?

    Asked by Дажьбог, January 25, 2012

    0 votes
    6 answers
22. Выравнивание картинки и текста-ссылки по вертикали

    Здравствуйте! Помогите, пожалуйста, никак не могу разобраться, как можно повлиять на такую ситуацию. Кажется все просто, но я что-то упускаю из вида. Была таблица такого вида: <table cellpadding=0 cellspacing=0 align=center><tr> <td valign=middle><a href="ссылка"><img url="адрес картинки"></a></td> <td valign=middle><a href="ссылка">Название</a></td> </tr></table> Нужно переделать так, чтобы ячейка с картинкой и ячейка с названием стали одной ссылкой. Сделал такого вида: <table cellpadding=0 cellspacing=0 align=center><tr&g…

    Asked by MagAssist, March 19, 2012

    0 votes
    5 answers
23. Background обрезается

    Здравствуйте, У меня возникла проблема с background -ом когда изменяется масштаб окна браузера. Когда масштаб большой (>100%) , background который находится на полосе прокрутке просто НЕТ, а когда масштаб маленький (<100%) он растягивается. Растягивается потому что стоит width:100%, background-size:cover; (>100%); А вот как сделать чтобы background всегда был на всё окно + с полосами прокрутки (<100%). Очень признательный буду если кто сможет помочь и объяснить? Как лучше верстать фиксированной, резиновой, адаптивной и отзывчивой вёрсткой?

    Asked by Bts, December 27, 2016

    • css
    • html
    • css3
    • html5
    • rwd
    0 votes
    1 answer
24. Нижний отступ в слое

    #title { left:0px; top:0px; border: 3px solid white; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } <div id="title"><img src="/pictures/n-shap.jpg"></div> Проблема в том, что снизу между картинкой и бордером 3 пикселя пустоты. Как это исправить?

    Asked by Argnist, August 26, 2007

    0 votes
    4 answers
25. в ie не меняется цвет фона ссылки в меню

    В ie цвет фона меняется только когда наводиш курсор мыши на саму ссылку а нужно что бы пункты меню не только выгледели достойно но и работали когда как кнопка! Как заставить ie менять цвет фона при наведении не только на ссылку? вот так оно выглядит у меня! .markermenu{ list-style-type: none; behavior: url(csshover.htc); margin: 5px 0; padding: 0; width:180px; list-style:none; } .markermenu li a{ background: no-repeat 5px center; background-color: #710000; font-weight:bold; color: #ffffff; display: block; padding: 3px 0; padding-left: 20px; text-decoration: none; list-style-type: none; list-style:none; border-left: 10px; border-right: 10px; } html>body .markermen…

    Asked by orchanin, November 23, 2007

    0 votes
    4 answers