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
29,542 questions in this forum
-
Переход по ссылке через тип "radio"
Через тег "input" как можно сделать, чтобы через активный объект (<input type="radio".......>) по нажатию на кнопку был переход на какой-либо сайт?
0 votes3 answers -
XMLHttpRequest не работает в chrome
Привет. Проблема в следующем. Есть одна страничка, на которой две вкладки, на второй вкладке исполняется js. В firefox'e все как надо, запускаю localhost и на какой-бы вкладке изначально я не оказался, анимация svg (js выполняет) работает, после перехода с 2ой вкладки на первую и обратно, анимация также работает. Что происходит в Хроме: Если я запускаю страницу (перезапускаю) и оказываюсь на второй вкладке, то анимация есть, стоит перейти с 2ой вкладки на 1ю и обратно, анимация пропадает. Суть в том, что в хроме при любом переходе между вкладками js перестает работать, либо проблема в XMLHttpRequest. Привожу js код, который исполняется на второй вкладке: var svgDoc; v…
0 votes3 answers -
Резиновая кнопка оригинальной формы
Я недавно начал заниматься версткой и столкнулся с небольшой проблемой. Нужно сделать кнопку, растягивающуюся в зависимости от ширины текста. Кнопка имеет необычную форму. Растягивание кнопки с обычными закруглениями выполняется просто. Здесь нужно сохранить форму кнопки: левый и правый края, а растягивать только середину. Я нашел решение, но в нем кнопка становиться длинной с большими отступами текста. Нужно сделать кнопку как можно короче. Кто сталкивался с подобной проблемой, надеюсь на вашу помощь. Заранее благодарен. Кнопка: http://webfile.ru/5469334
0 votes3 answers -
Список выходит за пределы слоя
Есть ненумерованный список, каждый пункт списка помечен картинкой. Этот список вылез за пределы слоя куда-то в межзвездное пространство на краю страницы по горизонтали, хотя по вертикали стоит как надо. Как я уже не пытался это исправить, или хотя бы понять в чем проблема-не получается. При overflow:hidden - список исчезает. Увеличивал размер слоя - не помогло. Помогите пожалуйста, буду очень благодарен. Код: <div id="bottom"> <div id="col4"> <h4>About Us</h4> <p class="three">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore …
0 votes4 answers -
А можно собрать информацию с разных страниц?
Вот скажите пожалуйста, если у меня разные страницы, а с них надо собрать воедино информацию, введенную пользователем, возможно ли это сделать? Я так понимаю только при помощи php, при помощи глобальной переменной. Как же? Или я ничего не понимаю:/
0 votes8 answers -
Подскажите просмотрщик для стилей.
Добрый день! Сталкнулась с проблемой неправильного отображения сайта, в одном и том же браузере и одной версии. Может ли такое быть? Может есть просмотрщики для сайтов, чтобы посмотреть в разных браузерах с разными расширениями экрана. Подскажите.
0 votes20 answers -
Верстка на дивах
Необходимо сделать следующую вещь: С дивной версткой мало знаком, прошу помочь кто знает. По идее, человек который хоть раз такое делал слету скажет что и как надо сделать.
0 votes12 answers -
обрезание текста на css3
Есть див с параметрами - width: 500px; height: 30px; в него засунуто слишком много текста, нужно чтобы он красиво обрезался, т.е. как див заканчивается стояло бы многоточие. С помощью text-overflow не смог сделать, как понял он обрезает только строку. Как реализовать? на html+css?
0 votes3 answers -
ширина столбцов в таблице в % и в px
Есть таблица из 21ого столбца, которые разбиты на повторяющиеся тройки ширина 1ого = 10px ширина 2ого= x..? ширина 3его = 43px и так семь раз Вопрос: Надо сделать так, чтобы все x были одинаковые я пробловал делать так: <td width=10px backgorund="blabla2.gif"> </td> <td width="14%" backgorund="blabla2.gif">текстик </td> <td width=43px backgorund="blabla3.gif > </td> Т.е. я планирую, что браузер повычитает из ширины экрана семь раз 10 пикселей, затем 7 раз 43 пикселя, оставшееся число разделит на 7 и задаст их вторым колонкам. Но, видимо, он делает вс? совсем не так. Ширина вторых колонок равняется по их содержимому.
0 votes12 answers -
CSS и PHP
PHP скрипт генерирует обычную таблицу из MySQL. Как вывести результат используя классы CSS. Конкретно - задать ширину столбцов и в первом (естественно № пп) текст по центру, в остальных столбцах - слева. Подскажите пожалуйста, ну очень длинный затуп а результатов не дал. Спасибо
0 votes15 answers -
li ul как изменить маркер для всего сайта CSS
Нужно заменить маркер на изображение во всех списках.
0 votes6 answers -
Раскрывающийся список в строку
Опять я со своим списком, но уже совсем по другому вопросу. Итак, здесьесть меню, сделанное по этому образцу. Всё работает, всё хорошо, но я теперь хочу растянуть выпадающий список тоже в одну строку. Для этого прописала в #nav ul li {float: left;}. И, в итоге, получилось, что пункты не растянулись в одну строку, а их что-то ограничивает по ширине, и они всё равно переносятся. Я не могу понять, чем это регулируется? И ещё нужно будет, чтобы эти выпадающие пункты "выпадали" не сразу под родительским пунктом, а ниже (под синей подложкой верхнего меню, если смотреть на сайт). Для этого нужно где-то прописать position к дочернему списку или как-то ещё?
0 votes7 answers -
Validation Output: 6 Errors
Всем привет! Хочу довести сайт до ума и сейчас занялся Валидностью кода! Было 131 ошибка, но снизил все до 14 4 из них это noindex - бог с ним! Но вот привожу 10 остальных! document type does not allow element "div" here …h +'px;height:'+ bigHeight +'px;z-index:9999;'+xPosBig+';top:-1000px;">'); document type does not allow element "div" here …mbWidth +'px;height:'+ thumbHeight +'px;z-index:9999;'+xPos+':0px;top:0px;">'); end tag for "param" omitted, but OMITTAG NO was specified …ad.ru/images/banners/butikparfum.swf"><embed src="http://onlin.... there is no attribute "src" …s/banners/butikparfum.swf"><embed src="http://onlid.ru/images/banne… there i…
0 votes15 answers -
переход на html5
в общем картина такова что никто особо не переходит на html5, пока просто изучают и балуются или время уже наступило?
0 votes6 answers -
не могу привязать css к html-файлу
Всем доброго дня. По какой-то причине не могу привязать css стиль к index страничке. Все файлы находятся у меня на компе. В корне папки находится index.html а в подпапке css - style.css Пишу в хеде кода <link href="css/style.css" type="text/css" rel="stylesheet"> в самом css файле у меня для примера написано: body { background: red;} h1 { color: red; } Но в превью окне никаких изменений не отображается. Сам HTML код пишется и визуализируется нормально. пишу в Atom подскажите, в чем может быть причина? Небольшой апдейт: оказывается, файл все-таки привязывается, только изменения css никак не отображаются в мини-браузере атома. …
0 votes3 answers -
Ucoz
Скажите пожалуйста, возможно ли практиковаться и оттачивать навыки CSS и HTML на Ucoz.ru?
0 votes19 answers -
Отступы в списке
Есть следующий список. В IE7 между пунктами наблюдается небольшой промежуток, в остальных браузерах его нет. Как убрать знаю, но не могу понять, откуда он берется. Что скажете? <!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"> <head> <title>Меню</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> LI { list-style: none; /* Убираем маркеры */ border: 1px solid #CCC; /* Рамка вокруг пунктов меню */ width: 200px; /* Ширина меню */ } A { display: block; /* Ссыл…
0 votes33 answers -
точные размеры трехколоночного макета, чтоб не разъезжался
нашел я всё-таки макет подходящий, он почти идеален единственная проблема, никак не могу подогнать точные размеры, блоки периодически уплывают... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Three column CSS layout: 100% height with footer | Savio.no</title> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> <style type="text/css"> /* CSS-file for three column layout 2006 Developed by Eivind Savio */ * /*Set's border, padding and margin to 0 for all v…
0 votes27 answers -
Проблема с div-ссылкой в Firefox
Суть такова. Делаем портал на php с одним человеком. Дизайн разработал я, а верстал он. Но мы оба не профессионалы в этом деле и так как я пользуюсь браузером Firefox, а он - Opera, то у нас сразу выяснилось много проблем. И вот одна из них, которую мы просто наглухо не можем решить. Дело вот в чём. Разрабатываем топ юзеров, ну блок такой сбоку. Выглядит он примерно так: При наведении курсора на каждый блок он весь как ссылка отображаться должен. То есть не только на текст ника или аватарку, а вообще ка каждый отдельный блок курсор наводишь, он цвет немного меняет и как ссылка отображается. Их CSS таков: .usertop-block-0 { font-family: tahoma, verdana, arial, sans-se…
0 votes10 answers -
Проблемы с шрифтами
Добрый день. Дело в том, что не понимаю, что происходит. У меня на сайте используются нестандартные шрифты, которые закинул в папку fonts и подключил их через стили. В индексе прописал <link href="fonts.css" rel="stylesheet" type="text/css"> чтобы он подгружал их, сами шрифты в fonts.css выглядят так: @font-face { font-family: Roboto; src : url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.ttf'); } P { font-family: Roboto; } @font-face { font-family: Roboto-Condensed; src : url('fonts/Roboto-Condensed.eot'); src: url('fonts/Roboto-Condensed.ttf'); } P { font-family: Roboto-Condensed; } Проблема в том, что если просматривать сайт с компьютера, то все …
0 votes8 answers -
Сдвигается сожержимое блока
Подскажите, почему при наведении на блок, когда появляется рамка, все сдвигается? Как сделать, чтобы содержимое блока оставалось неподвижным при наведении ? http://jsfiddle.net/qnr9Y/2/
0 votes6 answers -
Расположение блоков рядами
Здравствуйте! У меня такая ситуация. Вот, нарисовал недавно дизайн сайта: Ну и, соответственно, нужно сверстать. Поскольку я дизайнер, то верстаю не слишком часто и до этого в основном, по старинке, верстал таблицами. Сейчас же решил, что это совсем уж прошлый век, поэтому сверстал все дивами и цсс. Вот такой код получился в первоначальном варианте: сам сайт: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Магазин спайса</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/…
0 votes11 answers -
Бесплатные он-лайн курсы
В середине сентября (предположительно старт будет 20 числа), будем проводить месячный бесплатный он-лайн курс на тему: "создание сайтов с нуля", после прослушивания и непосредственного участия в данном курсе Вы сможете создавать сайты своими руками, более того, вы сможете создать свою web-студию, а также узнаете свои возможности в дальнейшей карьере и ответы на любые вопросы он-лайн. На время обучения все получат необходимое лицензионное программное обеспечение (CMS программу) для занятий. Предположительные темы: 1. Что за такой зверь сайт и с чем его едят. 2. CMS система как лучший станок для создания сайтов 3. Откуда взять дизайн, основы работы в графических редакторах …
0 votes22 answers -
Не растягивается сайт на всю ширину экрана на мобильных устройствах
Добрый вечер. Никак не могу решить проблему. На мобильных устройствах (в частности iphone) на сайте присутствует непонятный зазор справа где-то 5-6 мм. Может кто сталкивался с подобным? Сайт http://www.blushbride.ru/ Кстати, на этом ресурсе зазор тоже виден: http://mobiletest.me/iphone_5_emulator/#u=http://www.blushbride.ru/
0 votes4 answers -
Сдвиг каждой строки
Здравствуйте. Можно ли как-то реализовать вот такую штуку... Каждая следующая строка текста сдивагается на определенное количество пикселей. Например: вввввввввввв вввввввввввв вввввввввввв вввввввввввв вввввв Очень интересная задача, и мне интересно, можно ли такое реализвать с помощью CSS?
0 votes14 answers