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
-
Помогите с литературой для новичков.
Всем доброго времени суток. Нужен ваш совет по поводу выбора литературы по CSS. Есть начальные знания по HTML и CSS, но понимаю, что без хорошей литературы долго буду буксовать на месте. Пытаюсь освоить вёрстку DIV-ами, если есть какая нибудь литература и в этом направлении, тоже очень хотелось бы почитать. Так как в интернете полно всякого нужного и ненужного материала решил обратится за помощью к людям которые уже через это прошли и имеют хороший опыт. Надеюсь на вашу помощь и заранее благодарен.
0 votes3 answers -
Проблема в IE7, реализация вкладок.
Добрый день! Помогите пожалуйста, у меня проблемы с IE7. Делаю вкладки, для них использую список с display:inline Сама вкладка состоит из двух ссылок (одна - название, вторая - кнопочка закрыть). Если по горизонтали не хватает места, то вкладки переносятся на следующую строку. Но сама вкладка должна быть неделима, т.е. между ссылкой-названием и ссылкой-кнопкой не должно быть переноса строки. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <style> li {display:inline;float:left;B…
0 votes5 answers -
Как сделать чтобы фон не просвечивал полупрозрачный бордер?
subj. Вёрстка очень простая, <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> #test { background-color: red; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c000000'); border: 20px solid rgba(0, 0, 0, 0.2); } </style> </head> <body> <div id="test"> DIV </div> </body> </html> вот так она рисуется: Собственно вопрос в том, как сделать чтобы фон не просвечивал …
0 votes3 answers -
Проблемы с background-attachment
Здравствуйте уважаемые форумчане! Кажется сто лет здесь не была и наверное поэтому при верстке простого макета столкнулась с такой проблемой. Необходимо чтобы ячейка таблицы имела фиксированную высоту, не повторяющийся фон и еще текст находящийся в ней скроллировался. Я почитала в справочнике про свойство background-attachment и написала такой стиль: #centr { background-image: url(../images/content.gif); background-repeat: no-repeat; background-attachment: fixed; } Вот код страницы: <html> <head> <title>Магазин цветов</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/style.css" re…
0 votes2 answers -
Почему body перекрывает меню?
Здравствуйте Почему-то тег body перекрывает верхнюю часть страницы и на ссылки меню нельзя нажать. Отчего так? Вот пример
0 votes5 answers -
Проблема с AJAX
Доброго времени суток. Помогите, пожалуйста, разобраться: почему не подгружается нужный Div? <div id="Container"></div> <script> var Link='http://index2.html'; function getXmlHttp(){var xmlhttp;try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")}catch(e){try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")}catch(E){xmlhttp=false}}if(!xmlhttp&&typeof XMLHttpRequest!='undefined'){xmlhttp=new XMLHttpRequest()}return xmlhttp} var xmlhttp=getXmlHttp();xmlhttp.open('GET',Link,true);xmlhttp.onreadystatechange=function(){if(xmlhttp.readyState==4){ if(xmlhttp.status==200){ var Container=document.getElementById('Container');Container.innerHTML=xmlhttp.respo…
0 votes4 answers -
залипает выпадающее меню
Помогите разобраться, никак не вьеду. При переходе с одного пункта меню на другой залипает выпадающее меню и дергается туда сюда. html <div id="fdw"> <!--nav--> <nav> <ul> <li><a href="">Клуб</a> <ul style="display: none;" class="sub_menu"> <li class="arrow_top"></li> <li><a href="">О нас</a></li> <li><a href="">Инфроструктура</a></li> <li><a href="">Партнеры</a></li> <li><a href="">Спонсоры</a></li> </ul> </li> <li> <a href="">услуги</a> <ul style="display: none;" cla…
0 votes2 answers -
Создание схемы
Добрый день. Хочется спросить совета, кто что подскажет. Необходимо на сайте сделать что-то типа схемы. Схема каждый раз разна по сложности и по элементам, т.е расположение блоков может быть каким угодно и где угодно. Блоки схемы - необходимо чтобы они были отдельным активным элементом (при жмаке на блок ссылка, при наведении меняет цвет например). Так вот сам вопрос: как такое сделать просто и удобно? Допустим, блоками див. Но позиционирование таких блоков на странице не должно быть абсолютным, для совместимости разных разрешений экрана например. А при относительном позиционировании - наугад тыкать координаты, сохранять страницу (делаю все в дримвивер), открывать и смотр…
0 votes8 answers -
Вертикальное меню с выдвигающимся подменю
необходимо чтобы подменю было такой же ширины как меню.А цвет подменю отличался от цвета основного меню.И еще чтобы во время того пока мы смотрим подменю,пункт основного меню из которого выпало подменю тоже подсвечивался каким то цветом .вот ссылка помогите http://files.mail.ru/E865FC42CE7F4E0888FB9568B70BFC3D.я еще амейтер в этом деле
0 votes1 answer -
Подскажите хороший способ задания градиента для текста
Подскажите хороший способ задания градиента для текста. Насколько я знаю есть плагины на jquery, не вызовут ли они тормозов? (не подскажете неплохой плагин, которым вы пользуетесь?) Прозрачная картинка через span - делает невозможным нормальное выделение текста - верно? Может есть css3 возможность сделать градиент? Если да, то какова кроссбраузерность метода?
0 votes6 answers -
Верстка
Здравствуйте. Скажите, пожалуйста, как убрать прастранство между footer и content? @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { margin-left: 350px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { margin: 0px; padding: 15px; text-align: center;}#links { float: left; position: absolute;}#nav, …
0 votes6 answers -
Прозрачный градиент с двух сторон
Как можно сделать блок с полу-прозрачным градиентом. Причем, слева и справа где-то на 20px плавное затухание от прозрачного до красного цвета. То есть, по бокам он прозрачный, по середине красный, и между прозрачностью и красным цветом плавный переход. Вот пример, то что сумел сделать - http://jsfiddle.net/Le95s/ сам градиент сформировал на сайте - _http://www.colorzilla.com/gradient-editor/ Наверно три блока надо было делать?
0 votes2 answers -
Помогите с transition (плавное увеличение картинки)
Сделал чтоб при наведении на картинку (background) она увеличивалась, но вот запилить "плавность" что-то не выходит... https://jsfiddle.net/degid/0jtyjqaa/5/ Колупаюсь-колупаюсь, а всё никак не могу раздуплиться... transition не на то свойство вешаю штоль...
0 votes4 answers -
Проблема с футтером
Всем привет Пытаюсь изменить высоту футтера на сайте http://zpcom.ru/, сделав её равной 100px, но меняя с 271 на 100 футтер "улетает" вверх. 1. Как сделать так, что бы блок #footer-wrapper находился под блоком #copyright-row и не менял своего положения, при изменении его высоты? 2. От каких границ отталкивается блок #footer-wrapper и почему?
0 votes1 answer -
onmousedown и onmouseup android
Здравствуйте. <div id="qaz" class="Pv100" onmousedown="myFunction()" onmouseup="myFunction1()"></div> function myFunction() { document.getElementById("qaz").style.backgroundColor="#FFD800"; } function myFunction1() { document.getElementById("qaz").style.backgroundColor="#FF0000"; } В браузере на компьютере работает как положено, на телефоне если нажать и отпустить только красный цвет, жёлтого нет, почему?
0 votes1 answer -
Формы в HTML
Как сделать такую форму?
0 votes1 answer -
Можно ли убрать пустое пространство
Я взял способ от скрыто / открывающего навигационного меню. Скрыл раздел в теге главная обернутый в li. Как убрать пустое пространство между main и нижним колонтитулами
0 votes0 answers -
XML kodirovka
Warning: DOMDocument::save() [domdocument.save]: string is not in UTF-8 in Z:\home\testu1.ua\www\scripts.txt on line 86 ne prinimaet kirillizu(((( chto delat'?
0 votes1 answer -
Выравниваени float блоков посерединке
Народ, подскажите идеальное решение, как выровнять зафлоаченный по левому краю блок по середине родительского элемента! НО! ширина зафлоаченного блока и родительского не фиксированная
0 votes2 answers -
Как сделать рекламку
Есть сайтик на Джумле,мне нужно сделать банер который бы висел допустим справа и непрокручивался бы со страницей.И ессно чтобы можно было кликнуть по нему) Это на html реально?) СПС)
0 votes1 answer -
Выделяется строка таблицы
Здравствуйте. Уважаемые гуру скажите как можно организовать. Есть таблица состоящея из нескольких строк. Там 5 колонок. 2 колонка картинка. 3 колонка ссылка. Нужно сделать так что бы при наведении на строку картинка менялась на другую, весь текст и ссылка становились красными. Понимаю как сделать для одной картинки по средством css и с помощью :hover ____________________________________________________________ | | | | | |картинка | текст | ссылка | текст | |___________|______________|______________|_________________| | …
0 votes5 answers -
Поддерживает?
Мне интересно поддерживает IE 6 overflow: hidden;???
0 votes4 answers -
Не получается
Добрый день, прошу помощи по CSS вот в каком вопросе. Пытаюсь сделать CSS галерею, такую, что при наведении курсора, фотография плавно перетекала из уменьшенного размера в свой исходный. Пример подобной галлереи: .hovergallery img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin betwe…
0 votes2 answers -
Проблемы при переносе списка на след. строку
Всем привет. Есть такая проблема - я расположил изображения на странице с помощью списка по горизонтали. При меньшем разрешении то что не влезает переносится на следующую строку. Но, если добавить к изображениям подписи, нижняя строка начинает съезжать вправо. Никак не могу от этого избавиться. Помогите!
0 votes3 answers -
flash в Опере
При наведении на flash (меню из пяти пунктов в центре, каждый пункт - отдельная флешка) должен появляться визуальный эффект. Во всех браузерах срабатывает корректно, а в Опере только после клика по flash. Подскажите, в чем проблема? http://skatadov.ru/test/001/
0 votes3 answers