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
-
CSS и <Canvas>
Довольно таки странно: пытаюсь управлять св-вами <canvas> прописывая width и height для элемента с заданным id в таблице стилей. В итоге получается холст 300x150 те со значениями по умолчанию. А вот когда в скрипте задаю нужный размер холста посредством document.getElementById("ID").style.width=.... то все работает. Чтож он сразу-то не берет из таблицы стилей значения?
0 votes1 answer -
Что означают записи внутри тега <html> при использовании xhtml1-strict.dtd?
Добрый день. Скажите, что означает запись <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" xmlns:umi="http://www.umi-cms.ru/TR/umi"> Интересно именно конструкцию по частям понять. Doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Спасибо.
0 votes1 answer -
div'ы крест накрест
Добрый вечер всем. Нужно было сверстать вот так: Так, чтобы 1 див был на все окно браузера. У меня получилось сделать для хрома с разрешением 1440х990 В других браузерах и при других разрешениях получается все криво. Может кто-нибудь помочь сверстать кроссбраузерно? Даже хотябы не на весь экран, главное чтобы было крест накрест. Вот мой код странички: <!-- LEFT --> <div class="hor" id="left"> <div class="section"> <h1>LEFT</h1> <a href="#" class="next">Next</a> </div> </div> <!-- TOP --> <div class="vert" id="top"> <div class="section"> <h1>TOP</h1> <a href="#" class="do…
0 votes2 answers -
Искал, аналогичной темы не нашел, помогите новичку!
Здравствуйте! Нужна помощь, верстаю пробную страничку блоками в html+css. Как вставить принтскрин не понял, поэтому извините. Суть вопроса в чем, во всех уроках рассказывается, как создавать блочные сайты с использованием css, но только почему-то с фиксированными размерами и положением блоков в пикселях. Это мне все понятно, а вот как делать "резиновый" дизайн с использованием все тех же css-блоков??? Код прикрепляю, у меня там практически все получается, кроме блока "main", в котором находятся два подблока "content" и "banner". Не могу догадаться как сделать их "резиновыми" и растянуть до блока "bottom"... Помогите пожалуйста. Заранее благодарен и извиняюсь если что коря…
0 votes7 answers -
Как правильно сверстать?
Объясните пожалуйста как правильно сверстать эту область? а именно как наложить серую полоску на блок
0 votes7 answers -
Lite CSS reset
Сейчас использую такой ресет, тк без него сверху появляется не желательный отступ. * { margin: 0; padding: 0; } Пробовал такой ресет, не помогает. html, body { margin: 0; padding: 0; } Посоветуйте как сбросить стили, но без лишней не нужной работы, которую дает звездочка.
0 votes2 answers -
css3 слайдер (не могу заставить остановиться)
В общем беда такая: Сделал я слайдер который отображает сразу 2 картинки рядом. И смещаются они по одной. все хорошо. Но надо сделать так чтобы при наведении курсора они замирали ВСЕ. А пока что у меня замирает только та из двух, на которую навел мышкой (:hover). Остальные продолжают двигаться. в результате происходит разброд и шатание. http://jsfiddle.net/Elizaurus/qccag8x1/4/
0 votes2 answers -
Подскажите какие-то ссылки или книги про "Устройство браузера"
Решил поглубже познакомится с устройством браузера. В поисковиках искал, но информации там толковых мало, так же после публикации у этих статей 5 - 6 лет прошло.
0 votes0 answers -
Подскажите шрифт на картинке
Здравствуйте. Подскажите шрифт. Whatthefont не смог определить шрифт.
0 votes1 answer -
Растянуть форум на весь экран
/* General Style */ body {background: url('/design/1.png') center repeat-y #5c70a3; margin:0px; padding:0px; text-align: center;} #wrap {width: 900px; text-align: center; margin-left: auto; margin-right: auto; background: url('/design/...png') repeat-y;} #contanier {width: 900px; text-align: left; margin-left: auto; margin-right: auto; background: url('/design/...jpg') no-repeat;} #header {height: 235px; text-align: left;} #logo {float: left; width: 280px; height: 170px; position: relative; top: 20px; left: 40px; text-align: center; color: #b6b7cf;} #logo h1 {margin: 20px 10px; font-size: 25pt; font-weight: normal; color: #f0f1f7;} #logo a:link {text-decoration:underline;…
0 votes1 answer -
Верстка форм. Проблемы с FF4
Доброго времени суток. Есть формочка - http://beavers-net.narod.ru/primers/forms.html Собственно два вопроса - как её сверстать лучше, чтоб не прыгали инпуты туда-сюда и все было ровно и в Лисе input file для аватара не тянется Inline-стилями - в чем фишка? *валидацию прошел. По поиску побродил, но ничего не нашел,( Только вот - http://forum.htmlbook.ru/index.php?showtopic=20084&hl=%E2%E5%F0%F1%F2%EA%E0+%F4%EE%F0%EC Оно занятно, да не об том. Заранее спасибо. С уважением, Олег.
0 votes10 answers -
Загрузка мод. окна
Здраствуйте, нужно решить проблему, как мне зделать чтоб модальное окно грузилось в место со страницей.Уже видел такой скрипт который бы решил проблему ,но тепер не могу найти Пример так как сейчас - http://mp3ack.com/ ВХОД. Спасибо...
0 votes12 answers -
Height 100% + Repeat + ie 6
Здравствуйте. При вёрстке документа столкнулся с очередной проблемой в IE 6. На странице имеется декоративный элемент со свойствами: position:absolute; background-repeat:repeat-y; height 100% Родительский элемент имеет свойства (пробовал разные сочетания) min-height: 100%; height: auto !important; height: 100%; html и body имеют (пробовал разные сочетания) height: auto !important; height: 100%; Проблема: Декоративный элемент успешно растягивается на всю высоту экрана, его фон повторяеться, но если страницу проскроллить вниз обнаружаеться, что элемент не растягиваеться дальше. То-есть элемент не растягиваеться на высоту большую чем первоначальная видимая область. Это д…
0 votes5 answers -
Как расстянуть контейнер до подвала?
Здравствуйте! Возникла проблема которую не могу решить, вернее не хватает знаний в области css., сам макет делал с помощью всем известного http://csstemplater.com/ и выбрал опцию "прижать футер к подвалу". В результате чего футер прижался, но контейнер так и не расстегнулся до футера. Затем с помощью текстуры решил создать тень по бокам и вот тут и возникла головная боль, пробовал и так и эдак., пожалуйста помогите решить проблему, буду очень признателен.
0 votes10 answers -
2 неразрешенные задачи: анимация блока и абсолютное позмционирование градиента
http://4tab.pavelzheglov.ru/new/ Здесь 2 задачи, которые у меня не получилось решить: 1) Нужно сделать полоску градиента внизу текста, ни абсолютным позиционированием, ни псевдоклассом ::after сделать этого не получилось. Пример с кривой версткой, что бы было понятно, что нужно, здесь: http://4tab.pavelzheglov.ru/sample1.html 2) В панели с параметрами статьи (автор, комментарии, просмотры), есть скрытый span, который по задумке разъезжается при наведении (это чтобы можно было уместить больше такой информации). Корректно работает только в ФФ, Опере и ИЕ. Вебкит-браузеры добавляют какие-то странные отступы.
0 votes9 answers -
градиент для старых браузеров
есть контейнер с бекграундом в градиенте, как быть если на сайт заходят крабы с браузеров эры динозавров?
0 votes5 answers -
Подключить 2 начертания шрифта
Кто знает как? Допустим есть 2 файла шрифта Regular и Bold. Как сделать так, что бы всё, что на сайте выделяется жирным - выделялось начертанием Bold, а не псевдо-жирным..?
0 votes2 answers -
универсальное свойство background
Почему если после свойства background-color использовать универсальное свойство background свойства и значения которых не противоречат друг другу, свойство background-color перестает работать?
0 votes5 answers -
Прижать один элемент (блок) к другому
Имеется сайт, кнопки голосования в красной рамке надо прижать к кнопкам меню (само меню в зелёной рамке). Как это сделать? Сам верстаю на HTML/CSS 4 с лишним лет, но такие вещи в голове уже не проецируются
0 votes7 answers -
Не подключается нужный шрифт
Здравствуйте. Начал верстать и впервые столкнулся с такой проблемой, что не отображаются подключенные шрифты, вернее один из них. Хотя все пути правильные, имя шрифта и подключение тоже, плюс шрифт установлен в системе. Буду благодарен, если кто-то подскажет в чем проблема. Вот куски кода: Подключение шрифта @font-face {font-family: Helvetica-2-UltraLight;src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.eot);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.svg);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.ttf);src: url(fonts/Helvetica-2-UltraLight/Helvetica-2-UltraLight.woff);}Применение к ссылке #header ul li a{font-size: 34p…
0 votes2 answers -
Адаптивная карусель с миниатюрами с поддержкой видео
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, адаптивную карусель с миниатюрами и с поддержкой видео (YouTube, Vimeo, и Funnyordie).
0 votes2 answers -
Как исправить анимацию после добавления блока?
Здравствуйте! Делаю сайт на базе этого шаблона. По сравнению с исходным шаблоном добавил в разметку доп меню с желтыми пунктами Профсоюз и т.д. Это подменю c селектором .headerrow .cell_pad .moduletable:nth-child(2) спозиционировал абсолютно относительно верхнего края родительского элемента div.cell_pad, для чего последнему пришлось дать position:relative; После это вся анимация опустилась на высоту внедрённого элемента с селектором .headerrow .cell_pad .moduletable:nth-child(2). Почему? Ведь в мануале написано, что position:absolute должен заставлять соседние элементы, а именно первый div.moduletable, вести себя так, как будто следующего за ним позиционированного эл…
0 votes5 answers -
Фильтр html таблиц с помощью чекбоксов
Здравствуйте! Подскажите, пожалуйста, есть ли готовое решение на javascript для фильтрации данных в html таблицах с помощью чекбоксов. Есть отличное решение с помощью поля поиска: http://www.listjs.com/examples/table А вот с чекбоксами я не нашел. Заранее благодарен за помощь.
0 votes0 answers -
Как изменить размер кружка в списке?
Уменьшил размер текста в списке, а кружок по сравнению с текстом остался таким же. как и его уменьшить?
0 votes1 answer -
Обрезка блоков
Привет, очень редко сталкивался с этим и не люблю подобное, как эти блоки обрезать, что с ними вообще делать?
1 vote2 answers