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
-
Как работает адаптивность в Bootstrap?
Заинтересовался адаптивными сайтами на Bootstrap. И вот меня интересует такой вопрос: с помощью чего (каких правил CSS и т.д.) при разных размерах экранов появляются одни объекты (слои) и скрываются другие. Погуглил, но ничего дельного не нашел, мб не так гуглил. ) Меня интересует код, если кто-то подскажет буду благодарен. P.S.: На сколько я знаю все сделано без использования JS, на чистом CSS и HTML.
0 votes3 answers -
высота height checkbox css
Здравствуйте. Имеется <input type="checkbox" /> Задаю ему высоту height: 21px; Но сам чекбокс не меняется, а образуются какие-то поля вокруг него. Вопрос: как работает height у checkbox и radio input`ов? p.s. в opera если обнулить border и background, то изменяется сам чекбокс.
0 votes4 answers -
Может поможите?
у меня проблема!я не могу придумать про что можно сделать сайт?я хочу сделать очень интересный сайт о чем-нибудь!вот может сделать о военной техники, какие у вас на этот счет мысли?
0 votes50 answers -
Помогите с wp версткой
Здравствуйте! Есть такой сайт http://promokodiwildberries.ru/ нужно сверстать вывод поста как у этого сайта http://promonator.ru/shops/bay/promocode/ чтобы пост выводился в 2 колонки в первом картинка, а во втором сама статья.
0 votes3 answers -
Сайт без вертикальной прокрутки, адаптивный, футер прижат книзу
Очень нужна помощь опытных верстальщиков. Визуально ТЗ на картинке. Требования следующие: 1) футер прижат книзу 2) фоновый слайдер-карусель (выглядит именно так, по бокам предыдущая и следующая фотографии чуть затемненные) 3) полностью адаптивный, другими словами не должно быть ни горизонтальной, ни вертикальной прокрутки при любых разрешениях экрана 4) контент расположен в блоке поверх карусели 5) все это должно работать на CMS Joomla Я уже чего только не пробовал. Универсального решения не нашел. Фиксишь футер, остается пространство между каруселью и футером. Подгонять по высоте и прописывать стили для всех типов разрешений... Вряд ли оптимальный спос…
0 votes20 answers -
Подключение CSS через Javascript
Как подключить через Javascript для Мозиллы? Для оперы: <script type="text/javascript"> if(window.opera) {document.write('<link rel="stylesheet" type="text/css" href="style/opera.css" />');} </script> Для IE можно не использовать java script: <!--[if IE ]> <link rel="stylesheet" type="text/css" href="style/ie.css" /> <![endif]--> Подскажите как для IE. Только я не прошу о хаках говорить Заранее спасибо
0 votes4 answers -
Пчему не работает <map>?
Я пишу: <img src="/images/cartfinfin1.jpg" usemap="#kartfin"> <map name="kartfin"> <area shape="rect" coords="1, 1, 200, 500" href="/educat/fin/" alt="Университет Лапландии, г. Ровоаниеми"> </map> Картинка 289 на 600 в этом вряд ли есть стандартная ошибка, т.к. наш штатный программист тоже развел руками, типа должно было работать...
0 votes26 answers -
Как вывести информацию в нужный div при нажатии на ссылку ?
подскажите пожалуйста! У меня есть 2 области div_1 и div_2. В div_1 у меня ссылки а в div_2 информация. Подскажите как мне сделать что бы при нажатии на ссылку в div_1 информация появлялась в div_2 и естевственно изменялась при нажатии на другую ссылку. Могу сделать это на фреймах но хочется все таки продолжить работу с div и css так как мне интересно это направление ) Заранее благодарен Вам за ответ !
0 votes4 answers -
viewport для разных размеров экрана
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">Используется такой такой мета-тэг. Задача состоит в том, чтобы его применять ТОЛЬКО в случае, если размер экрана меньше 768px. Если экран больше 768px, то сайт должен вписываться в экран полностью (как это происходит по умолчанию). В данном случае есть мобильная версия, которая срабатывает на экранах, если размер окна браузера или экрана меньше 768px. Как поступить? Спасибо.
0 votes6 answers -
применение a:hover
Здравствуйте. Смену цвета ссылки при наведении я осилил. Подскажите, пожалуйста, как заставить картинку (Pic.jpg) появляться при наведении курсора на ссылку? Появиться она должна не в этой таблице, а ниже, на голом месте. IMG пришлось заключить в А тег, чтобы отображалось в IE. Нужно без скриптов и для всех браузеров (IE FF Op). ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ .b { color: #FFFFFF; font-family: Tahoma; font-size: 13px; text-decoration: none; font-weight: bold; display: block; height: 35px; width: 155px; padding: 1px 7px 1px 7px; border-left: 1px #FFFFFF solid; } .b:hover { background-color: #AE0000 } ~~~~~~~~~~~~~~~~~~~~~~~…
0 votes12 answers -
Выравнивание header по центру
Как выровнить header по центру, почему явно заданная высота не выполняется? Вероятно я первоначально делаю не правильно сайт на html+CSS, так сказать не по технологии, но мне важно научиться блочной верстке. <!DOCTYPE html> <html lang=ru> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div class=header>Логотипчик</div> <div class=layer> <div class=content> Контент </div> <div class="sidebar"> Сайдбар </div> </div> </body> </html> body {margin:0; background: #112233} div.header {border: 4px solid; border-color: red; background: #990000; widt…
0 votes2 answers -
":hover" в строке, а не в файле и не в стилях
=) всё банально есть к примеру - <p class="qqq"></p> есть классы: .qqq p { тут всякие параметры... } .qqq p:hover { тут всякие другие параметры } как реализовать с файлами цсс всё понятно и с прописанием в <head></head> тоже ясно <p class="qqq"></p> но встала задача сделать чтото типа такого: <p class="qqq" style=":hover параметры хувера"></p> тоесть хувер будет прописан только тут в строке, а не гделибо типа в отдельном цсс файле и не между хедом !!! естественно такой вариант не пашет Вот и хотелось бы узнать как в строке прописать тегу и клас без хувера и с хувером(но вручную) =)
0 votes10 answers -
Высота резина, и область наполнения(Content) с скролом.
Хочу сделать первый слой с логотипом, а второй наполнитель... но так что бы информация прокручивалась в контенте скролом. Причем высота должна быть резина, а скрол появляется только при фиксаций высоты!!!! Вопрос как сделать так что бы высота была резина и был скрол контента без прокрутки всей страницы. Как тут Раньше реализовывал это на фрейме, но сейчас хочу переписать сайт на слои и возникла такая проблема. Примерный код такой: <!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" xml:lang="en" lang="en"> <head> <title></title> <me…
0 votes3 answers -
Круговое меню на CSS
Направьте верным путем. Хочу попробовать сделать макет, внешне похожий на этот http://www.free-lance.ru/users/somnambula/...hp?prjid=474595 Только в окружности у меня находится одна картинка, которую хочу разбить по секторам (6 штук). Из каждого сектора выходит "стрелочка-указатель" с названием меню. При нажатии на один из пунктов меню и на один из секторов (желательно чтобы он "загорался", например, становился ярче). Думаю, есть вариант реализовать это с помощью CSS. Тогда надо картинку нарезать, а как не знаю, на прямоугольники понятно как...а на треугольники как? (вернее сектора). Или с помощбю карт это можно сделать..?
0 votes16 answers -
В мобильной версии сайта ломается скролл на iphone
Мобильная версия сайта скроллится идеально на андроиде http://imgur.com/XeFTTES Но на айфоне скролл ломается и он нереально быстрый http://imgur.com/5UruYUI Заметил, что при открытии сайта на айфоне в код добавляется новый <div> и правка в <body>, хотя в index.html их нет <body class="scroll_wrapper" style="top: -184.702px; left: 0px;"><noindex></noindex><div id="webit_scroll_provider_wrapper" class="html" style="padding-top: 0px; padding-bottom: 0px; width: 100%; min-width: 480px;">Так же в CSS нашел это: .scroll_wrapper{ position: absolute; overflow: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; padding-top: 0px; padding-botto…
0 votes4 answers -
Транслировать картинку с другого сайта
Доброго времени суток! Проблема: есть сайт, на котором выложена картинка, ее регулярно обновляют (заменяют другой). Можно ли ее транслировать на свой сайт так, чтобы она автоматически обновлялась ? Имя картинки, естественно, тоже меняется, в чем и заключается вся проблема.
0 votes9 answers -
Позиционирование кнопки.
Сайт на джумле. Установил плагин кнопку "Наверх". Но она отображается в правом нижнем углу браузера. Вот часть кода: <a href="#top" class="backtotop" style="position: fixed; bottom:0px; right:0px;"><><img src="/plugins/content/top.png" alt="scroll back to top" border="0" /> Как можно изменить стиль, чтобы кнопка отображалась в футере сайта или как прописать чтобы позиционирование считалось не от правого угла браузера, а от правого угла рамки сайта?
0 votes7 answers -
отступы для блока в IE6
Нужно просто поместить прямоугольник на страницу, но не на всю высоту, а чтобы сверху и снизу были фиксированные отступы, скажем по 100px. Рисуем div и делает для него #list{ background-color:#FFFFFF; position:absolute; width:80%; top:100px; bottom:100px; } Так вот, в Opera и Mozilla все нормально отрабатывает, а в IE6 высота блока сжимается. Прочитала, что можео задавать для IE так: height:expression(document.body.offsetHeight-200); Да, вроде отрабатывает, но я боюсь это использовать, потому что JavaScript может быть отключен и тогда весь дизайн полетит...Я права? Помогите, please, верстаю слоями первый раз и не знаю, как это правильно делается...
0 votes24 answers -
Проблема с PNG
Доброго времени суток! Хотелось бы понять почему происходит следующий баг. Имеем PNG-картинку с градиентом от #ccc до полной прозрачности: Теперь берем эту картинку и накладываем поверх фона с цветом #ccc. Код страницы такой: <!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> <div style="background: #ccc url(gradient.png) no-repeat 0 0; width: 200px; height: 200px;"></div> </body> </html> Получаем вот такую картину: Если присмотреться (или воспользоваться color picker'ом )…
0 votes29 answers -
Вопрос по IE
Делаю простой резиновый макет. Не выходит установить ширину столбцов. Структура такая: Шапка Колонка Колонка Колонка Подвал Не могу зафиксить левую и правую колонку! Как решается даная проблема? Ответ дивами не предлагать, так как в макете куча разных тянущихся фонов. Которые можно было-бы очень легко сделать решив данную проблему. Код прилагаю. <?xml version="1.0"?> <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <t…
0 votes29 answers -
Fieldset в Firesfox
Элемент Fieldset в Firefox 3.5 уходит вверх. Во всех остальных браузерах всё идеально одинаково. Какое может быть решение проблемы? Открываем в Firefox, чтобы увидеть проблему CSS прямо в исходном коде смотрите.
0 votes43 answers -
header и footer внутри div. можно ли?
давно мучает вопрос, можно ли (или даже стоит ли) тег header,footer вставлять внутрь div? правильно ли это семантически? например если ширина сайта нужна 900px, с выравниванием по центру, можно тегу хэдер и футер прописать в стилях это все, но с другой стороны можно их запихать внутрь див-контейнера с нужными параметрами, особенно когда нужно чтобы они были в одном блоке у которого будет тень. вот и хотел узнать стоит ли так делать? ведь не хочется нарушать грамотность так сказать в разметке
0 votes4 answers -
Перенос текста внутри тега li
Возможно ли перенести текст внутри тега li? Пример: компания производители список товаров Нужно чтобы было: компания производители список товаров Задание фиксированой длины списка не подходит, так как все элементы списка должны быть разной длины.
0 votes11 answers -
Конвертация в видео веб форматы. (HTML 5 video.)
Всем привет. Последнее время пытаюсь подтягивать знания по HTML5 и сейчас начал разбираться с тегом <VIDEO> . Читал некоторые статьи(в том числе и эту: http://htmlbook.ru/html5/video) + гуглил - но найти ответ на самый простой вопрос пока не могу: 'Чем собственно говоря(какой программой или сервисом!) конвертировать видео в данные Форматы'? ogg/theora, H.264, WebM, И если забегать на будущее то хотелось бы аналогичный вопрос и на счёт аудио форматов спросить: ogg/vorbis, wav, …
0 votes8 answers -
У меня valign="middle" не работает
кто знает, почему может не выравниваться текст по вертикали по центру при записи "<td valign="middle">Текст</td>"(думаю что какое то другое условие перекрывает) ну или есть ли еще какой способ центрирования текста по вертикали?
0 votes8 answers