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
-
Подвал
Здравствуйте. О подвалах написано много но все же не проще ли footer{ position:absolute; bottom:0;} а у контентной части margin: 0 0 -footer 0; Чем пример ставший класикой <!--<style type="text/css"> html, body {margin:0;height:100%;} #wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;} #header {height:200px;} #left {float:left;width:200px;} #right {float:right;width:200px;} #center {margin:0 200px 0 200px;} #spacer {height:100px;} #footer {height:100px;margin-top:-100px;} .clear {clear:both;} </style> <body> <div id='wrapper'> <div id='header'> <!-- Содержимое хэдэра --> </div> <div id='conta…
0 votes2 answers -
Использование атрибута type у тега <link> в HTML5
Здравствуйте! Проясните пожалуйста вот по какому вопросу. Пишу на HTML5. И возник вопрос: использовать ли атрибут type со значением "image/x-icon" в теге <link> при вставке favicon? Или же можно опустить этот атрибут? Как это будет правильнее в HTML5, как лучше? Примеры: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или же: <link rel="shortcut icon" href="favicon.ico"> Заранее благодарен.
0 votes5 answers -
Блок по центру и масштаб
Здравствуйте, товарищи ! Столкнулся с такой вот проблемой: когда height не влезает, то делается нежелательный отступ (по-сути сдвиг: с права на лево). Вот html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function load() { $.ajax({ url: "/text.txt", cache: false, success: function(xml){ $("#m").html(xml).show(); setTimeout("$('#m').html('Python (англ. python — питон, произноситс…
0 votes1 answer -
позиционирование
Добрый день! Нужна помощь! Помогите разобратся с позиционированием. есть 3 блока и css к ним: <div class="header"> </div> <div class="bar"> </div> <div class="slider"> </div> div.bar { background-image: url(images/bar.png); height: 50px; width: 1000px; margin: auto; margin-top: -25px; position: absolute; } div.header { background-image: url(images/fon.png); height: 151px; width: 1200px; margin: auto; } div.slider { background-image: url(images/slider.png); height: 300px; width: 1200px; margin: auto; } Блок BAR встает к левому краю страницы хотя задан для него margin: auto; Если отключить position: absolute; то он встает по центру, но …
0 votes1 answer -
Сложная реализация по ширине макета
Здравствуйте, уважаемые знатоки верстки. У меня вопрос такой: как можно реализовать шаблон с фиксированной шириной, чтобы при увеличении масштаба элементы на странице (div-ы) у которых задана ширина, не выходили за окно монитора - без нижней полосы прокрутки. Вот пример реализации http://digital.redsign.ru/, ширина задана фиксированная 1120px, но мастабируется без проблем, а также левые баннеры скрываются, для более удобного просмотра. Если кто знает, прошу помочь. Также требуется опытный верстальщик для удаленной работы.
0 votes1 answer -
box-shadow в CSS3
Синтаксис свойства: box-shadow: h-тень v-тень размытие протяженность цвет inset; На своей подопытной страничке http://prodpak.ru перебрав множество примеров из интернета, изменив немного значения методом тыка, мне удалось сделать внутреннюю тень как хотел, но знаний я так и не получил. То есть нет структурного понимания поведения своей же записи на сайте box-shadow: -4px 0 10px -2px #F0F0F0 inset; Например, не пойму почему, когда я сменю -4px на 4px, то тень у блока будет слева. Как же ориентироваться? Вообще поначалу я полагал, что нужно руководствоваться top right bottom left где относительно элемента тень будет смещаться в ту или другую сторону.
0 votes3 answers -
3 колонки поломались в safari
помогите пожалуйста поправить вёрстку страница в большинстве браузеров отображается так. но в win safari 5.1.7 - так
0 votes1 answer -
Верстка элемента
помогите сверстать правильно этот элемент
0 votes7 answers -
Горизонтальное резиновое меню.
Использую display:table; и display:table-cell. Подскажите,пожалуйста,что делать,если в некоторых пунктах меню два слова,а в некоторых одно??"Двухсловесные" пункты при изменении размеров браузера скачут очень не красиво. При разрешении от 1024 и больше все хорошо:http://s41.radikal.r...19dc3cb1c98.jpg Когда сужается меньше 1024px происходит следующее: http://s018.radikal....f2c078a8d48.jpg Задала white-space:nowrap для li, помогло,слова перестали уходить друг под друга. Но теперь при сужении окна появляется огромная полоса прокрутки: http://s017.radikal....8b2ac1a4496.jpg Как сделать так,чтобы меню плавно сужалось и расширялось в зависимости от разрешения?? html: <nav&…
0 votes5 answers -
html страница для продажи
Здравствуйте! Чтобы понять о чем я говорю для наглядности откройте файл (html) Я сделал простой калькулятор (а точнее переделал) для продажи некоторых продуктов. Немного ранее у меня присутсвовал простой селектер: 1 шт = 10$, 2 шт = 20$ и т.д., и все работало идеально Сейчас же я добавил еще один селектер и четбокс, т.е. должно получиться: селектер №1 / 1 шт = 10$ селектер №2 / 1 шт = 15$ четбокс №3 / 10$ итог нужно вывести к оплате (на ликпей через интеркассу, но там очень все просто): 35$ Сам калькулятор получился, но мне нужно вывести общую сумму к оплате с именем /name="ik_payment_amount"/ и параметром value (итоговой суммой) Подскажите пожалуйста ламеру, как это сде…
0 votes5 answers -
0 votes3 answers
-
простая форма отправки с файлом
Здравствуйте, уважаемые форумчане! Собственно после прикрепления файла *.zip (до 2х мегабайт) и заполнения формы, мне приходит на почту пустой архив размером 0 байт. в чем проблема? <!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" /></head> <body> <?php // Если кнопка submit не была нажата, то выводим форму $submit = $_POST['submit']; if( !$submit ) { ?> <form ENCTYPE="multipart/form-data" name="form1" method="post" action="<?ph…
0 votes0 answers -
onclick
Всем привет. Подскажите, как заставить вот это <a href="all/hearing.html" TARGET="frame"></a> заработать в onclick="" заранее спасибо.
0 votes8 answers -
работа с inline элементами
Доброго времени суток! Сталкнулся с проблемой выравнивания inline элементов по вертикали пример _http://jsfiddle.net/n4eWe/6/, в данном случае работает, как хотелось бы(визуально) но хочется уйти от подгонки размеров вручную, а чтобы оно всё же позиционировалось само, не зависимо от #topmenu{ height: 40px; ... } Работает в таком варианте, как есть, но приходится подгонять при смене высоты topmenu значинием #topmenu ul { padding-top: 20px; } или topmenu ul убераем вообще и раскомментируем #topmenu li { /*vertical-align: bottom;*/ /*line-height: 56px;*/ ... } тогда приходится играть значением 56px... 1. Как же всё таки правильно пользоватся выравниванием? 2. полупро…
0 votes11 answers -
Как быть? (div)
На сайте используется div. есть левое меню, правое и по середине. Слева меню(карта) сайта. Хочу, чтобы при нажатии на подменю обновлялось только меню по середине с контентом. как быть?
0 votes11 answers -
Программа для создания сайтов
Здравствуйте! Подскажите, пожалуйста, какие еще есть программы для создания сайтов с нуля по типу Dreamweaver cs6? Чтобы можно была прописывать код и подключать css, или прописывать стили внутри html, чтобы тоже всплывали подсказки и подсвечивались буковки))?
0 votes14 answers -
Пожалуйста, помогите с меню
Всем Доброго времени суток! У меня возникла проблемка которую надо срочно решить . Вот сверстал пример меню (чтобы вам было понятно наглядно) http://youtime.hol.es/ который будет на сайте При наведении на новости выпадает подменю. Так вот нужно чтобы при фокусе на подменю , цвет ссылки высшего уровня (новости) оставался золотым. Сам додуматься не могу(
0 votes3 answers -
text-align в IE<9
Такая трабла: IE младше 9-ой версии неправильно выравнивают inline-block элементы. <div class="parent"> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> </div> Задав блоку с классом "parent" свойство text-align: center, а дочерним элементам свойство inline-block, нормальные браузеры располагают инлайн-блоки ровно по центру, но не IE<9. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.
0 votes4 answers -
Слайдер
Как реализовать такой слайдер? Чтобы за ним был оранжевый цвет, а перед ним серый? Можно простенькие примеры, пожалуйста.
0 votes4 answers -
<body> или отдельный <div>
Уважаемые профессионалы, прошу вашего разъяснения: Общепринято, для выравнивания содержимого страницы по центру - создавать обертку страницы (<div id="обертка">) и задавать ему автоматическое выравнивание по горизонтали. Я попробовал выровнять содержимое страницы по горизонту, без обертки - не посредственно внутри тега <body>. Задал ему position: relative; margin: 40px auto; padding: 0; width: 970px; и все работает как и с оберткой. Возможно я просто еще не наткнулся на косяки, или это уже просто специфика нового html5, пока не понял. Поясните насколько "кошерно" работать в таком стиле с боди.
0 votes13 answers -
"Всплывающие" элементы
Здравствуйте. Помогите пожалуйста понять почему при наведении курсора соседние блоки "прыгают" вниз (на ширину строки как я понял из практики меняя все местами, добавляя и удаляя элементы). http://freelesson.ru...cheb/matem.html ссылка на исходник там же. Как их зафиксировать или может страницу переверстать в более "красивом" исполнении и отображении. Может быть есть более "правильное" решение ... php не вариант так как хостинг бесплатный со всеми вытекающими последствиями. js сам по себе выглядит массивно и весит чуть ли не больше(если не больше) чем html.
0 votes2 answers -
скрыть часть контента при разрешении, допустим меньше 640*480
собственно сабж, верстая под все разрешения столкнулся с проблемой: таблицы изза них на малом разрешении появляется горизонтальная плоса прокрутки. единственный способ - скрыть таблицы при малом разрешении, но как это сделать ума не приложу и даже не знаю как спросить google чтобы получить нужный ответ
0 votes4 answers -
Рамка вокруг сайта
Помогите, пожалуста,решить проблему. Я верстаю сайт сделан он слоями, и вроде бы все хорошо но вокруг сайта имеется рамка которую я никак не могу убрать, что делать ? Сайт: http://nagibin.freeopti.ru/ Таблица: http://nagibin.freeo...s/123/style.css Если все упростить и убрать лишки то код такой : <!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=cp1251" /> <title>Верстка от ICE</title> <link href="Nagibin/style.css" rel="stylesheet" type="text/css" /> </head…
0 votes2 answers -
Генерация рандомного значения на Javascript
Есть большое число значений переменной Х. Допустим это 4 000 456 000 (значения - числа от 1 до 4 000 456 000). Можно ли сделать, чтобы переменная рандомно принимала любое из 4 000 456 000 значений?
0 votes20 answers -
IE padding в input не учитываеться
Думаю большинству знакомый баг в IE, когда при наборе длинного текста в input горизонтальный paddng не учитываться. И если в этом padding'е расположено фоновое изображение, то текст налазит на него. Обычно это решается дополнительным враппером/контейнером. Но как же не хочется для каждого такого поля добавляться дополнительный контейнер только, что бы исправить этот баг в IE. Существует ли решение этой задачи, без использования дополнительных тегов или js?
0 votes3 answers