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
-
Загрузка элементов страницы. Проблемы.
Серьезно слежу за скоростью загрузки сайта, кешированием и т.п. Но по тестам загрузки стали появляться проблемы. Среди загружаемых файлов проскакивают ошибочные (посмотрите по ссылке). Либо этих фалов нет, либо есть ссылка на файлы которых нет. Практически на каждой станице сайта встречается такая проблема. Как правило это jpg картинки, которые имеют транслированные УЛР. Как избавиться от этой проблемы?
0 votes7 answers -
Помогите разобраться
Всем привет! Верстаю один макет. Там выпадающий список. Необходимо сделать, чтобы эта выпадалка строилась в две колонки. Однако она тянется на всю ширину страницы. Пробую это сделать на display:inline-block, vertical-align:top +white-space:nowrap В итоге в фоне оказываются только два слова, остальные тянутся на всю страницу. Я подозреваю, что где-то не там указываю что-то. В общем я запутался немного. И еще какие-то черточки перед словами появляются. Откуда они? Вот ссылка на пациента.
0 votes7 answers -
Фон - картинка с радиальным градиентом
Допустим есть такая картинка основа - радиальный градиент, а сверху изображение с прозрачным фоном, подскажите, пожалуйста, как правильно верстать такую картинку(неужели делить на четыре части градиент((( ). Этот рисунок(или подобный) должен быть фоном сайта. CSS3 вроде поддерживает радиальный градиент, но ИЕ вроде, пока его никак не поддерживает.
0 votes7 answers -
Резиновая высота видео ролика
Доброго времени суток. Леплю резиновый шаблон для сайта и появилась потребность уточнить размеры тэгов видео ролика аля ютуб и т.д. С шириной проблем не возникло.Спокойно схавало width:100%, но вот на % размер высоты никак нехочет реагировать(скажем height:35%). Сама задача заключается в сохранении пропорций размера видео в плеере. Можете чтото подсказать по данной проблеме?(ЯваСкрипты пока только изучаю, а потому просьба подробно расписывать решения с ихней помощью ... если таковы имеются конечно)
0 votes7 answers -
CSS галерея
CSS #gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:320px; height:425px; border:1px solid #888; background:#fff url(windows/win_back.gif); } #gallery li { float:left; } #gallery li a { display:block; height:30px; width:320px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; } #gallery li a img { width:320px; height:30px; border:0; } #gallery li a:hover { background:#eee; height:239px; } #gallery li a:hover img { height:239px; } XHTML <ul id="gallery"> <li><a href="#nogo"> <img src="windows/win7.jpg" alt="#1" title="#1" /></a>&l…
0 votes7 answers -
Помогите с меню
Добрый день. Помогите с меню пожалуйста, мне надо сделать такое меню (условно 200px), чтобы после того, как заканчивается текст шли точки и >>> (рисунком), это выложен фрагмент из псд файла. никак не могу сделать, получается либо все подчеркивается, либо только на сам текст, а мне надо как на рисунке. Заранее спасибо!
0 votes7 answers -
Содержимое блока
Такой вопрос возник. Допустим я делаю блок, а внутри него будет находится заголовок, абзац, картинка ну и т.п. <div class="block"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> Естественно мне нужно будет двигать содержимое. Как будет лучше и правильнее, двигать паддингом блок "block" Или создать дополнительную обертку для содержимого блока <div class="block"> <div class="obertka"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> </div> и двигать уже маргином блок "obertka"
0 votes7 answers -
<img> в "Меню сайта"
Сайт создан на ucoz'e со стандартным шаблоном,и я решил переделать "Меню сайта",изменив названия разделов на html код картинки-кнопки,все это делалось в конструкторе сайта и панели управления.В итоги вышедшего меню сайта вообще пропало,несколько раз повторял эту операцию и безрезультатно.Возможно ли вообще изменить этот раздел и хотяб узнать намек как это сделать?
0 votes7 answers -
Проблема в шапке сайта
Делаю свой сайт и когда делал шапку сайта, возникла проблема, я сделал лого, сделал рядом изменяющуюся картинку на JavaScript, но вот проблема, хочу ещё рядом повесить информацию о пользователе, но всё, что я пытаюсь сделать, почему-то помещается за изменяющуюся картинку, не где-то рядом, а именно за неё, а сделать что-то в той части шапки, где мне нужно, у меня не получается, туда ни чего не вставляется, не могу понять почему. Сайт на юкозе. Вот, что у меня в шаблоне страниц сайта: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>$SITE_NAME$ - $MODULE_NAME$</title> <link type="text/css" rel="StyleSheet" href…
0 votes7 answers -
Проблема с отображением в IE
В IE (смотрел только в 9-ой версии), проблема с отображением текста, текст размытый и ссылка не кликабельная. ниже выложу кусок косячного css кода, надеюсь кто-нибуть подскажет в чем проблема. адрес сайта http://ingeniare.ru .ribbon em { filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.5320888862379554, M12=-1.3855752193730787, M21=1.2855752193730796, M22=1.6320888862379558); margin-top:-50px; margin-left:-40px; font-size:7px; } img {-ms-interpolation-mode: bicubic;} #top-titlemenu ul li {width:200px !important;} .sombra625{margin-top:-3px !important}
0 votes7 answers -
всплывающие окна
всем привет так случилось, что на работе мне надо в срочном порядке изучать все чудеса html и всего того, что мне раньше и в страшном сне не приснилось бы подскажиет пожалуйста как написать всплывающее окно. по клику ан слово должно появляться окно в котором были бы ссылки на скачиванеи файлов закачанных на сайт окно должно октрываться по центру уже существующего заранее спасибо
0 votes7 answers -
Разные background-image в зависимости от разрешения экрана посетителя.
Добрый день, дорогие друзья! Для начала - вот проект, над которым сейчас работаю. http://test000.hourb.com/ - это тестовый аккаунт. Будущий сайт для онлайн кинозала. Ребята, подскажите... Как на PHP (javascript) реализовать автоматическую смену следующих CSS свойств: В ЗАВИСИМОСТИ ОТ РАЗНОГО РАЗРЕШЕНИЯ ЭКРАНА ПОЛЬЗОВАТЕЛЯ. И сделать предварительную загрузку background в зависимости от разрешения. Причем background трех разных стилей для КРАСНОГО СИНЕГО И БРОНЗОВОГО. background-color background-image background-origin: background-position: background-repeat: background-size: для блоков: <div id="bg_wall"> <div id="bg_border">Основной Контонет&…
0 votes7 answers -
незнаю с чем связанная проблема,css!
вот мой "сайт"",хочу нотмально разметить его,ну чтоб через пхп генерировать посты!тольк в лвой часты цыфры не ровномерны то идут влево то в право,ну во втором посте ясно там нету заглавия,и выходит из дива-пост,ну это я испраю,а в чем проблема помогите пожалуйста никак не пойму!заранее большое спасибо! кстати,если можно оцените ещо и дизайн!Спасибо!
0 votes7 answers -
проблемы с ie
Здравствуйте, помогите пожалуйста этот ie меня когда-нить точно доконает) Гуглила смотрела на форумах ответа не нашла( Если вкратце, то есть некие кнопки выбора при нажатии на которые открывается всплывающий список с выбором (например месяцев), только в ie когда пройдешься по списку и выберешь какую то позицию кнопка не возвращается в исходное положение, а остается светиться как будто на ней до сих пор :hover, это однозначно баг ie, потому что я убрала весь js сам список и т.д. ошибка осталась( Можете попробовать сами...нажмите на кнопку и не отпуская отведите мышку куда-нить в сторону потом отпустите кнопка будет как будто под :hover Имеется код <!DOCTYPE html PUBLI…
0 votes7 answers -
Картинка с атрибутом float
Методом эксперементов пыталась найти способ встраивания картинки в статью с атрибутом nofloat, но так и не получилось этого сделать как я хочу. А именно, хочу чтобы атрибут nofloat работал внутри тега <img>. Но у меня получилось сделать nofloat только таким способом: <style type="text/css"> img#photo { float:none; } </style> <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 100px; height: 200px; " /> Тоесть я тут подключаю внешний стиль, а мне нужно сделать аналогию этого, только чтоб это всё находилось внутри <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 640px; height: 508px; " />, честно, п…
0 votes7 answers -
Кнопки меню под логотипом картинками
Всем привет. Требуется сделать кнопки меню под логотипом в виде картинок, под кнопками фоном должна проходить некая полоса (не однотонная, градиент) на всю ширину экрана, примерно так: Подскажите, как примерно это можно реализовать?
0 votes7 answers -
Помогите понять - заморочка со слоями
Есть такой шаблон Моя ссылка Все замечательно но в мозиле и хроме нижняя картинка зависает на границе окна, что можно поделать с такой бедой, я уже зае..ся. Может еще будут какие то советы по верстке, высказывайте буду благо дарить!
0 votes7 answers -
Проблема отображения <ul> в Chrome
Доступен код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег UL</title> </head> <body> <center> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li> </ul> </center> </body> </html> Вот результат: В Firefox 5 & Opera 11.50 правильно отображается, а вот в Chrome 13 нет, можно как-то в CSS правило написать чтоб решить эту проблему, так как текст берется с БД после сохранения с tinymce.
0 votes7 answers -
Проблема со слоями за экраном
Проблема заключается в том что бы спрятать изображения за экраном то есть за пределами видимой области. При масштабировании сайта изображения левого и правого бекграунда должны выезжать либо заезжать соответственно за пределы видимой области (экрана.) также при просмотре на разных мониторах с разными диагоналями левый и правый бэкграунды должны выравниваться в соответствии с свободным для них местом от края экрана до контента соответственно. Сам контент должен быть по середине и при масштабировании также должен либо отдавать либо забирать место у бэкграунда есть идеи?
0 votes7 answers -
список поверх рисунка
как сделать, чтоб нумерация списка была видна, а то остается под рисунком вот ссылка
0 votes7 answers -
Порядок загрузки веб-страницы
В каком порядке (последовательности) загружается веб-страница?? Как указано в html коде?? сверху вниз?? т.е. то, что вверху кода загрузится раньше, чем то, что внизу?? или не существует заранее известного порядка?? например, на сайте "Специалиста" в последнюю очередь загружается блок в середине.. Почему?? Если не существует заранее известного порядка загрузки веб-страницы, то какие факторы влияют на то, каким будет этот порядок??
0 votes7 answers -
Подстройка шрифта под разные расширения экрана
Доброго времени суток. Интересует такой вот момент. Леплю сейчас резиновый шаблон для сайта. Всё вродебы гут, но завис на размере шрифта. Можно ли както задать размер шрифта пропорционально расширению экрана? Заранее благодарен за любую полезную инфу
0 votes7 answers -
Свои аттрибуты
сложилось так что для определённой задачи стало недостаточно id и name создал свой аттрибут <tr id='id1' ff='1'> всё работает , но валидатор ругается. line 194 column 49 - Ошибка: there is no attribute "FF" насколько это допустимо (использование своих аттрибутов)? и ещё используя jquery в своей функции пишу $("<tr height="+h+"px><td id='adds'></td><td><input class='sf' id='dpbx0x' /></td><td><input class='sf' id='dpex0x'/></td></tr>").appendTo("#tab"); а валидатор ругается line 287 column 64 - Ошибка: end tag for element "TD" which is not open тут понятно, что он просто производит парсинг строки и ищет …
0 votes7 answers -
CSS, псевдокласс :hover
Возник вопрос относительно css псевдокласса :hover нужно, чтобы при наведении мыши на один элемент менялся стиль другого элемента, причём последний не является дочерним и располагается в другом месте html - кода пример: <!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=utf-8" /> <title>Документ без названия</title> <style> #a { color:#0F0; } #a:hover { color: #000; } #p { color: #C00; display:none; } #a:hover #p { color: #C0F; display:block; } …
0 votes7 answers -
Блок под блоком
Здравствуйте! Я разрабатываю сайт, но у меня появилась проблема: Блок, который выполняет функцию рамки (если кто подскажет, как сделать рамку в 6px белого цвета с 50% прозрачности, то вопрос решен) не хочет правильно функционировать. Как было задано min-height, так он и остается... Не масштабируется В общем. Причем похожие стили были у блока body, но он масштабируется прекрасно. Вот небольшой листинг HTML кода: А вот листинг CSS Как сделать, чтобы рамка растягивалась под размер блока?
0 votes7 answers