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
-
http://www.htmlbook.ru/css/hover.html - в IE6 меню не работает
Народ такая ситуация, во на сайте дается код выпадающей менюшки!! Так вот в IE6 она вообще не работает!!! Как исправить??? Код написал <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>hover</title> <style type="text/css"> UL { width: 180px; /* Ширина меню */ list-style: none; /* Для списка убираем маркеры */ margin: 0; /* Нет отступов вокруг */ padding: 0; /* Убираем поля вокруг текста */ font-family: Arial, sans-serif; /* Рубленый шрифт для текста меню */ font…
0 votes4 answers -
Раскрывающаяся область, как оптимальнее реализовать?
Уважаемые гуру, прошу не пинать если я банален, но пытаясь делать первые шаги в верстке не сразу адекватно воспринимаешь весь поток информации)). Подскажите как лучше сделать такую штуковину: Есть блок, по аналогии с пунктом меню - при наведении на пункт меню вываливается еще несколько скрытых до этого пунктов подменю. А как можно сделать чтобы при нажатии на какой то квадратик на странице, к примеру 50х50, она разворачивалась в больший квадратик допустим 100х100. И можно ли это сделать простыми методами?
0 votes25 answers -
Фон
Добрый день всем, нуждаюсь в помощи более опытных. Есть фоновая картинка размером 1024*1320, на 17 дюймовых мониторах думаю понятно что она будет на всю ширину, а вот мне надо так что бы она была по центру на широкоформатных мониторах и фон был черным. <style type="text/css"> BODY { background-image: url('img.jpg'); background-color: #000; background-repeat: no-repeat } </style> Каким образом его можно сместить на центр?
0 votes13 answers -
не могу растянуть среднюю колонку в IE
Сайт сверстан таблицей из трех колонок. Крайние колонки ограничены шириной 160 пикселей, а средняя должна растягиваться на оставшуюся ширину экрана. Т.е. сайт должен быть резиновым. И везде это работает, но только не в IE. Если я задаю ширину любой ячейки в средней колонке = 100% - то таблица уходит за пределы экрана. Если не задаю - сжимается до одиноковой ширины с крайними колонками. Если вкладываю в нее (в любую ячейку в средней колонке) таблицу с шириной 100% - все равно не помогает. Вот код: <table width='100%' border='0' cellpadding='0' cellspacing='0'> <tr> <td width='160'> текст </td> <td> <table width='100%' cellpadding='0' cells…
0 votes5 answers -
подключения таблицы стилей
<link rel="stylesheet" type="text/css" href="http://www.mysite.ru/main.css"> - не понимаю откуда и как здесь подключаются стили?
0 votes16 answers -
Про обтекаемость дивов.
В общем есть фотогалерея, там каждое фото обвёрнуто в див. float: left. Картинки расположены горизонтально, как экран кончается - картинки переносятся на новую строку. Проблема в том, что если идёт большая по высоте картинка, а за ней две маленькие и конец экрана, то 2 маленькие картинки обтекают большую, а надо чтобы обтекала одна маленькая, а вторая переносилась на новую строку. Если вопрос не понятен, я нарисую пояснение
0 votes7 answers -
переход между страницами
возможно ли сделать такой интересный переход влево вправо между страницами на хтмл? например как на сайте http://luxedeco.ru/ www.igorpronin.ru если да то как? скиньте примеры кода, скрипты, файлы
0 votes2 answers -
Подскажите как сделать резиновый height у input
В общем width я могу указать в процентах и все будет работать нормально, а вот height никак не хочет чтобы не делал. Приведите пример реализации пожалуйста. Заранее спасибо
0 votes11 answers -
expression - зависимость контента от активной области браузера
Возникла проблемма. Имеется дизайн у которого по бокам много различных элементов(узоров). Сам шаблон в ширену 1200, а основная часть приблезительно 1000. 100пикс по левому и по правому краям занимают узоры. Прикрепил узоры слоями к основной части по левому и правому краю. Основная часть фиксированная, поэтому варианты с тянущейся основной отпадают.... Проблемма собственно в чем: пытаюсь адаптировать этот дизайн под 1024, но ничего не получается -- из-за узоров появляется полоса прокрутки. Нужно средствами CSS узнать ширешу экрана и в зависимости от расширения автоматически подрезать слои-узоы чтобы полосы не возникало. Слышал о небольших JavaScript включениях в файлы CSS…
0 votes7 answers -
Bootstrap: проблема с фиксацией блока ( affix)
Приветствую коллеги! Пытаюсь с помощью Bootstrap сверстать меню которое прокручивается до верхней границы экрана и там фиксируется. В Bootstrap для этого есть специальный класс affix ( http://twitter.githu...ript.html#affix ) Вертикальную фиксацию сделал, но не могу решить проблему с шириной. До фиксации ширина одна, после фиксации - другая. Хотя величина в свойствах стоит одна и та же (23.4... %) До фиксации: .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } После фиксации: .affix { position: fixed; top:0; width: 23.404255319148934%; /* *width: 23.351063829787233%;*/ } Ширина родительского элемента совпадает. Так в чём же проблема? Го…
0 votes2 answers -
Вёрстка большого количества страниц
Приветствую жителей форума! У меня к вам есть вопрос. Дело в том, что я изучаю вёрстку недавно и столкнулся с очень неприятной проблемой. Мне нужно было сверстать большое количество страниц одного сайта. На каждой странице было разное размещение информации. И для каждой страницы одинаковое положение и наполнение было только у шапки сайта и у подвала. Предположим, на главной была шапка, потом шёл блок со слайдером и подвал. На другой была шапка, две колонки (текст и форма обратной связи) и подвал. На третей опять шапка, после неё две колонки с новостями, которых в каждой колонке должно было быть по три штуки и для других страниц новостей должны были прикрутить скрипт, чт…
0 votes9 answers -
фиксированный бекграунд при определенной высоте
Привет. Есть картинка на бекграунд размерами больше чем разрешение экрана, то есть у нас появляются полосы прокрутки по вертикали и горизонтали. Я добавляю текст чтобы он был больше чем высота картинки. Теперь вопрос. Как сделать прокрутку по горизонтали и прокрутку до высоты картинки, и после этого картинка становится фиксированной при вертикальной прокрутке, то есть в начале у нас прокручивается и фон и текст, а после того как дошли до конца фоновой картинки, то у нас прокручиввается только текст. Думаю объяснил внятно. Где-то похожее я видел, только очень давно.
0 votes35 answers -
Съезжает центр сайта
Всем привет!) У меня такая проблема: съезжает центр сайта влево. (причём в одном и том же браузере при одном и том же масштабе на разных компах по-разному, т.е. на одном всё отлично, на другом съезжает.) Сейчас покажу в чём проблема: Вот код самой страницы: <?php // вся процедура работает на сессиях. Именно в ней хранятся данные пользователя, пока он находится на сайте. Очень важно запустить их в самом начале странички!!! session_start(); include ("bd.php");// файл bd.php должен быть в той же папке, что и все остальные, если это не так, то просто измените путь if (isset($_GET['id'])) {$id =$_GET['id']; } //id "хозяина" странички else { exit("Вы зашил на страницу без…
0 votes6 answers -
Padding, margin. Firefox и Chrome делают по разному.
Первый вопрос сразу же такой: почему в Firefox, чтобы сделать примерно ВИЗУАЛЬНО равные padding'и, нужно ставить разные числовые значения. padding-top: 25px; padding-bottom: 12.5px; Вот как это выглядит. Там можно определять все по border.http://pbrd.co/12SWI4e Вторая штука в том, что Chrome вообще игнорирует все, и ставит какой-то бешеный padding. И не важно будешь ты ему ставить 25px или 12.5px. Вот картинка: http://pbrd.co/12SXWMO Помогите пожалуйста, потому что я в кроссбраузерности вообще не шарю. Вот весь код: HTML: <div class="about"> <p style="color: #d4dde0;"><span style="font-size: 0.9em; color: white; font-weight: 900;font-s…
0 votes4 answers -
При верстке в utf-8, IE-6 как-будто не видит css...
Привет. Такая проблема, есть страница к примеру. В header'e расположены 2 блока ? 1. лого 2. правый блок, расположенный по правому краю. Если заметить, кодривка стоит - utf-8, при этой кодировке IE-6 как будто не видит стилей..т.е. правый блок не выравнивается по правому и что бы я не делал, какие бы стили я не прописывал в CSS, он их игнорирует, а если прописать их в самом div'e то все нормально... и ЕЩЕ ! когда я меняю кодировку на windows-1251, то УРА, ЗАРАБОТАЛО! В чем дело? Нужно разобраться... и надрать этому IE его наглый зад!) CSS body { margin: 0; padding: 0 15px 0 15px; font-family: Arial; font-size: small; background: #fff; color: #404040; background: url(..…
0 votes3 answers -
как диву присвоить высоту другого дава?
Знаю что на чистом CSS это почти невозможно, так как у меня два дива внутри другого, и один из них float, а вот как это сделать хотя бы через JS?
0 votes5 answers -
IE6-7 и position:relative
В IE6-7 меню наплывает на контент периодически. Если меняю на position:static, то в ИЕ7 все нормально становится, а вот в ИЕ6 меню конечно наплывать перестает, но вот фон задать не удается, подскажите как можно выкрутиться #body .services{ float:left; width:249px; position:relative; margin-left:-265px;} на всекий случай вот сайт Kroxa.com.ua
0 votes13 answers -
Затемнение картинки divом
Здравствуйте! Имеется код типа: html <img src=""><div class="div_class"><a>Текст</a></div>css .div_class {display: table;}.div_class a {display: table-cell;text-align:center;vertical-align: middle;background-color: #2b2b2b;opacity: 0.75;color: #ffffff;}.div_class a:hover {background-color: #2b2b2b;opacity: 0.15;cursor: pointer;}Блок позиционирован абсолютно и находится поверх картинки, затемняя её по умолчанию. При наведении курсора затемнение снимается. Суть в том, что текст, как по умолчанию, так и при наведении имеет прозрачность. Есть какой-то способ оставить текст без прозрачности, исчезать (opacity: 0.15;) должен только фон, а текст ост…
0 votes2 answers -
overflow-x и overflow-y
Господа, как сделать, чтобы код отобразился в FireFox правильно: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div style="overflow-x:hidden;overflow-y:visible;width: 50px; height: 50px"> texttextte xttexttexttextte xttexttexttextte xttexttext texttexttex ttexttexttexttext text texttexttext texttexttexttexttext texttexttexttexttex ttexttexttexttexttexttexttexttextte xttexttex texttexttexttext texttexttexttexttext texttexttexttex ttexttexttextt </div> </body></html>
0 votes13 answers -
Как правильно сделать скругленные углы?
Скругляю углы у дива с помощью -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:30px; -moz-border-radius-topright:10px; background:#777777 url(img.png) repeat scroll 0% 50% !important; Цвет отображается нормально по форме скругления, а картинка-бэкграунд во весь див. Можно ли как-то картинку отображать (обрезать по краям скругления) как цвет?
0 votes12 answers -
Выпадающее горизонтальное меню
Здравствуйте! Нужна помощь знатоков ибо таким я к сожалению не являюсь! Проблема заключается в том, что у меня есть горизонтальное меню построенное на списках. Чтобы центрировать его я использовал вот эту схему: #buttons{ float:left; position:relative; left:50%; text-align:left; } #buttons ul{ list-style:none; position:relative; left:-50%; } #buttons li{float:left;position:relative;}/* ie needs position:relative here*/ #buttons a{ text-decoration:none; margin:10px; background:red; float:left; border:2px outset blue; color:#fff; padding:2px 5px; text-align:center; white-space:nowrap; } #buttons a:hover{ border:2px inset blue;color:red;background:#f2f2f2;} #content{overflo…
0 votes9 answers -
Шрифты, CSS, Google Fonts, Font Squirrel
Знаю, что была уже куча таких тем, но все же. Опять непонятно кое-что со шрифтами. В общем, скачиваю шрифты с Google Fonts, не через просмотр исходного кода, а через стандартную ссылку для скачивания шрифта. В архиве .tff и лицензия. TFF, естественно, при обычном @font-face {font-family: 'Some Font';src: local('Some Font'), url(fonts/Some-Font.tff) format('tff');}не работает, что предсказуемо. Иду на Font Squirrel, обычные настройки, всякое такое, загружаю, редактируется, скачиваю, опять не работает. Иду снова на Google Fonts, просматриваю исходные коды, подмечаю, что при скачивании - TFF, а при подключении типа <link href='http://fonts.googleapis.com/css?family=…
0 votes22 answers -
Формы
Подскажите, кто-нибудь сталкивался с такой проблемой: кнопка submit в форме имеет вид плоского прямоугольника и на реагирует на наведение мыши (хотя работает, т.е. при нажатии данные отправляются). Пользуюсь DW и там в режиме разделения кнопка похожа на кнопку-выпуклая, а в localhoste смотрю страницу-кнопка серенький прямоугольничек?
0 votes17 answers -
Спецификация
Спецификация CSS2: Значения свойства 'display': - compact Это значение свойства в зависимости от контекста созда?т структурный или строковый блок. Применение свойства к инициальному или компактному блоку осуществляется, исходя из его окончательного статуса (является ли он строковым или структурным блоком). Например, свойство 'white-space' применимо, только если блок становится структурным. Кто-нибудь может ЭТО объяснить _человеческим_ языком? Где это может быть применено с пользой?
0 votes7 answers -
Ссылки в поле <TEXTAREA>
Здравствуйте, уважаемые знатоки. Подскажете, пожалуйста, как в поле сделать ряд активных ссылок? Суть: нужно сделать список улиц, так как улиц слишком много, думаю заключить список в блок с прокруткой. На каждую улицу идет описание по клику, но ссылку в создать не могу - просто отображается код. Спасибо.
0 votes6 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-