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
29,542 questions in this forum
-
запрещение перетаскивания
нарисовал дизайн сайта в фотошопе, потом раскройкой разделил на кнопки и сохранил добавил ссылки по клику (делал по принципу http://tyniks.ucoz.ru/publ/stati_dlja_khakerov/kak_sdelat_aktivnuju_knopku_samomu2/3-1-0-239) если зажать левую кнопку мыши, на любой точке страницы и потянуть, то появляется значок перетаскивания картинки как сделать чтоб он не появлялся? (что б мышкой картинки не таскались а то некрасиво)
0 votes12 answers -
Проблема с Opera и Firefox
Помогите, пожалуйста, более грамотные и опытные начинающим... У меня есть три различных css-файла, для каждого браузера свой (IE, Opera, Firefox), Проблема в том, что нам необходимо подгружать различные css-файлы для IE, Opera, Firefox мы используем скрипт: function check_browser() { var version = 0; if (navigator.userAgent.indexOf ("MSIE 5") != -1) document.write ("Internet Explorer 5.0"); else if (navigator.userAgent.indexOf("MSIE 4") != -1) document.write ("Internet Explorer 3.0!"); else if (navigator.userAgent.indexOf ("MSIE 4.5") != -1) document.write ("Microsoft Internet Explorer 4.5 for Macintosh"); else if (navigator.userAgent.indexOf ("Opera") != -1) document…
0 votes2 answers -
float и clear
Правильно ли я понимаю, что эффект свойства float нужно компенсировать свойством clear? Свойство float, почему-то, применяется не только к следующему за слоем слою, но и ко всем последующим слоям. А если после слоя со свойством float поместить невидимый слой со свойством clear, то эффект свойства float для всех последующих слоев пропадает? Если так, то не вижу смысла продолжать верстать, используя таблицы, можно обойтись связкой float-clear.
0 votes6 answers -
позиционирование
может, кто сталкивался... не могу кинуть весь код иба это не реально почему может див наделен абсолютным позиционированием сдвигать дизайн? т.е. как бы он находится в дереве вместе с другими элементами а не в отдельном потоке? я уже прям не знаю, как сделать его поверх всех элементов и что б он не двигал все.... (не работает в FF другие браузеры не побывал) спасибо!
0 votes11 answers -
Как выровнять текст вертикально по центру в диве?
Конструкция: div { height: 200px; display: table-cell; vertical-align: middle; background:#CCC; } не работает в ие6! Какой можно использовать универсальный кросбраузерный способ для выравнивания текста (или чего-нибудь другого) внутри дива? —————— Поторопился тему создавать. Нашел ответ: http://forum.htmlbook.ru/index.php?showtopic=16174 Модеры, убейте тему!
0 votes0 answers -
Flash меню и jQuery
Здравствуйте! Такая у меня проблема. Есть меню сделано во Flash, как мне сделать что бы при нажатии на кнопку меню выполнялся скрипт в html а именно
0 votes5 answers -
Помогите правильно разместить обьекты
Здрасьте! Не могу правильно разместить обьекты в div. Помогите пожалуйста имеются обьекты: 1 div (контейнер) 2 h2 (заголовок) 3 img (картинка слева) 4 p (описание картинки) Делаю так: <div style="border:1px solid #bbb;"> <h2>Заголовок</h2> <img src="" style="float:left;width:100px;height:100px;" /> <p>теkст описание картинки</p> </div> Все бы хорошо, но как только текст не превышает высоты картинки, то нижний бордюр перекрывает картинку. Подскажите как правильно решить эту проблему? Спасибо.
0 votes8 answers -
Как зафиксировать меню
Добрый день! Подскажите, пожалуйста, как зафиксировать меню чтобы при прокрутки страницы, меню оставалось на своей позиции??? знаю, нужно к меню добавить: position fixed но от меню остаются узенькая полосочка! пробывала прописать высоту, не получается! Мой сайт Подскажите, кто знает!
0 votes5 answers -
Что не так? Калькулятор [JS]
Помогите пожалуйста уже всю голову переломал не пойму почему не работает http://jsfiddle.net/afZe3/
0 votes7 answers -
Почти адаптивная таблица
Здравствуйте. Посоветуйте, как сверстать такое расписание http://joxi.ru/Q2KxaXpsNKGyAj Пока верстала таблицей. Но в мобильной версии таблица превращается в шорты - http://joxi.ru/p27LXw5SOaj6A7 Сайт верстаю под WP. Как лучше реализовать?
0 votes5 answers -
Всплывающий попап
Добрый вечер! Подскажите пожалуйста, как мне сделать всплывающий попап, активируемый щелчком по ссылке <a class="clickMe" href="#"><img src="gf-1.png"></a><div style="opacity: 1; visibility: visible;" class="popup"><div class="close_order">X</div>
0 votes11 answers -
Position: fixed - сделать размеры блока как у body
Есть страница, c: body { max-width: 1200px; margin: auto; } т.е. контент посередине. Вопрос: есть блок <footer>, как средствами CSS сделать его "привязанным" к низу страницы так, чтобы он был одного размера с body? И соответственно менял размеры, если у body меняется. Ну например: окно браузера уменьшили... footer { position: fixed; bottom: 0; } "привязывает" <footer> к низу, но растягивает по ширине экрана.
0 votes2 answers -
Задание отступов в отдельном столбце таблицы.
У меня есть таблица с несколькими столбцами, как задать определенный паддинг во всех ячейках некоторого столбца (допустим первом) применяя стили? Не применяя стиль для отдельных ячеек. Пробовал col-ом задать, работает только в ИЕ, а мне б чтоб во всей тройце: ИЕ, ФФ, Опера.
0 votes2 answers -
Проблема с центровкой в ячейке таблицы (рейтинг)
Народ, подскажите плиз, в чем может быть проблема и как ее решить ? Вот тут drossel.msk.ru/blocks.rar лежит вырезанный кусок скрипта (+ картинка), отображающий рейтинг в ячейке таблицы. надо решить 2 проблемы. 1. Это отцентровать по вертикали и горизонтали. 2. В Опере кажет нормально (есть глюк не большой), а в Осле "расплываются слои". Вторую проблему можно решить, прописав что-то типо FONT-FAMILY: Verdana,Tahoma,Arial,Sans-Serif; FONT-SIZE: 11px; но все равно появляется тот самый мылкий глюк, наблюдаемый и в опере. Слои так же разъезжаются, но на 1 пиксель =( 3-и сутки ломаю голову и перепробовал пачку вариантов, но так ни к чему не пришел. Мож кто поможет ? ЗЫ. Таблиц…
0 votes7 answers -
Центрирование менюшки
Приветик всем. Пытаюсь позиционировать менюшку строго по центру. В ИЕ6 центрируется нормально, но мозилла сдвигает ее влево. Ставлю в двух дивах. Не пойму, что не так. Заранее спасибо за поддержку. Код такой: /*——————headmenubox—————-*/ #headmenubox {position:absolute; top: 290px; width: 795px; height: 30px; margin-left: auto; margin-right: auto; background-color: #F7F2EE; border: 2px outset; z-index:3;} /*——————header-menu—————-*/ #header-menu {position:relative; top:0; width: 90%; height:auto; padding-left:; margin:0 auto; font-family: Times New Roman, serif; text-align: center; font-weight: bold; font-style: italic; background-color: #F7F2EE; colo…
0 votes3 answers -
Сбивается <a name=""></a>
Огромные респекты сему братству! Переделываю в HTML очень интересную автобиографическую книгу. В ней много текста и фоток. Поначалу хотел фотки вставлять прямо в текст, по получилось криво - соотнести фотку с коротким абзацем сложно. Поэтому решил использовать фреймы: в левом узком фрейме разместил фотки, а в правом широком - текст, в котором поставил ссылки на фотки из левого фрейма: имхо достаточно удобно кликнуть на ссылку в тексте чтобы слева колонка промоталась на фотку. Вобщем, такой код: index.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <HTML> <HEAD> </HEAD> <FRAMESET cols="2…
0 votes3 answers -
Высота дива
Как сделать, чтобы при увеличении размера контента дива, он увеличивался бы по высоте, если в ксс указан overflow: hidden ? overflow: visible не подходит, т.к когда я его указываю, вся верстка "валится" в мозиле и опере. зы: Это надо сделать в дивах, которые поочередно расположены по горизонтали... Или альтернативный вопрос: как сделать чтобы верстка не валилась при overflow: visible ? =) .block_main{ position: relative; margin-top: 5px; margin-bottom: 5px; } .block_top_1{ margin-left: -10px; margin-top: -5px; margin-bottom: 5px; height: 32px; line-height: 18px; overflow: hidden; background: #FFF; border: 2px solid #f6f6f6; border-bottom: 1px solid #dddddd; } .block_con…
0 votes1 answer -
как сделать свою полосу прокрутки
Подскажите пожалуйста как сделать свою полосу прокрутки в цвет своего сайта, можно ли изменить стандартную полосу прокрутки которая появляется при overflow. Наверное придется прорисовывать каждый элемент..? Буду признатален за любую информацию. Заранее Спасибо.
0 votes1 answer -
Изображение и ссылка в одну линию.
Есть изображение (~130x130px) и ссылка. надо из расположить в линию, как на рисунке: Пока удается добиться такого только при помощи таблицы. При помощи css получается вот так: То есть ссылка "прилипает" к нижнему краю изображения. Как сделать это при помощи css?
0 votes3 answers -
div'ы и ie6
Приветствую. Имеем следущий код: #body { width:1000px; height:100%; margin:0 auto; display:block; } #left { width:62px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; background:#e0e0e0 url(../images/index_06.jpg) no-repeat top; -margin:-13px 0 0 0; display:inline; float:left; } #right { width:937px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; -margin:-13px 0 0 0; display:inline; float:left; } #right_top_left { width:286px; height:30px; display:inline; float:left; } #right_top_right { width:651px; height:30px; background-color:#e0e0e0; di…
0 votes12 answers -
Анимация в CSS3
Собственно, недавно хотел проявить участие в мини-конкурсе (про Новый год) на этом форуме. Там надо сделать зацикленную анимацию. Я сначала подумал, куда ж тут без JavaScript. Я-то тогда думал, что анимацию в CSS3 можно делать только при наведении курсора (transition). Ну и забросил, я в JavaScript не очень разбираюсь (только если со справочником чего путного могу сделать), я больше по серверным технологиям. Так вот, поучаствовал в другом мини-конкурсе и начал рассматривать работы конкурентов. Увидел у одного участника такой код: animation: roll 1s infinite linear;Удивился. Откуда такое свойство взялось? Весь HTMLBook перерыл, не нашел такого. Этот пропуск в информации н…
0 votes3 answers -
Как всегда photoshop и расположение элементов с psd
Ситуация такая: есть меню навигации при наведении мыши должна быть подсветка у меню. Меню расположил, вот с подсветкой не могу сладится, решил реализовать все через псевдокласс hover,сохранить подсветочку из макета и наложить на меню.Проблема в том что photoshop сохраняет это все с белым фоном. Выделение слоя и сохранения дает тот же результат опять фон, как проще сделать? Одна подсветка всегда должна быть, другая с дополнительным подсветом при наведении мыши.
0 votes8 answers -
Сайт комиксов
Добрый день! Появился один вопрос и никак не могу найти на него ответ в интернете. Друзьям очень нравятся комиксы, ну и вечно советуют их мне. А тут как раз несколько сериалов выходят по ним. Ну я и заинтересовался) Ну а почему бы не совместить приятное с полезным. Вот и решили попробовать с друзьями создать сайт с комиксами. Неизвестно принесёт ли он прибыль, но практика думаю будет хорошая. Но так как опыта не так много, то и появились некоторые проблемы: Ведь сайт комиксов по своим составляющим напоминает сайты онлайн-кинотеатров. Будут ли какие-либо проблемы, если мы начнём выкладывать на сайт комиксы Marvel, DC и других издательств? С одной сторо…
0 votes5 answers -
Стили
такой вопрос о стилях вот как задаеться стиль H1 { color: red; font-size: 18pt} а мне нужно чтоб все стили хранились в отедльном файле чтоб со всех файлов я мог к нему обратиться как это сделать как прописать сылку на стили ????
0 votes6 answers -
Контент поверх флеша
Уже несколько раз затрагивалась эта тема, но для себя эту задачу я так и не решил. Вполне вероятно, что решение, как всегда, елементарно и находиться где-то рядом, но я его еще не нашел. Контент поверх флеша не хочет отображаться, как бы его не позиционировал, как бы не игрался со слоями. <style type="text/css"> .flash { width: 300px; height: 300px; z-index: 1; } .content { width: 100px; height: 100px; background-color: green; position: absolute; top: 0; left: 0; z-index: 2; } </style> <div class="flash"> <div class="content">Text</div> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.co…
0 votes2 answers