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
-
Запуск анимации при прокрутке страници
Подсобите ребята! Имеется анмированные стили, запускается так: <div class="fadeIn"><!-- подключение стиля анимации для логотипа --><img src="images/logo-big.png" width="80%" alt=""></div>Все работает на ура но при загрузке странице, но вот дело какое, хотелось бы прикрутить скриптик который бы запускал, анимацию при достижения прокрутки определенного расстояния. Желательно еще один скрипт на все анимации на странице что бы там и растояние срабатывания разное было. Заранее благодарю!
0 votes1 answer -
Проблемы с текстом
Здравствуйте, подскажите пожалуйста как быть когда при резиновой верстке не перестраивается текст, в макете задан определенный шрифт, но когда начинаю верстать под мобильные или планшеты устанавливая шрифт макета текст перестраивается в 2-3 строчки , а в макете в одну ? . Заранее спасибо!
0 votes1 answer -
ie6 перекрытие <A>
Здраствуйте. Есть конструкция такого вида: <div class="png"><a href="#">ссылка</a></div> Где класс png это ie6 png fix в виде: * html img, * html .png{ position:relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','')…
0 votes3 answers -
Проблемы одинакового отображения в ИЕ6 на разных системах
Просвятите, пожалуйста, в таком вопросе... Переносил сайт между компами, на которых стоит ie6. Не могу понять почему сайт на них по разному отображается в ie6. Разница отображения незначительна, но некоторые детали дизайна разъезжаются. На обоих компах win xp sp2. Подогнав все на одном компе, едет на втором и наоборот. Другой вопрос. Скажите, как вы тестируете кроссбраузерность? Можно конечно поставить 5-7 браузеров на комп, но не каждые ведь несколько предыдущих версий каждого(или я заблуждаюсь). А ie так вообще, насколько знаю, рядом с другим ie не поставишь. Нашел пару онлайн сервисов, но они онлайн, а хотелось бы на localhost по возможности. Также поставил IETester, в…
0 votes2 answers -
Три "float" и "clear:both;"
У меня получается это: А надо это: Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #left { height:150px; width:100px; float:left; background:#990000; } #inner_left { height:80px; width:70px; float:left; background:#3366FF; margin-right:10px; } #right { width:100px; height:250px; float:right; background:#990000; } #center { margin-left:110px; background:#339966; margin-right:110px; padding:10px; margin-bottom:10px; } .clearfloat { clear:b…
0 votes4 answers -
Замена цвета, вообще первый раз столкнулся с версткой...
Здравствуйте уважаемые. Первый раз столкнулся с темой верстки тегов и инет программирования, или как правильно называется не знаю. Темой не владею вообще. Поэтому если вопросы будут совсем дуратские просьба ногами не пинать. Небольшая вводная для понимания... Пользуюсь оперой, в ней есть возможность подсунуть css файлик и авторские стили будут заменены на те, которые указаны в файле. У меня была задача поменять белый фон на черный, а буковки белые на зеленые... содрал образец из одного места и заменил белый на зеленый dl, ol, ul {outline: 1px solid #00ff38 !important;} dt, dd, li {outline: 1px dashed #00ff38 !important;} p {outline: 1px solid #00ff38 !important;} addr…
0 votes4 answers -
Подскажите. что лучше использовать в моём примере JS или PHP?
Нужно, чтобы блоки текста(небольшие описания в 30-50 слов)появлялись в определенном диве, при нажатии на определённую ссылку. Блоков около 20-30, не больше.Что разумнее использовать? Как я понимаю, при JS в браузер загрузятся все эти 20-30 блоков одновременно и надо будет руководить их видимостью? Или же имеет смысл каждый раз обращаться к серверу для вызова определённого блока?
0 votes11 answers -
Не правильно отображается сайт в Mozilla Firefox
Здраствйте! Помогите пожалуйста. в IE отображает как надо, а в Mozilla Firefox по другому. <html> <head> <style> #container { width: 1000px; heigth: 100%; border: 1px solid red; border-width: 1px 1px 1px 0; } #navigation { width: 200px; height: 100%; float: left; } </style> </head> <body> <div id="container"> <div id="navigation"> </div> </div> </body> </html>
0 votes3 answers -
vertical-align
Добрый вечер! У меня есть многострочный <td> внутри <tr> со свойством vertical-align: middle; и всё вроде бы хорошо, только на практике содержимое например 2-х строк выравнивается исходя из высоты не самой буквы, а высоты этого шрифта, я не знаю как правильно сказать. Тоесть, выравнимание не смотрит на то, есть ли у меня буквы вида Й или Ё в первой строке, а уже делает отступ как будто они есть, эти 2 пикселя под умлауты. Также обстоят дела с последней строчкой, в которой может не быть букв Щ Ц Д и пр.. Выражаясь русским языком, для системы, буква Й и буква К имеют одинаковую высоту. Может есть свойство, которое заставит игнорировать это и брать только "чистую…
0 votes8 answers -
Присоединение к вертикальной колонке другой колонки
Подскажите, пожалуйста, как к вертикальной отцентрированной колонке присоединить прилепить другую колонку, так что бы отцентрированная колонка осталась отцентрированной?
0 votes5 answers -
В каком стандарте описан тег <image> (не <img>) ?
В общем случайно обнаружил что такой код вполне рабочий: <image src="images/logo.png" alt="Экодом" width="140" height="148" /> Картинка отображается в Chrome, FF, IE. Кроме того, тег image подсвечивается в Notepad ++ Однако валидатор выдает непонятную ошибку: Line 18, Column 115: Saw a start tag image. …ную"><image src="images/logo.png" alt="Экодом" width="140" height="148" /></a> Доктайп <!DOCTYPE html> В dom-инспекторе хрома элемент отображается как img. Вопрос - что это за тег такой и в какой спецификации он описан? Кстати мне он симпатизирует больше чем img
0 votes4 answers -
Как очистить поток
Есть такая конструкция: <div id='wrapper'> <div id='leftwrap'> <div id='left'>тут много текста</div> </div> <div id='right'>тут много навигации</div> <div id='footer'>все права защищены</div> </div> И css: #leftwrap { width:100%; margin-left:-350px; } #left { float:left; margin-left:350px; background-color:red; } #right { float:right; width:270px; background-color:silver; } #footer { background-color:#777; } Как отменить обтекание футером колонок, кроме как <div style="clear: both;"></div> перед ним?
0 votes2 answers -
Ширина подменю в Firefox
Всем добрый день. Не могу доделать подменю. Во всех браузерах при наведении отображается с шириной меню родителя, только в Firefox растягивается до конца страницы. Явно задать ширину для подменю проблематично, поскольку само меню резиновое и его аункты имеют разную ширину. Подскажите, как реализовать правильно? http://jsfiddle.net/s86nf/
0 votes7 answers -
Не отображается фон/беграунд
Добрый день. Пытаюсь создать сайт по шаблону, с помощью видео уроков. Все делаю точно по уроку. На определенном этапе под шапкой у меня не появляется фон как у роке (белый) или картинка(беграунд) Код HTML Код CSS Результат который у меня получился http://clip2net.com/s/6vtS8X Результат который я вижу в уроке http://clip2net.com/s/6vtTHz
0 votes7 answers -
Установка якорей внутри страницы.
Добрый день! Имею структуру с прилепленным верхним меню (position:fixed). Со ссылок меню уходим на якори внутри страницы. Проблема в том, что при переходе на якорь, на какой-либо раздел страницы, заголовок этого раздела уходит под меню, причем, даже выше, чем это должно быть по геометрии (https://www.dropbox.com/s/infvu3rvgj6yk0e/screen1.jpg?dl=0, а должно быть вот так: https://www.dropbox.com/s/nwbuny770z0fxlr/screen2.jpg?dl=0) Пробовали дать элементу с якорем отрицательный margin-top, но это дало эффект почему-то только в Firefox, в других браузерах не сработало. Подскажите, у кого есть подобный опыт, как с этим быть?
0 votes4 answers -
Прямые углы
Помогите сделать прямые углы, вот код <p>• <span class="label label-info"> /rs </span> - обнуления счета;</p> где /rs у меня этот текст в округленной рамке а как сделать прямые углы у рамки ?
0 votes4 answers -
слайдер на css
Как сделать на css чтоб при смене слайдов менялся фоновый цвет body на примере такого слайдера http://jsfiddle.net/pashkes/a068hw55/412/
0 votes2 answers -
css. Помогите отредактировать отступы margin и padding.
ссылка на мой html и css код: https://jsfiddle.net/w7fLp5g4/ Помогите плиз сделать блок "контент" вровень с "шапкой". По ширине. То-есть чтоб правый край шапки и правый край контента лежали на одной прямой. И ещё необходимо выровнять текст на блоках (Шапка, Контент, Левый блок) ровно по середине блока (желательно с помощью свойств margin и padding). По высоте и ширине. То-есть чтоб текст находился ровно в центре блока.
0 votes2 answers -
Как выровнить текст по центру по вертикали в блоке?
Из-за разной высоты заголовков едут картинки, из-а чего не красиво. Потмоу решил их сжать до фиксированной позиции, но как теперь выровнять все по центру? <div class="title">Заголовок</div> <div class="title">Длинный загогловок в две строчки</div> .title { width:200px; height:40px; background:pink; border:1px solid; float:left; margin-left:5px; text-align:center; } http://jsbin.com/lunizoguqu/edit?html,css,output
0 votes2 answers -
Кто может помочь с кодом?! (срочно)
Кто может помочь с кодом, как сделать страницу, чтобы по середине был текст, а по 2м сторонам от него 2 картинки!? Помогите, пожалуйста)
0 votes2 answers -
Вопросы от mrBulka
Снова всем привет! Плин так много вопросов, а не охото забивать форум, поэтому в этой темке я отпишусь о нескольких проблемах, которые у меня возникают или возникнут в будущем. Проблема: На моём сайте размещённо несколько курсовых работ(которые мне предстаит сдать в мае) Просто совмещая вёрстку и написание курсовой работы, приобретеший некий интерес, который тебя стимулирует, и предстаящая работа не кажется такой уж нудной. Так вот, как вы понимаете план состоит примерно из такого каркаса: Введение 1......... 1.1...... 1.2...... 1.3...... 1.4...... 2......... 2.1...... 2.2...... 2.3...... 2.4...... Заключение Литература Или план содержащий римские цифры а подпункты арабс…
0 votes1 answer -
Проблемы с кроссброузерностью
Доброго дня. Есть сайт rattanpr.ru Все работает хорошо только в IE. В Mоzilla не работает функция разворачивания (открытия объекта) Посмотрите для наглядности rattanpr.ru/catalog/design/ - попробуйде нажать на изображение (в Шу работает в mozilla - нет, только через "открыть в новой вкладке" В Opera открытие идет, но с ошибками. На той же страничке rattanpr.ru/catalog/design/ - попробуйте открыть последнее изображение, дизайн "плывет" Подскажите как решить или хотя бы где искать баги? В css или в скриптах или еще где. Спасибо!
0 votes2 answers -
IFRAME
думаю данный вопрос даже для начинающего будет легким (о себе: в "web" не бум бум )))) ЗАДАЧА. 1. Дано: <IFRAME src="http://www.ru"></IFRAME> 2. получаем: верхний - левый угол страницы 3. хочу что бы без моего вмешательства произошла автоматическая прокрутка на определенное кол-во пикселей например 4. т.е. 5. ВОПРОС какие магические заклинания нужно написать дополнительно к <IFRAME src="http://www.ru"></IFRAME> Всем спасибо ps надеюсь что вопрос поставлен верно и не требует уточнений. Жду заключения от докторов...
0 votes1 answer -
Глючит фон
Всем привет. Пришёл с очередной проблемой. Есть задача сделать фон в виде картинки, у дива .bg, который должен быть всегда растянут на 100%. Если окно браузера развернуто на весь экран - то вопросов нет. Всё хорошо. Но если окно браузера не весь экран, то возникает глюк, с пустым пространством. Сразу скажу, что поиски не увенчались успехом, т.к. не смог сформулировать запрос Поддержка IE6 - не нужна. Решение в виде таблицы с одной ячейкой - не устраивает. Вот код: CSS .bg { background: url('/fence.png') transparent 0 0 repeat-x; margin: 0 auto; max-width: none; min-width: 960px; padding: 80px 0 20px 0; position: relative; width: 100%; } .spec { margin: 0 auto;…
0 votes2 answers -
Вставка в файл и копирование из файла
Здравствуйте, еще раз Я собирался написать виндовс гаджет аля толковый словарь через ПХП, но вообще мзабил на это и буду использывать свой С++ код. Не подскажите как сделать виндовс-гаджет который бы сохранял вводимое слово юзером из первого лайнедита (например) в текстовике 1 и далее брал "результат" (С++ код берет слово из 1 и выпоняет поиск по этому слову в словаре и далее вставляет объяснение этого слова в файл 2 (- эта часть сделана)) из файла 2 и вставлял во второй лайнедит (например)? Спасибо.
0 votes4 answers