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://baby-studio.ru/ сделан(наверно в виде рисунка,одного и большого) тогда как получается,что при разрешении моитора 800х600 появляеться полоса прокрутки и фон не обрываеться?Как этого добиться? Я например сделал так: Сделал сначала скриншотом,а потом в Фотошопе вырезал фон,вставил в Бэкраунд своего сайта(учебного)У меня кстати 1900х1200.а потом када меняю разрешении на 800х600.то фон обрубаеться.почему?
0 votes6 answers -
резиновость с относительной шириной
Суть вопроса весьма странна. Есть двух колоночный шаблон с шапкой и футером прибитым к низу окна. Причем и шапка и футер тянутся в ширь. Но вопрос не в этом. Одна и колонок это меню и имеет постоянную ширину. А вторая колонка должна тянуться, но при этом вертикально центрирована в оставшейся справа свободной части экрана. Короче ее ширина должна составлять около 80% от свободной области справа. Проблема в том что в разных броузерах по разному понимаются некоторые приемы реализации данного изврата дизайнера. Может подскажите хотя бы по какой дороге идти чтоб найти решение. P.S. нужно чтоб все это было чисто в дивах. соббственно сам код страницы <!DOCTYPE html PUBLIC "-…
0 votes1 answer -
Опять теже грабли с уголками
Страница Вроде все делал по инструкции как на прошлом сайте, уголки сделал абсолютами с внешнимими нижними и верхними обертками Почему то верхний правый див topRightCommBg не реагирует на margin-left: -20px; проблема в ИЕ 6 и ИЕ 7, с нижним правым дивом аналогично! Ребят я опять что то забыл?
0 votes18 answers -
Разное отображение блоков с одинаковыми размерами в браузерах.
Помогите пожалуйста разобраться с примером в конце 9-го урока на странице: http://www.site-do.ru/css/css9.php Там автор приводит пример, что блоки при одинаковых размерах могут в различных браузерах выглядеть по разному. Пример этот прикладываю: http://yadi.sk/d/m430JzMV2Or-L Я открывал этот пример в браузерах. Действительно в Fiirefox и Opera выглядит иначе чем в IE8. Но объяснения автора совершенно не улавливаю. Цитирую дословно: "...Но мы задали ширину у всех блоков одинаковую, почему же тогда в IE блок с id="second" шире первого блока? Да потому, что IE не включает в размер блока поля и отступы. Браузер отобразил 3 и 4 блоки шириной в 300 пикселов, а потом задал им по…
0 votes5 answers -
Как пользоваться LESS?
Начитавшись статей про препроцессоры решил попробовать тот, по которому больше всего нашел рускоязычной документации - less. Но я так и не понял магических фраз типа: Я так понимаю для использования препрецессора необходимо установить виртуальный сервер типа Денвера? А если без него просто писать код в Notepade++ или Sublime Text? Как тогда пользоваться?
0 votes3 answers -
Расположение блоков
Есть блок ширина которого неизвестна(с id=pageMenu). В этот блок помещается ещ? n-е количество блоков с сылками. Надо чтобы все эти n блоков полностью заняли объ?м блока с id=pageMenu Код: #pageMenu{ margin: 0px auto; position: relative; height: 15px; display: block; text-align: center; border: 1px solid red; } #pageMenu .menu{ margin: 0px auto; background: white; display: block; float: left; cursor: hand; width: 25%; text-decoration: none; border: 1px solid red; } При такой записи я взял n=4 при этом если дописать /*border: 1px solid red;*/ что я и сделал , то 4-й блок переносится на другую строку, чего я не хочу.. Вобщем, надо чтобы все эти n блоков …
0 votes5 answers -
Есть один баг, не могу найти причину
На моем сайте www.dknews.kz между строкой поиска (слева вверху) и меню в IE возникает почему-то пустая строка, а в Опере ее нет. Подскажите пожалуйста, в чем проблема.
0 votes6 answers -
Проблемы С Версткой При Загрузке Сайта
Сайт avtoclassika.com Верстка табличная, сайт сделан с помощью smarty Непонятная проблема при первой загрузке сайта или при обновлении через Crtl+F5 внизу идет баг с версткой, при последующем обновлении (просто F5) баг пропадает. Не буду кидать html код - там он оч большой Если кто сталкивался с такой проблемой или может сказать причину - помогите плиз
0 votes6 answers -
2 div'а по горизонтали.
Сталкнулся с такой проблемой. В header'е стоят 2 дива, один привязан к левому краю, второй соответственно к правому. И вот при растяжении-сужении когда они соприкасаются, то либо один перекрывает другой, либо один оптекает другой и проваливается вниз, в зависимости от position. Можно ли как то сделать так чтоб они не наезжали друг на друга и при этом оставались зафиксированными?
0 votes8 answers -
Помогите с background
Завел я свой блог, и решил изменить фон. В настройках можно редактировать СSS. Написал body { background-image: url("http://attachments-blog.tut.by/29555/files/2009/12/fon.jpg"); background-repeat: no-repeat; background-position: center ; background-attachment: fixed; } Получилось с белыми отступами по бокам. Пробовал другие тэги, не получается все равно сделать фон на всю страницу. Может есть стандарное разрешение, которое нужно использовать. Размер моей картинки 1024x927.
0 votes8 answers -
выбор имён классов
Буду рад выслушать ваши советы по теме, ну или ссылки на ресурсы В больших проектах особенно возникает путаница и сидишь думаешь над именем класса, ещё и когда тематику контента очень сложно определить, поэтому хочется разобраться с классами раз и навсегда. Раньше я для каждого блока указывал свой класс, близкий по теме, например, если речь шла о бизнесе, то я писал - .business. Теперь же думаю сделать так: .sidebar>.box1 .sidebar>.box2 .sidebar>.box3.....content>.box1 .content>.box2 .content>.box3. Одобряете? Что посоветуете, товарищи?
0 votes23 answers -
Block vs Flex
Доброго времени суток всем. В процессе обучения и начальной практики верстки созрел вопрос. Вот сверстал я страницу макета на обычных блоках, с флоатами, инлайнами и прочим, работает, адаптивно, вроде нормально. Потом по мере обучения дошел до flex технологий, начал осваивать, переверстал эту же страницах на флексе. И вот по ощущениям как-то проще получилось, меньше кода, более предсказуемо ведут себя блоки, частично встроенная даже без медиа адаптивность и т.д. Поддержка ИЕ с 10 версии, что в принципе терпимо с учетом тенденций к тотальному переходу минимум на вин7 даже лоу лвл сегмента ПК всех видов. Почему очень многие до сих пор верстают блоками обычными? Во всех ви…
0 votes8 answers -
позиционирование слоя
Подскажите пожалуйста как сделать так чтобы определенный слой всегда оставался на месте в определенном месте на экране и не менял своего положения даже при пролистывании веб-страницы. С помощью position: fixed; ничего сделать не получаеться!
0 votes6 answers -
Помогите плиз с картинками.
Здравствуйте, у меня вот такой вопрос: Мне нужно чтобы картинки изменяли свой размер при изменении расширения экрана, т.е. например, на расширении экрана 1024 - 768 размер картинки был 300 -100 пикс., а на другом компьютере с расширением 1280 - 1024 размер картинки был 450-150. Можно ли так сделать ? Подскажите пожалуйста, как это сделать, и если можно показать на примере. Заранее блогодарен.
0 votes9 answers -
...учая менюшка
Что-то ни как не получается вставить на основную страницу корректно работающее меню... отдельно функционирует нормально, вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!--Стиль главного меню--> <style type="text/css"> .L2 <!--слой меню--> { z-index: 1; position: fixed; margin-right: 10%; margin-left: 50%; } .top_menu, .top_menu UL { list-style: none; text-align: left; width: 100%; } .top_menu { position: relative; border: 0px; width: 100%; } .top_menu A { font-size: 12px; font-weight: normal; text-align: left; text-decoration: none; display: block; } .top_menu LI UL { display: none; position: absolute; text-…
0 votes8 answers -
проблема с наклонным шрифтом в IE6
Вот элементарный код: <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title> </head> <style type="text/css"> #intro { text-align: left; font-style: italic; } </style> <body> <div id="intro"> <p>Именно поэтому наш Боттичелли считает его специальную проработку напрасной, говоря, что если бросить губкой, пропитанной краской, в стену, то на стене останется пятно, в котором любой может увидеть прекрасный пе…
0 votes11 answers -
Хак под IE6 не работает
Доброго времени суток уважаемые форумчане. Опять проблема с полупрозрачностью под IE6 Выкладываю ссылку на сайт. Собственно в FF, OPERA, GOOGLE CROME Конечный результат достигнут. Прошу его открыть в IE6 Открыть здесь Кстати сам Хак под ie: #header ul li {behavior: expression(this.onmouseover = new Function("this.className += ' hover'"), this.onmouseout = new Function("this.className = this.className.replace(' hover','')"), this.style.behavior = null); #header .h-col strong{ background:url(images/none.gif) fixed; filter:progid:dximagetransform.microsoft.alphaimageloader(src='images/bg-h-c-logo.png', sizingmethod='crop'); } #header .h-container form .h-c-searth{ backgro…
0 votes7 answers -
Картинка в футере
Нужно разместить картинку справа над полосой футера, без фона. <div id="container"> ... <div id="footer_correct"> </div> </div> <div id="footer"> <a href="index.html">Главная</a> | <a href="contacts.html">Контакты</a> | © 2012 Компания </a> </div> #container { width: 900px; margin-left: auto; margin-right: auto; min-height: 100%; height: auto !important; /* IE6 */ height: 100%; position: relative; padding: 0; font: 86% Tahoma,lucida sans, sans-serif, Trebuchet MS, Geneva, tahoma, Verdana; line-height: 1.8em; background: transparent; color: #000; } #footer_correct { height:…
0 votes3 answers -
еще о footer
попробовал применять различные способы , но в результате content налазит на подвал при увеличении на странице текста; footer у меня стоит отдельным блоком вместе с счетчиком, контент находиться внутри нескольких div, все обьединено в один div кроме блока footer ; делал также как на примерах, приведенных по ссылкам, в Sharepoint когда делаю отображается правильно, в ie7, и последней опере налезает, делаю также как на других примерах, прописываю позиционирование в body и footer ,высоту ,но footer не фиксируется внизу, приндругие вопросы расположения слоев рашались довольно быстро, а это не получается, подскажите способ www.aik.tu1.ru
0 votes3 answers -
Проблемы кроссбраузерности
Добрый день! К сожалению я пока не могу выкладывать свои работы в нужном разделе, по этой причине выкладываю здесь! Сайт http://prokopov-nikolai.ru Программирование и разработка по направлениям vba, web, flash. Прошу оценить правильность верстки сайта и указать найденные ошибки! Предыстория. Для веб-серфинга всегда пользуюсь любимым FF. Когда же занялся версткой своего сайта, в силу своей неопытности проверял результат работы только в нем. Об специфичности IE слышал не мало и очень удивился когда увидел "окорявленным" результат своего труда в IE. Сразу же начал переделывать верстку и под него; изучил дочерние селекторы и воспользовался ими. Через некоторое время решил пос…
0 votes11 answers -
Проблема С Цветом Текста
Здравствуйте. Подскажите, почему цвет текста не меняется на указанный в стилях,а остается я предполагаю по умолчанию(черным), firebug не показывает вообще ни какого цвета . Это мой код: .container2 { position:relative; text-align:left; width:944px; z-index:10; сolor:#104e8b;} , а это код firebug container2 { position:relative; text-align:left; width:944px; z-index:10; } div.htm (строка 78) Унаследовано отdiv.container .container { font:14px Calibri,Arial,sans-serif; text-align:left; }
0 votes19 answers -
Как переносить шрифты из фотошопа и css?
В макете фотошоповском текст следующего вида: Arial Narrow 14px жесткое сглаживание псевдополужирный узкий ариал почему-то не работает. погуглил и более менее похожее нашел можно сделать следующим образом font-family:'Arial Narrow', Arial, sans-serif; font-stretch: condensed; но вот как сделать жесткое сглаживание и псевдополужирность? Или подобное лучше в виде картинок оставить?
0 votes1 answer -
Автозаполнение форм в Opera и Chrome
Доброго времени суток, вот уже в который раз обращаюсь к вам за помощью.))) На этот раз проблема такая - Chrome и Opera не предлагают свои варианты заполнения полей формы по двойному клику (из тех что пользователь вводил раньше), хотя Mozilla отрабатывает нормально. Форма изначально лежит в коде страницы скрытая (style="display:none;"), по клику на ссылку всплывает ($('.winc_form').fadeIn(200), после того как пользователь ввел данные и нажал submit данные ajax-ом отправляются на сервер, js-ом на место этой формы вставляется текст что данные отправленны успешно и кнопка закрыть. По нажатию на закрыть div с формой пропадает, на место текста об отправлении опять становится …
0 votes10 answers -
Не вытягивается див, не могу придумать как
Не работает в Опере и Мозиле. Divmiddle должен растягиваться вместе с divright поидее, но не хочет <style type="text/css"> #divbox { position: relative; margin: 0 auto; padding: 0; width: 400px; top: 0px" } #divtop { width: 400px; height: 30px; background: #F00; } #divmiddle { width: 400px; min-height: 300px; background: #F0F; } #divbottom { width: 400px; height: 30px; background: #00F; } #divleft { float: left; width: 200px; height: 300px; background: #FF0; } #divright { float: left; width: 200px; height: 30px; background: #0FF; } </style> <div id="divbox"> <div id="divtop"> </div> <div id="divmiddle"> <div id…
0 votes3 answers -
Помогите разобраться с динамическим меню на CSS!
Помогите разобраться с горизонтальным меню на CSS?! Вот то что используется в шаблоне main.tpl : <!-- Топ-меню начало --> <div class=""> <ul class="topmenu"> <li><a href="/"><font color="#fff">Как выбрать</font></a></li> <li><a href="/zakaz.html">Как заказать</a></li> <li><a href="/">Как оплатить</a></li> <li><a href="/">Как получить</a></li> <li><a href="/">Акции</a></li> </ul> </div> <!-- Топ-меню конец --> Вот стиль CSS : */ html,body,table,td,tr,h1,h2,h3,h4,h5,h6,img{padding:0;margin:0;} bod…
0 votes9 answers