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
-
div или table
Как по Вашеу мнению, что эффективней, быстрее и к"кроссбраузерней" ) использовать div или table. Приветствуются именно аргументированные ответы, а не в стиле "Я использую table, потому что меня так научили..." и т.п.
0 votes24 answers -
прижать слой к низу
Всем привет. Подскажите, как закрепить слой внизу окна браузера?
0 votes15 answers -
Прозрачность png
Как вставить png картинку, чтобы прозрачность е? работала в ИЕ6 и 7, Опере и Мозиле?
0 votes28 answers -
Блик на чистом css
Доброй ночи, уважаемые форумчане! Не подскажете, как создать такой блик исключительно на css. Просто вырезать и вставить блик как-то не круто( А других идей у меня пока нет... http://clip2net.com/s/3j79hmY
0 votes3 answers -
оформление select через css
Добрый вечер. Есть задача оформить выпадающий список при помощи css . Попробовал изменить немного оформление, но работает нормально только в Mozilla, остальные браузеры игнорируют стили, хотя надо изменить только background по :hover и применить padding. Применил такие правила: .s-t-select option{padding:4px 0 4px 10px;} .s-t-select option:hover{background-color:#9bb5c9; color:#fff;} Работает, повторюсь, только в Mozilla... Подскажите, пожалуйста, как решить данную задачу. В инете как вариант нашёл только плагины на jquery, но не хочется навешивать скрипты ради одного списка. Вот ссылка, список вначале страницы, "выбор по экватору" Вот так это выглядит в Mozilla...
0 votes6 answers -
криво все....кроссбраузерность.. или может что еще не верно...
В общем делал делал, вроде было все готово, в мозиле все ок, а у другого человека все отображается криво... У меня тоже по разному, в частности в ие.. Делаю картинку справа больше по размеру- она из хедера вниз уе3жает, и весь дизайн уходит влево.... Добавляю текста в нижний правый блок, - форма криво начинает отображаться Еще, например, туда где "склад иваново" добавляю текст, начинает один див ( серый центр) наезжать на другой, вместо того чтобы согласно тексту подвинуться в низ... В ие вообще огромное растояние откуда-то взялось в центре... пробовал в общий контейнер дива запихнуть, ( было чисто из отдельных дивов ) не помогло.. что я делаю не так? помогите плиз...…
0 votes45 answers -
позиционирование картинки внизу страницы (div'ы)
Доброго времени суток )) Вопрос такой. Как на страничке с фиксиорованным дизайном, свертанной div'ами с позиционированием, сделать,чтобы картинка отображалась в самом низу страницы при любой длине страницы? Хелп, плиз, или "ткните носом", где почитать Заранее, спасибо ))
0 votes5 answers -
padding-top и EXPLORER
Правил шаблон и все не могу сделать что бы Explorer нормально его отображал... нужно отступ от верхушки... пишу - <div style="padding-right:15px; padding-top: 45px;"> ****** </div> padding-top работает во сех других браузерах , кроме Explorer ... как можно по другому отступ сделать??? (только не </br>)
0 votes14 answers -
Img Align=center
кто пояснит значение этого параметра, которого нет в доках сайта? IMG ALIGN=CENTER <p align="center"><img border="2" src="n.gif" width="120" height="40" align="center"> <img border="2" src="en.gif" width="120" height="40"> <img border="2" src="wn.gif" width="120" height="40" align="center"></p> вот код, что относительно чего выравнивается - не пойму, но красиво.
0 votes5 answers -
Вопрос по техническому алгоритму создания сайта
Привет Я начинающий ("чайник") Подскажите алгоритм создания сайта с нуля и до финала. Я напишу, поправьте, если я неправ 1. В Фотошопе сначала создается дизайн сайта (например шапка, цвет общего фона, отдельные графические элементы и т.п.) (?) - а как создавать блоки с меню, их сразу в фотошопе рисовать? Потом файл сохраняется в формате (?) - я думаю, что jpeg 2. А что делать потом (?). Как вставлять текст в графический файл? Когда начинается верстка? 3. После дизайна нужно "резать" сайт, а я не понял, что это такое и в какой программе выполняется и для чего? 4. После верстки прикрепляем сайт к CMS (здесь вообще темный лес...) Буду благодарен, если поясните мне, спасибо.
0 votes31 answers -
IE не понимает td align="justify"?
IE 7 не понимает <td align="justify">? В IE работает только с <div align="justify">?
0 votes7 answers -
Адаптивная верстка: использование принципов Bootstrap, но без него
Задача сверстать адаптивный сайт. Практического опыта верстки адаптивного дизайна у меня нет. Поэтому хотелось с вашей помощью разобраться и определиться, каким путем идти. Решила использовать принципы Bootstrap. Возникли принципиальные вопросы. .row {margin: 0 -15px;;} .container {padding: 0 15px;margin: 0 auto;}Объясните, пожалуйста, зачем сначала добавлять паддинги, а потом помещать содержимое в .row, у которой нивелируются эти отступы. Каково назначение .row вообще?
0 votes46 answers -
Блок с горизонтальным скроллом
Здравствуйте. Подскажите плиз как сверстать блок как тут вверху http://www.shurum-burum.ru/photos/matreshk...08/photo/#49033 который с фотками и гризонтальным скроллом. Интересует только этот блок в принципе (главное чтоб он не фикс ширины был) Буду оч благодарен любым идеям (в js не шарю )
0 votes17 answers -
Как прижать блок к низу другого блока?
Вот есть код. Как мне "правый блок" сделать высотой в 100%? Чтобы он растягивался вниз на столько, на сколько изменится "центральный блок" <!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" /> <title>Документ без названия</title> <style> *{ margin: 0; padding: 0; } #container { width: 900px; /* Ширина макета */ margin: 0 auto; /* Выравнивание по центру */ } #nav { width: 200px; /* Ширина левой колонки */ float: left; } #aside { wi…
0 votes6 answers -
Отделить картинку от текста
Имеется сайт: Ссылка Требуется отделить картинку от текста в этом блоке: Скрин , т.к в этом css: .eTitle {padding:0px 0 14px 0;margin-top:0;font-size:22px;font-weight:normal;border-bottom:1px solid #D9D5CD;font-family:verdana;clear:none} при изменении параметра padding:0px 0 14px 0 перемещается не только текст, но и картинка. CSS: .image {float:left;margin-right:3px; height: 35px; width:27px;border:1px dashed purple;padding:1px;} .eTitle {padding:0px 0 14px 0;margin-top:0;font-size:22px;font-weight:normal;border-bottom:1px solid #D9D5CD;font-family:verdana;clear:none} HTML: <div class="eTitle" style="text-align:left;"> <a href="$IMG_URL1$" onclick="return hs.…
0 votes6 answers -
Нестандартный вид select
Возникла задача поменять в дизайне сайта стандартную картинку (стрелка вниз) списка select, по нажатию на которую появляеются опции select. Нашли примерно то что нужно вот тут http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm, но тут всё слишком замутно и слишком много ненужных функций, к томуже в IE6 немного кривовато работает и ещё несколько глюков... Не знает ли кто-небудь, как можно кроссбраузерно поменять эту стандартную стрелку, или может кто знает линки на примерно такие скрипты выпадающего меню аля выпадающий список select? Заранее спасибо.
0 votes15 answers -
Тэг img и a href в Firefox
Проблемка у меня небольшая... требуется поместить картинку на страничку, которая находится в локальной сети (сайт вообще локальный), т.е. примерно так: <img src='file:///\\pcxxx\d$\pub\3.jpg'> или как вариант сделать ссылку на фрейм <a href='file:///\\pcxxx\d$\pub\3.jpg' target='rightFrame'> ТЕСТ </a> где pcxxx - имя компьютера в локальной сети. Но получается какой-то фикус, в IE6 это работает без проблем, а в Firefox 3.0.1 нет, картинка не отображается, а ссылка на фрейм не работает. Хотя если в адресную строку Firefox'а ввести file:///\\pcxxx\d$\pub\3.jpg и нажать Enter, то картинка грузится! Хелп ми плиз
0 votes31 answers -
Раздвинуть строки таблицы
Есть таблица, нужно увеличить расстояние между третьей и четвертой строкой, т.е. только одно расстояние. margin-top не работает. Сделать два tbody тоже не получается, т.к. одна из клеточек таблицы должна "расширяться" на 4 строки. <table> <tr><td>row 1 cell 1</td><td>row 1 cell 2</td><td rowspan=4>row 1 cell 3<br>must contain<br>several lines</td></tr> <tr><td>row 2 cell 1</td><td>row 2 cell 2</td></tr> <tr><td>row 3 cell 1</td><td>row 3 cell 2</td></tr> <tr style="margin-top: 10px"><td>row 4 cell 1</…
0 votes8 answers -
h1 и span в одной строке
Здраствуйте не могу понять почему не работает в IE7 следующий код: Сам html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Создаем свой первый проект</title> <link href="styles/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <h1>Типа крутой заголовок :-)</h1> <span><a href="#">Главная</a> | <a href="#">Каталог</a> | <a href="…
0 votes7 answers -
Отрывается блок от потока
Есть сайт, в котором закругление углов, сделано отдельнм блоком идущим сразу же за основным. (ширина фиксированная, поэтому картинка одна, на оба угла) В ИЕ, это отображается првильно, а в Лисе, появляется лишний пробел, котороый "отрывает" низ от основной части. http://yaolga.thekip.ru Можно конечно по мудозаться, и задать отрицательный маржин, что бы блок подскочил на верх, а что бы текст не налазил, сделать основному блоку внизу паддинг с запасом, но это не решеение. Просто интересно из за чего появляетс подобный эффект. Ведь между этими блоками ничего не стоит, и ни одному из блоков не заданны отступы и никакие другие коварные свойства.
0 votes46 answers -
Помогите проблемку решить
Сайт http://artvasiliev.com неправильно отображается в FireFox в Internet Explorer'e все нормально работает. Причем что странно когда файл в Firefox загружаю с компа проблем не возникает все нормально отображается как и в Internet Explorer'e , а вот когда с хостинга начинаются всякие проблемы. <!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=utf-8" /> <title>Художник Васильев Виктор Официальный сайт</title> </head> <body style="background-color:…
0 votes40 answers -
:first-child не всегда работает
Всем привет, столкнулся с проблемой что не всегда работает :first-child для блоков, к примеру есть 3 блока в диве, ферст чилд для них не пашет а ласт чилд пашет, в чем прикол?
0 votes15 answers -
эффект текста sharp как в фотошоп средствами CSS
Дизайнер подкинул задачку... Наверняка, уже кто-то сталкивался, подскажите пожалуйста...
0 votes9 answers -
Как правильно сделать кнопки в меню навигации (CSS)?
Нужно сделать менюшку навигации на css слоями. Вот такую: Написал сие: Пункты оформил списком <div id="navigation" class="navigation"> <ul> <li><a href="about.html"><b>О нас</b></a></li> <li><b>Пациенту</b></li> <ul> <li><a href="">Клиника заболеваний</a></li> <li><a href="">Информированное согласие</a></li> </ul> <li><b>Врачу</b></li> <ul> <li><a href="">Обучение</a></li> <li><a href="">Литература</a></li> </ul> <…
0 votes6 answers -
разводы
Здравствуйте . После сохранения картинки на странице, вокруг нее появились разводы(картинка сохранена в формате" jpg") Как от них избавиться ? Спасибо.
0 votes49 answers