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
-
Отображение в IE
Здравствуйте. Вот сайт http://zhaitan.ru/ В Хроме и Мозиле отображается как надо. а вот в IE вылазит нижний DIV, в котором находятся Главная, Контакты, Поиск. Как спрятать?
0 votes4 answers -
CSS-стили не работают при загрузке с файла
Перестали обрабатываться файлы стилей, НО только те, которые загружаются с файла .css, если же прописывать стиль внутри .php-файла, то все идеально работает. Дело не в путях - это 100%, т.к. с этим уже экспериментировал. В чем может быть причина? Располагаю VDS, подключено gzip-сжатие. ДО переустановки nginx все прекрасно работало, сейчас - нет. Файлы .css располагаются НЕ в корневой директории а в папке с шаблонами. Кэш чистили, как скриптовый, так и кэш браузера.
0 votes10 answers -
Смена изображения
Добрый день, подскажите как сделать чтоб картинки автоматически менялись менялись допустим через секунд 5? Просто менялись, без всяких наворотах!
0 votes2 answers -
Непонятные отступы у текста в браузерах
Создаём простенький html-документ следующего содержания: <!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" xml:lang="en" lang="en"> <head> <title>Paddings</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> * { margin: 0; padding: 0; outline: 0; border: 0; } div.redBlock { margin: 100px; width: 300px; height: 50px; background: red; font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 10pt; color: white; } &…
0 votes7 answers -
Таблица на всю ширину родительской ячейки
Господа, прошу помощи! Есть таблица в таблице. Итоговая структура этих таблиц будет сложная, поэтому играюсь с рамками и отступами без дополнительных классов и элементов. И так. Ситуация такая. У ячеек таблиц установлен padding, допустим padding:5px 10px. В эту ячейку засовываем таблицу, и надо дать ей 100% ширины родительской ячейки. Плюс надо, чтобы визуально padding'и не удваивались. Для этого используем margin:-5px -10px к вложенной таблице. Но! Таблица тянется на ширину контентной части ячейки, без учёта полей! Для наглядности: http://jsfiddle.net/9tKg3/4/ Там где цифры "4" таблица тянется не до конца :-( Как же её растянуть на всю ширину?
0 votes8 answers -
Псевдокласс :focus
почему :focus не срабатывает при клике мыше по кнопке <input type='button' />
0 votes3 answers -
IE-7,8 смещают последний li
Доброго времени суток. Не могу понять из-за чего смещается последний li в ie-7,8 И причем если уменьшать li по ширине, то все равно они не встают как надо. Может кто подскажет чем? Сама проблема здесь и картиночка (красным отмечен, тот самый последний li)
0 votes4 answers -
Как сделать ссылку не кликабельной с помощью CSS
На сайт парсится программа передач с помощью PHP и втавляется не нужная активная ссылка . Можно ли ее как то сделать не активной . В PHP файле прописываются стили . Вот тут пример публикации , там где программа передач . Помогите знатоки .
0 votes13 answers -
появляется пустота
Ребята, вот появляется пустое место в контейнере. Что это может быть, и как от этого избавиться?
0 votes4 answers -
Переадресация с сайта на сайт
Привет! помогите с переадресацией. есть 2 сайта. один сайт старый domen.net в нем есть 2 каталога domen.net/ru/ и domen.net/en/ я переделал немного структуру и у меня теперь 2 других сайта 3 уровня ru.domen.net и en.domen.net сделал переадресацию с помощью .htaccess: #Редирект с /ru/ коталога RedirectPermanent /ru http://ru.domen.net/ #Редирект с /en/ коталога RedirectPermanent /en http://en.domen.net/ этот файл лежит в корне домена domen.net проблема вот в чем: при заходе на domen.net/ru/ он перенаправляет на ru.domen.net, но с двумя слешами на конце, то есть в адресной строке это выглядит так: http://ru.domen.net// Как это исправить?
0 votes9 answers -
Не могу вставить "ссылки" в шапку
Делаю стиль для форума на phpBB3 на основе стиля Prosilver. Шапку сделал, захотел еще снизу под ссылками сделать ссылки на: Имя пользователя(с краткой информацией, кол-во сообщений и кол-во благодарностей + аватарка), новые сообщения(просто с цифрой на фоне картинки конверта), "ваши сообщения", личный раздел(тоже просто картинкой), и кнопку выхода. Но ни чего не получается, ка бы я ни пытался всё отображается слева от ссылок, а надо чтоб отображалось под ссылками. Конечно был один вариант, но он вообще не подходил. Что где и как сделать чтобы они отображались прямо под ссылками(картинками домик и т.д). http://savepic.su/2349283.htm вот та часть с ссылками. colours.css .l…
0 votes2 answers -
Как решить данную проблему
Как в данный java скрипт посставить свои переменные http://jsfiddle.net/gvkXB/ <div class="process"> <div class="bar" id="bar"></div> <div class="text" id="text">0%</div> </div> [JS](function(){ var bar = document.getElementById('bar'), text = document.getElementById('text'), p = 0, t; t = setInterval(function(){ p += 1; text.innerHTML = bar.style.width = p + '%'; if (p >= 100) clearInterval(t); }, 500); })();[/JS] [CSS].process { border: #999 solid 1px; background: #fff; position: relative; width: 200px; } .process .bar { position: a…
0 votes0 answers -
резиновый контент
Первая проблема:В последних версиях mozila firefox,IE и последней версии google chrome контент отличается внешним видом.Хотя вроде тегов которые не поддерживают те или иные браузеры не использовал. 1.IE 9 и Mozila Firefox 14 2.Google Chrome 21 Вторая проблема:В IE и Mozila Firefox если уменьшить размер экрана,а затем увеличить,то изображения контента будут нормально уменьшаться и увеличиваться(задана ширина в процентах) а в Google Chrome если уменьшить размер экрана,а затем увеличить,то он зависает в уменьшенном состоянии и развисает после обновления страницы . И у меня есть просьба:может кто помочь с этим контентом.Нужно чтобы он был резиновым и при вставке новых таблиц…
0 votes4 answers -
Проблема при масштабировании окна браузера
Здравствуйте! При масштабировании окна браузера, верхний div блок (контакты::телефон), уезжает вниз. Вот скрин при нормальном размере окна браузера(1920x1080, 1280x720) Вот скрип при масштабировании окна браузера (около 1100px по ширине) Вот сайт, где это происходит: www.salkstudio.ru
0 votes3 answers -
rollOver и Опера
Проблема не новая, конечно, но конкретного ответа найти не могу, в том числе в поиске форума. Не работает rollOver в ролике (только в Опере). Делал в Sothink SWF Easy В остальных браузерах все норм, а в Опере нужно сначала кликнуть потом только начнет работать наведение мыши. Говорят это свойство Оперы. Как это обойти, я не эксперт в этой теме.
0 votes4 answers -
Помогите раставить позиции div'ов
Господа, помогите разобраться. На сайте есть div (div id="1") располагающийся с верху-в низ, по правому краю. Мне нужно чтобы он находился там всегда и был подложкой для всего остального наполнения (но не fixed). А по верх него уже шли все остальные блоки и элементы страницы. Помогите расставить блокам "position" чтоб отображалось все корректно. То есть я хочу попробовать сверстать страницу в которой начина блока "box"(меню, заголовки, форма поиска, просто блоки с основным контентом), будут идти не просто друг за другом с флоатом, а размещаться с персональными параметрами (отступы, высота и тд) и в том числе перекрывать местами другие блоки. К примеру: <div id="box"&…
0 votes4 answers -
Центрирование строчных элементов
Доброго времени суток. .post-metadata { height: 20px; margin-top: 10px; background-color: #FAFAFA; border: 1px solid #CFCFCF; font-family: Arial, Helvetica, sans-serif; } span.date { background-image: url(images/date.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 2px; } span.author { background-image: url(images/author.png); background-repeat: no-repeat; padding-left: 20px; margin-left: 10px; } Как сделать, чтобы span.date and span.author распологались вертикально по центру div.post-metadata?
0 votes1 answer -
Создать декоративвные линии
Подскажите, как можно создать в шаблоне такие линии. Кроме border-right и border-bottom мне ничего в голову не приходит. http://savepic.su/2342060.htm
0 votes10 answers -
Выровнять список
Здравствуйте. Подскажите, пожалуйста. Правильно ли я рассчитал значения margin-left и padding-left на psd-макете? Крайние линии установил по границам объектов. Среднюю линию установил "на глаз", посередине между маркерами и текстом списка. http://savepic.su/2329770.htm Дело в том, что для меня было "неожиданностью", как рассчитываются margin-left и padding-left для списков. Первоначально хотел вычислить эти два значения на макете следующим образом: http://savepic.su/2330794.htm Но потом Firebug помог определить, что установка margin-left и padding-left для списков производится совсем не так, как я себе это представлял. На деле это выглядит так: http://savepic.su/2318506.h…
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 -
font-face окончательно отказывается работать
Добрый вечер форумчане, сижу значит доделываю сайтец, осталось подключить шрифт, от куфона отказался, т.к. текста много... сгенерировал белкой шрифт, подключил в стилях, и о чудо, шрифт работает только в IE в остальных браузерах никак... обычно всё должно быть наоборот Уже 4 часа сижу голову ломаю... вроде руки прямые Может кто сталкивался с такой проблемкой? p.s. Заранее спасибо! в консольке FF NetworkError: 403 Forbidden, хотя все пути прописаны верно и файлы лежат на месте
0 votes10 answers -
Размещение div с текстом по центру
Есть html: <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="css/style.css"/> <title>Переход на внешний сайт</title> </head> <body> <div> <span> <h2> Переход по внешней ссылке </h2> <p> Вы будете перемещены через [b]секунд[/b] </p> </span> </div> </body> </html>…
0 votes3 answers -
зазор между строками
объясните пожалуйста с чем связано появление однопиксельного зазора(зелёный цвет) между строками в пределах .s1 на странице в последней версии FF
0 votes6 answers -
Иероглифы в мозиле
Здравствуйте! Я столкнулся с проблемой, нужно было создать простую хтмл страницу на английском и русском языках, но залив её на фтп заметил что в мозиле кириллица отображается непонятными символами, во всех других браузерах всё отображается корректно! Мета прописал: <meta charset="utf-8" > и сохранил через notepad++ тоже в utf-8, перепробывал уже множество кодировок. <html lang="en"> <head> <title>Friseursalon am Pl?rrer</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" media="screen" href="css/reset.css"> <link rel="stylesheet" type="text/css…
0 votes1 answer -
Верстка иллюстраций с подписями.
Доброй ночи. Делаю электронный вариант учебника и столкнулся с трудностью подачи иллюстраций. Помогите пожалуйста. Допустим есть блок с картинкою <div class="illustration"> <img src="imge.jpg" alt="imge" width="640" height="480"> <span>подпись</span> </div> Как задать ширину блока illustration такую же, как ширина картинки? Ответ - записать: width="640" не годится Как это сделать на JavaScript? или есть какое то свойство по типу "width: inherit;" только которое бы наследовало ширину ребенка а материнский элемент? Любые ссылки приветствуются.
0 votes13 answers