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
-
Резиновый макет как застваить сжиматься-разжиматься
Здравствуйте. Решил попробовать поверстать резиновые макеты, далеко не пошёл, взял отсюда: http://forum.htmlbook.ru/index.php?showtopic=14398&st=0. Задавал вопросы сначала там, но кажется в тему уже давно некто не ходит, поэтому решил спросить тут. Проблемы возникли с самого начала с шапкой, у меня там идёт шесть блоков, каждый из которых содержит свой элемент, ширина блоков указана в процентах, допустим у себя с разрешением 1960 пикселей, я вижу всё нормально, при разрешение 1024 пикселя, у меня последний блок выпадет и переносится на другую строчку. Как заставить, его сжиматься-разжиматься в зависимости от разрешения. Я не знаю нужна ли вообще шапка в данном макете…
0 votes8 answers -
Убрать фокус с элемента в форме.
Задача следующая. Есть форма в ней список, в списке инпуты, но последним в списке идёт плюсик, нажав на который, добавляются ещё инпуты. Но суть в том, как сделать так, что бы при нажатии Tab, фокус не попадал на плюсик? Без скриптов.
0 votes2 answers -
Как теперь наблюдать за стандартами?
Так как W3C не имеет никакого дела уже к HTML5, а им занимается WHATWG то как я понимаю W3C ж уже не документирует HTML5, по этому подскажите пожалуйста где можно следить за офф. стандартами. И как дело обстоит с CSS? W3C им же еще занимаются и на их сайте можно следить за стандартами?
0 votes3 answers -
полоска сверху
люди подскажите как сделать полоску (не изображение) как у вас сверху, там где кнопки Статьи,Блог,Практикум итд.
0 votes3 answers -
Сайт на Joomla.
Здравствуйте ! Хочу сделать простенький сайт с 1видео, на шаблоне Joomla. название-сайта.RU ( раньше никогда не делал ) Посоветуйте хостинг бесплатный или не очень дорогой, куда можно загрузить шаблон Joomla? а то выбор вроде большой, боюсь ошибиться. Прошу подсказки у тех, кто разбирается. Спасибо
0 votes7 answers -
margin сдвигает родительский блок
Здравствуйте! Объясните пожалуйста, почему когда я прописываю margin-top блоку #mid_header - сдвигается вместе с ним родительский элемент #header? http://jsfiddle.net/NZ4FV/1/ Буду очень благодарен!
0 votes4 answers -
psd шаблон для новичка
Напишу, что видел раздел с psd шаблонами. Но там я не нашел шаблон не сложного уровня. Меня интересует psd шаблон на тематику интернет магазина с основными элементами: шапка, футер, меню и основное содержимое. Буду благодарен за помощь
0 votes0 answers -
влияние А на Б (CSS)
Добрый день! 2 дня в изучении HTML+CSS, прошу сильно не пинать если назову вещи не своими именами... Имеется несколько изображений, слоями расположенными друг над другом, и выдвигающиеся при наведении на них курсора мыши. Сейчас #start_photo_1, при наведении мыши, смещается из под #start_photo_2 влево. Вопрос: Как сместить объект #start_photo_2 вправо, при наведении курсора мыши на #start_photo_1 ? Заранее спасибо! имеющийся CSS код приведен ниже #content { position:relative; width: 800px; height: 484px; } #start_photo_1{ z-index: 1; width: 200px; height: 484px; -webkit-transition: all 1.5s ease-in-out; /** Chrome & Safari **/ -moz-transition: all 1.5s ease-in-out; …
0 votes0 answers -
вопрос по html
народ, подскажите пожалуйста, как организовать у себя штуку как (к примеру) на http://htmlbook.ru/css ,, крайний левый блок (CSS) там где идёт список значений css.. так вот.. как сделать так как в этом блоке, чтобы список выводился примерно в таком окне??
0 votes3 answers -
Свойство Float
Помоги пожалуйста, застрял в такой простой проблеме - не знаю что придумать, вот ссылка: jsFiddle Пример маленький, проблема что, текст в div.b не выравнивается, а переходит сразу вниз, хотя выставил свойства float, дизайн на сайте резиновый, так что не получится просто выставить width в px. Как можно выйти из ситуации?
0 votes1 answer -
margin-top для p опускает div
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <style> *{margin:0;padding:0;} .bl_1{ height:54px; width:403px; background:#000; font-size:27px; color:#fff; font-weight:bold; } .bl_1 p{ text-align:center; } .bl_2{ background:#ffd500; width:136px; height:49px; margin:3px 3px 2px 3px; color:#000; float:left;} .bl_2 p{text-align:center;margin-top:10px;} </style> </head> <body> <div class="bl_1"><div class="bl_2"><p>АВТО</p></div><p>ХИМЧИСТКА</p></div> </body…
0 votes1 answer -
Горизонтально меню с разделителем пуктов картинкой
Здравствуйте, суть проблемы: есть меню <div class="mainmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Контакты</a></li> </ul> </div> его стиль .mainmenu { height: 50px; background-color: #003362; border-radius: 20px 20px 0 0; } .mainmenu ul { padding-left: 20px; margin-top: 0; } .mainmenu ul li{ list-style: none; display: block; float: left; padding: 0 15px 0 15px; height: 50px; background: url(../images/tab.jpg) 0 50% no-repeat; /* картинка разделитель*/ } .mainmenu ul…
0 votes2 answers -
Как выровнять блок по центру?
Верстаю свой первый сайт и в самом начале нужна помощь. Есть блок в котором находится весь контент. Ширина блока 1000px. Как выровнять его по центру? Вот css: body { background: url(img/main_bg.jpg); } content{ weight:1000px; position:absolute; } header{ background: url(img/logo.png); margin-top: 20px; }
0 votes6 answers -
смена ссылки по времени
суть такова: иммется гифчик, из одного изображения перетекающий в другой (например, первые пять секунд-одно изображение, потом пять секунд второе) вопрос: как сделать, чтобы первые пять секунд на этом гифчике была одна ссылка, во вторые пять секунд - уже другая?
0 votes3 answers -
virtuemart2 уровни вложенности
подскажите пожалуйста действительно ли родной модуль категорий в virtuemart2 не выводит категории, выше второго уровня? в описании модуля написано следующее . это информация бесполезная и непонятная.в том случае когда родительской категорией в настройках модуля делаю не "верхний уровень", отображается на сайте на один уровень больше категорий. это странно. почему всё таки не больше 2 уровней доступны?.. может быть я что-то настраиваю неправильно или действительно модуль так уродски задуман?
0 votes4 answers -
Каталог файлов
Как сделать такой сайт? - http://torrents.nix-pix.co.uk/ А именно (какой движок и есть ли такой шаблон в паблике)?
0 votes1 answer -
Как заставить блок занять собой всё свободное пространство?
Есть два блока, которые находятся в третьем: <div> <div> ... </div> <div> ... </div> </div> Высота контейнера задана в пикселах либо в процентах от высоты страницы, а высоты внутренних заранее неизвестны. Вот что получается: А мне надо так: Как это сделать? Я не представляю, как это сделать даже с помощью таблицы.
0 votes1 answer -
выезжающие js-вкладки
на сайтах часто встречаются боковые выезжающие вкладки. например на этом есть вкладки "мой заказ" и "меню". скажите пожалуйста существуют ли готовые популярные js-скрипты, которые предоставляют подобный функционал? дело в том, что я даже не представляю по каким названиям гуглить или хотя бы в общих чертах объясните как на js/jq можно подобное сделать. при помощи каких функций
0 votes6 answers -
чем отличается div class от div id ?
подскажите пожалуйста, чем отличается <div class=""> от <div id=""> ?? просто очень часто встречал это, просматривая исходный код сайтов...
0 votes2 answers -
текст по блокам
подскажите пожалуйста.. как можно сделать так, чтобы, допустим, текст в блоке 2 выводился параллельно текста в блоке 1 ?? ну примерно как "нарисовал" ниже : |————————————| | блок1 блок2 | | блок1 блок2 | | блок1 блок2 | | блок1 блок2 | | | |————————————| я слышал это можно как то таблицей сделать...
0 votes3 answers -
less/sass
уважаемые верстальщики, объясните мне пожалуйста есть ли смысл использовать less/sass? главные плюсы я вижу в том, что можно в более удобном виде записывать код и заменять одни селекторы другими(миксинг, переменные и т.д.) расплачиваясь за это некоторой частью быстродействия. если не так, поправьте меня как думаете стоит ли тратить время на изучение этой технологии и привыкать к новому формату записи? какие плюсы это может дать в будущем? часто ли заказчики платят больше за применение этих технологий? в каких случаях применение less/sass эффективно?
0 votes2 answers -
Диагональный фон
Приветствую уважаемых посетителей форума! У меня есть вопрос. Возможно ли сделать такой сайт, чтобы фон его был таким диагональным прямоугольником во всю высоту экрана? При этом хочется, чтобы розовая область была резиновой, а белые треугольники по бокам разъезжались бы в разные стороны. Это нужно, например для того, чтобы колонка с контентом не становилась слишком узкой на больших разрешениях монитора. пример картинки
0 votes1 answer -
Растягивание блока.
Есть три блока (div) с display: inline-block, левый и правый нефиксированной ширины (выравниваются по их содержимому), а средний должен растягиваться от левого до правого блока. Если ставить width: 100%, то блок растягивается вообще на всю страницу, выталкивая при этом блоки вверх и вниз, width: auto ничего не делает. Можно, и даже лучше было бы сделать эти блоки float (чтобы не было отступов между блоками), но опять же всё выталкивается при width: 100%.
0 votes4 answers -
Выравнивание блоков + минимальная высота
Имеется 3 вертикальных Divа, выравниваемых по высоте через java-script, футер лежит отдельно от остальных. Так же задача была сделать прижатие футера книзу при минимальной высоте вертикальных колонок. На данный момент имеются глюки: При первом открытии страницы, правый и левый вертикальные блоки короче среднего, либо же высота одинаковая, но наполнение среднего блока выползает вниз, т.е. блок не растягивается... Если обновить страницу - все встает на свои места. И так повторяется постоянно. Второй глюк - в Мозилле футер прижимается к низу не до конца, при этом нижняя ссылка в футере вываливается из блока... В Хроме наоборот, немного уходит под экран нижняя ссылка... Сам с…
0 votes2 answers -
Разработка меню
Еть код меню. body { height: 20px; margin : 0; padding : 10px; font-family: Verdana, Tahoma, arial, geneva, Helvetica, sans-serif; behavior: url(csshover.htc); background-color: #272727; } /* Горизонтальное меню */ div#menunav { ] height: 200px; width: 100%; /* задаем ширину для div */ float: left; /* добавляем список в div */ border-top: 4px solid #000000; /* рисуем линию поверх div */ border-bottom: 4px solid #000000; /* рисуем линию снизу div */ font-size: 16px; /* задаем размер шрифта */ background-color: #272727; /* фоновый цвет div */ padding: 0 0 0 0px; /* отступ ul от края контейнера */ z-index: 999…
0 votes6 answers