HTML Coding

29542 questions in this forum

1. не могу поставить блоки по середине сайта

   на сайте несколько ссылок набитых на квадратных картинках (9шт) все они смещены влево к меню сайта а не по середине.помогите! не получается что бы они были по середине вот мой код: <table cellpadding="0" cellspacing="53px" border =0 > <tr> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Turkey.JPG)"> <a href="?id=10056" ><font color=#FFFFFF><font size=+1><b>Турция</b></font></font></a> </td> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Tunis.jpg)" > <a href="?id=10048" ><font color=#FFFFFF><fo…

   Asked by denis21, May 4, 2011

   0 votes
   4 answers
2. Интересная вещь))

   Игрался с вёрсткой и решил попробывать может ли СSS отнимать от 100% какие либо число. Оказалось что не может но тем не мение если поставить после 100% знак минус, тоесть так width:100%-; то получаеться очень забавная вещь. Насколько я понял оно от 100% отнимает величину падинга. Кто может обьяснить более детально? P.S. Гуглил и не нашол.

   Asked by demi, June 16, 2011

   0 votes
   14 answers
3. Помогите пожалуйста СРОЧНО

   Доброго времени суток Всем!!! У меня проблема стала с активной кнопкой которую делал через компонент -=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
4. 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
5. Простая форма на 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
6. Длинное название работы в элементе галлереи.

   Здравствуйте. Никак не могу сообразить как сделать что бы длинное название работы переносилось по строчкам учитывая что высота картинок фиксированная, а ширина плавующая? Код элемента галлереи: <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
7. Сейчас реально нужно ли адаптировать hover-меню для тачскрин устройств?

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

   Asked by tamirov, November 9, 2015

   0 votes
   4 answers
8. Как заменить тег <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
9. Проблема с формой....

   Это все элементарно, но все таки прошу помощи) Есть форма. Надо чтобы, когда я нажмаю на одну кнопку, мне на этой же странице показывалась одна информация, а когда нажимаю на вторую кнопку, то показывалась другая инфа. Вот код: <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
10. Проблема с 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
11. input file value?

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

    Asked by ravend, June 2, 2010

    0 votes
    1 answer
12. Растягивает страницу

    Ну вот собственно и проблема: Поставил подсветку синтаксиса, а она растягивает страницу, подсвечивает в конструкции 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
13. Bootstrap + search form

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

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

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

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

    Asked by vitaxastifler, September 4, 2014

    0 votes
    19 answers
15. Границы 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
16. Ищу аналог deviceponsive.com

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

    Asked by mstdmstd, September 4, 2017

    0 votes
    3 answers
17. в 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
18. Как на CSS лучше сделать две колонки с размерами по 50% без применения table

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

    Asked by kich, January 20, 2009

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

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

    Asked by Worldmaker, July 10, 2009

    0 votes
    6 answers
20. 2 вопроса повтор

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

    Asked by D_D, July 9, 2010

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

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

    Asked by ilya_daddy, August 13, 2010

    0 votes
    10 answers
22. резинновый макет с position:absolute ?

    с координатами сделать такое не проблема, если верхний блок имеет чёткие размеры, а если эти размеры не известны ? возможно ли вообще ? блок должен центрироваться, а в случае если его размеры превысят серый блок, он должен прилипнуть к голубому блоку и тянутся, не сдвигая желтый блок (красный маленький блок, зелёный, если его содержимое будет большим) вот так смог если известен размер верхнего блока <!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"> <style> body {margin:0;} .tops { position:absolute; border:1px solid red; height:295px; width:100%…

    Asked by iillyyaa2, May 27, 2011

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

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

    Asked by Vendetta-V, July 3, 2011

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

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

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

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

    Здравствуйте! Помогите, пожалуйста, никак не могу разобраться, как можно повлиять на такую ситуацию. Кажется все просто, но я что-то упускаю из вида. Была таблица такого вида: <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