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
-
Вложенный контейнер выступает за границы
Помогите решить проблему. Есть код и есть следующие стилевые файлы вложенный контейнер никак не получается загнать в рамки. По идеи должен внешний расширяться. вот как это выглядит нужно чтобы кнопки влезли в бежевый контейнер
0 votes5 answers -
CSS МЕню
Всем доброго времени суток! Нужна помощь. есть горизонтальное меню и у каждого пункта меню есть подменю. как сделать так чтобы подменю отображалось ниже родительского пункта меню и горизонталным списком, а так же что бы находилось на одном уровне с родительским пунктом меню. пример пункт 1 | пункт 2 | пункт 3 _________ подпункт 2.1 | подпункт 2.2
0 votes5 answers -
Хитрые колонки. Планшетофобия или поиск идеала
Доброго времени суток, уважаемые форумчане! Есть у меня проблема, которую, как мне кажется, можно решить легко, но я уже слишком погрузился и не вижу очевидного, поэтому прошу совета у вас. Есть у меня макет, положил в миниатюры. Суть его в том, что материалы в нем бесконечные, будут подгружаться, но это другая песня. Сверстаны они вот так: <div class="section group"> <div class="col span_1_of_3"> <div class="postbox"> Пост номер один </div> <div class="postbox"> Пост номер четыре </div> </div><!-- Closing tag: .col--> <div class="col span_1_of_3"> <div class="postbox"> Пост номер два </div> <div cla…
0 votes8 answers -
Контент не встаёт на место
Помогите пожалуйста.Я пытаюсь сверстать сайт но у меня возникла проблема.Я пытаюсь сделать меню как на Одноклассниках,то есть чтобы контент уходил под меню но у меня контент проходит над меню. Код меню css: #menubar { margin-bottom: 12px; position: fixed; top: 0; width: 100%; }.mbar { height: 52px; background: url("../images/menu/mbar.png") no-repeat; }.mbar .mbar { background-position: 100% -52px; }.mbar .mbar .mbar { background-position: 0 -104px; background-repeat: repeat-x; }.menubar { height: 47px; background: #3f4b51 url("../images/menu/mbar.jpg") no-repeat 100% 0; }.menubar ul { line-height: 26px; margin-top: 10px; text-transform: uppercase; }.menubar ul li, …
0 votes3 answers -
CSS фон сайта
Уважаемые специалисты, нужна ваша помощь... проблема следуящая: использую фон для сайта, в него внедрил пару картинок с надписями, но суть проблемы заключается например вот у меня на ноуте через мозилу ширина смотрится нормально, открывают на другом компе фон сужается и соответственно картинок невидно уходит за грани. вот сам код: background:url(../images/fon.png) no-repeat;как сделать чтоб при сужении браузерах текст и картинки были видны? И еще одна проблема, как сделать чтоб при прокрутки страницы показывался весь фон. а то снизу страницы фон заканчивается и белая полоса страницы.
0 votes7 answers -
При наведении исчезает картинка
У меня есть форма http://jsfiddle.net/daniilKhanin/esYJx/ Ввиду тоого что я не понимаю как в jsfiddle вставить картинку, у меня вместо кнопки Квадрат при наведении меняет цвет на черный на самом деле у меня вместо квадрата картинка тоесть код кнопки такой .searchbox .button{background-color: white;background-image: url(go.png);border-style:none;width:22px;height:22px;float:right;margin-top:12px;margin-right:11px;}.searchbox .button:hover{background-image: url(gohover.png);}Загвоздка в том что когда навожу на картинку кнопки она Должна поменяться на ту же картинку другого цвета НО вместо нее просто белый квадрат(((((( не знаю почему он не заменяет я им путь проверял …
0 votes2 answers -
Это ужас?
Решил глянуть несколько уроков из курса Тренинг "Верстаем на 5+" версия 2.0 и в одном из них увидел вот такое
0 votes4 answers -
Пробел и позиционирование
Всем привеТ! Помощь нужна снова http://www.imageup.ru/delete/2016779/9f25d7aeb8554af12e09c49695adf8da/ http://www.imageup.ru/img220/2016781/2015-01-17-14-52-49-skrinshot-ehkrana.png вот два скрина и плюс код собственно https://www.dropbox.com/s/hz079w1e7wp9l41/00.doc?dl=0 (дубляж а то мало ли) <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf"/><style type="text/css">body{height:100%;width:100%;min-height:100%;position:relative;padding:0;margin:0;}div{width:500px;background-color:black;color:#fff;margin:0 auto;}h1{text-align:center; padding:2px;font-size:37px;color:white;padding:25px 0 0 0;}h1 span {display: inline-block;…
0 votes8 answers -
Зачем в бутстрапе для navbar есть Static top?
Здравствуйте. В бутстрапе есть класс navbar-static-top, поясните пожалуйста зачем, если по умолчанию у всех элементов и так position: static;
0 votes2 answers -
Как сверстать такое?
В общем, господа, имею макет, в котором наблюдаю такую форму(картинка прикреплена). 4 шага, с первым справился, а вот на втором - возникла проблема. фон и все элементы покрываются ещё одним слоем, будто select - модальное окно. если это так, то как его позиционировать, если padding элемента выше в %, а сам элемент в px? Шаг 3 - описание опций селекта. Придётся, видимо, подключать библиотеку select2. В общем, мои рассуждения таковы, Хочется услышать более опытных участников форума, что бы вы делали с таким блоком.
0 votes5 answers -
Кодировка
Загрузил сайт на hostinger, кодировка в notebook++ поставил utf-8, но стоит загрузить мне сайт на хост, все русские символы превращаются в кириллицу. Как исправить это? В интернете смотрел, там в файле ".htaccess" что-то нужно добавить, но у меня в это файле имеется данный текст, и я просто без идей что мне делать. P.S - файловый менеджер: net2ftp
0 votes0 answers -
Как вырезать необычное изображение
Ето проблемное для меня изображение в psd макете смотрится как маленькое, обычное png изображение на фоне другого, гораздо большого изображения Как я понял в фотошопе оно представляет собой миниатюру стоя, а по верху миниатюра стоя маски. Тоисть выходит так что само ето миниатюрное изображение имеет черный фон, который на макете невидим, по при попытке вырезать мне нужную часть етот фон тоже вырезается. Нужная мне(выдимая) часть изображения имеет много мелких деталей и по другом как то их выделить не получается. Как быть?
0 votes1 answer -
Форма уведомления об использовании cookie для сайта
Уважаемые форумчане, подскажите, пожалуйста, скрипт, виджет или другое решение для размещения на страницах сайта уведомления об использовании cookie в соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ "О персональных данных" со следующими элементами: - кнопки "Согласен" (при ее использовании уведомление исчезает и больше не появляется ни на одной странице сайта) и "Не согласен" (при ее использовании сайт закрывается); - ссылка на документ "Политика конфиденциальности персональных данных".
0 votes0 answers -
Тупой макет, помогите!
Добрый вечер. Вот так все выглядит. вот код: <html> <head> <title></title> <link type="text/css" rel="stylesheet" href="/css/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <div id="body" align="center"> <div id="header"> <div id="title">1</div> <div id="menu"> <a href="/" onfocus="this.blur();"><img src="/images/home.jpg" border="0"></a> <a href="/about/" onfocus="this.blur();"><img src="/images/about_us.jpg" border="0"></a> <a href="/forum/" onfocus="this.blur();"><img src="/images/f…
0 votes1 answer -
Наследование классов
Если я задаю table.name td{} Как запретить наследование класса для ячеек таблиц, находящихся внутри ячеек таблицы name?
0 votes3 answers -
снова jcarousel =(
подскажите плиз...сделал блок jcarousel+shadowbox, в опере работает всё отлично, а вот в IE, Google chrome не все картинки показываются...в чём может быть проблема? сайт gazeta-parus.ru (блок слева смотрите)...спасибо!
0 votes0 answers -
Картинки VisualBox в ИЕ 6 пропали
Народ, хелп! http://seva.undersite.ru/conc_fotosiemka.html Картинки-превьюшки в вижуал боксе перестали отображаться, пропустил момент когда это произошло теперь не знаю в чем загвоздка, причем сами картинки загружаются, это можно видеть примерно полсекунды пока страница будет грузиццо, а потом they are gone
0 votes0 answers -
Вопрос по float
Почему левый блок не на одном уровне с правым в фф и хроме? Как поправить? [[left_sid]**********************************[right_side]] <div> <span id="left_side">1111</span> <span id="right_side">1111</span> </div> div { background: blue; } span { background: red; } #left_side{} #right_side{ float: right;} в догонку, как разнести списки по сторонам страницы? <div style="background-color:blue;"> <ul style="background: red;"> <li><a href="#">11111</a> </li> <li><a href="#">11111</a> </li> </ul> <ul style="background: red;"> <li>&l…
0 votes4 answers -
4 картинки к одному элементу
Добрый день. Можете помочь в такой веще: как сделать четыре изображения к одному элементу, чтоб первое изображение было вверху слева и повторялось по оси "y" , второе вверху справа и повторялось также по оси "y" , третье внизу слева и повторялось по оси "x", и четвертое внизу справа которое повторялось также по оси "x"? пробивал делать по примерам, где две картинки к одному элементу, не получилось Скрин того что должно получиться: http://imm.io/2K5B Заранее спасибо Приблизительный код в html <div> <div class="PIC1" > <div class="PIC2" > <div class="PIC3" > <div class="PIC4" > </div> </div&g…
0 votes3 answers -
маленький хелпик html and css
Подскажите ссылочки на полные учебники. хочу перечитать и набраться новых знаний
0 votes4 answers -
Как сделать так, что бы таблица расширялась в ширину
Здравствуйте Есть таблица, с заданной высотой и шириной. В таблице есть определенное динамическое наполнение. При переполнении, она расширяется в высоту, а нужно, что бы расширялась в ширину. Как такое можно сделать? P.S. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> P.P.S. Знаю, что можно сделать на span'ах (которые по умолчанию не растягиваются на 100% ширины), но вдруг и для таблиц есть вариант.
0 votes1 answer -
Как правильно растянуть фоновую картинку?
Есть вот такой макет - http://s003.radikal.ru/i203/1207/e8/5b53232f4837.jpg Я решил его сделать резиновым - фоновую картинку сделать резиновой, а меню и текст поцепить на нее с помощью абсолютного позиционирования. Картинку решил растянуть без помощи JS и PHP, только CSS. В сети нашел 4 способа сделать это, но они не дают нужного эффекта. Помогите разобраться. Вот пример верстки - http://divverstka.16mb.com/ Применяя background-size картинка неправильно масштабируется - пришлось отказаться. Во всех способах, которые нашел для свойства background используется position:fixed; - но тогда пропадает боковой скроллинг и картинка на экране отображается не полностью. Вместо posit…
0 votes6 answers -
Клик по ссылке
Как сделать что бы при клике по ссылки вылетало окошко Загрузка файла, а не открывалось в окне браузера?
0 votes4 answers -
Прикрепить картинки к html-письму
Есть html-макет для отправки на электронную почту. Данный макет состоит из таблиц, содержащих картинки. В Thunderbird при вставке HTML при помощи "Insert" -> "HTML.." в письмо добавляется таблица без картинок. Подскажите, пожалуйста, как в письмо вставить html-макет с картинками?
0 votes1 answer -
Перенос input элемента
не могу понять в чём может быть причина, вот код Проблема в том что элемент input переносится вниз ,как будто он блочный элемент. Вставля отдельно эту часть кода в отдельный файл всё нормально. Как CSS свойство может давать такой перенос, просмотрел firebug стили ничего нет такого чтобы переносило
0 votes2 answers