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
-
Создание вертикального меню списком с выделенным пунктом
Добрый день! Прошу вашей помощи, тк уже не знаю что и пробовать. Опишу суть проблемы: Имеется боковое вертикальное меню написанное списком (ul li) и его оформление на css. Необходимо сделать чтобы у выделенного пункта меню был list-style circle, а у остальных - none. И при этом выделенный пункт должен быть другого цвета. У меня получилось сделать только чтобы у выделенного не было кружка, а у все был вод код html: <td> <div id="submenu"> <ul id="submenu"> <li class="curent"><a class="curent" href="production.html" ><span>Всех…
0 votes7 answers -
box-shadow и border-radius
Почему сервис проверки CSS от W3C выдает ошибки по css 3: box-shadow: 0 0 5px black; box-shadow: 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; Возможно потому что не поддерживается IE?
0 votes8 answers -
flexie.js - не работает?
Собственно, проблемы с кроссбраузерностью flexbox Использую полифилл flexie.js - но не помогает В IE 9 это выглядит так: Может не так пользуюсь? https://jsfiddle.net/jysd1us0/1/
0 votes1 answer -
Баг IE: контейнер заканчивается раньше дочернего центровщика
Компоновка: типичный блок .Wrapper, который имеет ширину 100% от ширины окна, и центровщик (margin: 0 auto;) с указанными min-width и max-width: В IE следующий баг: Wrapper почему-то заканчивается раньше, чем надо, а центровщик с содержимым перекрывает следующую такую же компоновку ниже: Такой баг был замечен уже практически на свёрстанном лендинге, а потому было очень трудно сделать минимальный работающий пример. Я постарался убрать весь лишний HTML для данного примера, но CSS тоже самое было сделать очень трудно. Если Вы запустите пример в IE (ещё раз повторюсь, что в других браузерах всё нормально), то увидите следующее: На StackOverflow у…
0 votes4 answers -
Как работать на FullHD экране c зумом 125%?
Для конечных пользователей можно использовать "@media (-webkit-min-device-pixel-ratio: 1.25)", но при создании верстки так не получится, особенно при верстании по PerfectPixel. Какие проблемы наблюдаются при системном зуме 125%? (а без него на экране все слишком мелкое и почти недостижимое глазу) Верстальщики, как вы решаете эту проблему в своей работе?
0 votes3 answers -
Две проблемы в Safari и Opera
Как видно, что проблема одна, но двух браузерах, во всех остальных все работает как надо. Сайт. Смотреть желательно в Opera и Safari. 1) В этих браузерах не отображается фон. BODY { background : url(../images/back.png) repeat-x; margin : 28px 0px 0px 0px; font-family : Verdana; font-size : 12px; color : #000000; height : auto !important; min-height : 100%; } 2) Меню в синей строчке имеет вид маркированного спика. Хотя в CSS прописан div#cpanel ul { margin : 0px; padding : 0px; list-style : none; } * html div#cpanel ul { float : left; border-left : 1px solid #0E96CF; margin-left : 15px; list-style : none; } div#cpanel li { float : left; position : re…
0 votes6 answers -
Border - CSS
Добрый день, не буду расписывать а покажу)) вот у меня таблица с 3мя строками, с 3мя столбцами, задаю через CSS бордер и получается так: а надо так: рисовал сам, не ругайте каким значением этого добиться? <!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>border</title> <style type="text/css"> .doc { width: 30%; border:solid black;} </style> </head> <body> <table class="doc" bordercolor="#000000" b bor…
0 votes8 answers -
divы как сложно с ними (проблема с размерами)
создал контейнер div определенной ширины содержащий другие divы divы описаны в css и распологаются так div c borderом только с низу и float к правому краю потом div c полным borderом с float к правому краю несколко раз повторяется и div c borderом только с низу на оставшийся длине —————————— вот здесь и проблема как это зделать последний div растягивается на весь родительский div —————————— помогите пожалуйста
0 votes9 answers -
Тег <br />
Короче, есть детский вопрос: Есть кусок кода: <!-- phone block --> <div class="information phone"> <h5>Телефоны:</h5> <address> <span class="pad-50"> Тел.:<br /><br /><br /> Моб.:<br /><br /> </span> <span> +123 (45) 678-90-12<br /> +123 (45) 678-90-12<br /><br /> +123 (45) 678-90-12 Velcom<br /> +123 (45) 678-90-12 МТС </span> </address> </div> …
0 votes9 answers -
Костыль для IE
Обнаружил интересную библиотеку, которая превращает IE6-7-8 в IE9. По заверениям разработчиков девятая версия будет уметь всё, в том числе поддерживать большинство свойств CSS. Ссылка http://code.google.com/p/ie7-js/ Обсуждение библиотеки http://habrahabr.ru/blogs/css/100838/
0 votes4 answers -
background-position c background не должен работать ?
background-position c background не должен работать ? почему второй див не работает ?? <style> div.all { display:block; position: relative; width:100px; height:100px; background:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-position: 300px 0px; } </style> <div class="all" style="background-position: 300px 0px"></div> <div class="all background_position_300_0"></div> а вот так работают правильно оба дива: <style> div.all { display:block; position: relative; width:100px; height:100px; background-image:url(9x100.png); cursor:pointer; } .background_position_300_0{ background-po…
0 votes6 answers -
Изображение поверх header
Подскажите. Есть такой psd-оригинал - http://itmages.ru/im...008545/e461f274 И есть такой код (на footer обращать внимания не стоит - он еще не доработан) - http://jsfiddle.net/...tPCz8CJv/4gUbp/ Результат получается такой - http://itmag.es/4zOKi Как мне исправить ситуацию, чтобы фоновое изображение не перекрывалось блоком header? И еще есть вопрос по поводу применения p в блоке logo. Является ли это правильным решением? Может, более правильно будет заменить p на h1, с точки зрения SEO?
0 votes2 answers -
как правильней делать?
Подскажите, как правильней делать эти многоточия при верстке ? правильно ли делаю? http://jsfiddle.net/4jxqukfo/13/ Просто не пойму это надо подбирать количество точек чтоб цена была прижата к правой стенке блока или это делать таблицей вообще?
0 votes8 answers -
Регулировка отступов в <p>
Вопрос в соответствующий раздел для знающих Немогу вспомнить, а может и вовсе незнал, но мне нужно отрегулировать растояне от строчки до строчки между абзацами , как это сделать раскажите люди добрые.
0 votes3 answers -
отображение сайта на мониторах с разным разрешением
есть проблема!выручайте!не могу сообразить!есть макет сайта,сделанный с помощью фреймов. при отображении с разным разрешением фон начинает или размножаться или появляться фрагментом. если ставишь картинкой, то появляется белая рамка это основная часть фрейма, которая "меняется" <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=5" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <BODY background="images/передок.jpg"> <title></title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <style type="text/css"> A { color: black; /* Цвет ссылок */ } </st…
0 votes7 answers -
Как укротить swf формат?
Это опять я. Как корректно вставить в html-документ кнопки в .swf формате? Я пробовал прописывать их как background ячейки, вставлять как изображение. Результат один - кнопка не видна. В чем секрет? С уважением, Алексей
0 votes5 answers -
border для div Width 100% без скроллинга. (Webkit)
Подскажите, плз, необходимо всему сайту сделать бордер 2 пикселя, сделал padding:2px для body и залил внутренний див другим цветом, везде норм, только в Safari и Chrome появляется горизонтальный скроллинг, есть ли более кроссбраузерное решение?
0 votes2 answers -
Размещение блоков с помощью position: relative
Нужно сделать что бы показывался определенный блок DIV по нажатию на выбор radio, остальные блоки становятся невидимыми. Блоки выводить нужно в одном и том же месте где и первый блок. Для реалицаии сделал использование position: relative. с отрицательными координатами top. Но в различных браузерах значения отступа разные... как это можно пофиксить? Делал изначально под Opera 9.27 там норма. в FF немного едит вниз. в IE 6 cущественно сьезжает вниз. Какие есть методы пофиксить эту проблему? <!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"> <he…
0 votes6 answers -
Скролл jQuery в Opera 10
Добрый день всем! Есть проблема с высотой в браузере Opera 10 при наличии на странице скролла jQuery. Когда ползунок находится внизу высота страницы нормальная при оттягивании же его вверх страница начинает увеличиваться в высоту, в остальных браузерах и в самой Opera более ранних версий такого глюка не наблюдается. Как разрешить данное недоразумение? Буду оч признателен!
0 votes3 answers -
Таргет
Народ, подскажите как сделать чтобы одно окно управляло другим ,к примеру, из одного окна открылось дополнительное другое ,как сделать чтобы при нажатии на дополнительном менялась информация на главном как выставить главному окну название которе буду писать в ссылке target в дополнительном окне. сразу говорю нету не каких фрамв
0 votes7 answers -
height для встроенных - IE против Firefox
Наверняка тема уже поднималась, но я нигде не нашел, как решить. К своему удивлению столкнулся с неожиданной проблемой. Оказывается Лиса и Опера не понимают высоту для встроенных элементов. <a href="#" style="background-color: #3399cc;height:40px;">test</a> ИЕ делает ссылку 40px, Лиса и Опера - игнорируют height. В конечном счете я хотел запихнуть в эту ссылку картинку фоном, но она обрезается. Почему и можно ли это как-то исправить (display:block; помогает, но не подходит)?
0 votes4 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> <title>Греция.</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <meta http-equiv="content-type" content="application/xhtml+xml; charset=windows-1251" /> <meta http-equiv="content-language" content="ru" /> <st…
0 votes4 answers -
Границы таблицы. Нестыковка.
Hi All! Разъясните пожалуйста один момент. Имеется таблица, шапка этой таблицы не имеет границ, а вот само тело обрамлено границей толщиной 2 пикселя. На стыке шапки и тела, возникает неприятный эффект (см. рисунок). Как от этого можно избавиться? По сути нужно как-то "втолкнуть" границу внутрь ячейки, а не наружу. Сдается мне, CSS такого не умеет. Фокус с добавлением ячеек по краям прошу не предлагать, хотелось бы без этого.
0 votes8 answers -
Блок с округленными краями
Расскажите как верстать макеты, где есть закругления у блоков. Я пробывал делать таблицу 3x3 и в каждый угол вставлял край заугргленный %) не очень приятная работа. Может есть что то по проще, подскажите =)
0 votes7 answers -
изменение цвета при наведении
Ребята, подскажите, как сделать с помощью CSS так , что бы при наведении на определенную часть карты Украины , эта часть немного затемнялась, не используя смену картинок?
0 votes4 answers