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
-
Ссылка на страницу с iframe
Здравствуйте, страница состоит из меню А и окна В, в котором по щелчку открывается другая страница. Сделано через iframe пример тут нужно сделать следующее: давать адрес на определённую страницу, в результате чего пользователь будет видеть комбинацию "меню А+ в окне В открывается конкретная страница сайта (а не заданная в главной странице сайта) знаю,что во фреймах такое невозможно, но идея такая: давать адрес на третью, специально созданную страницу, которая уже будет переадресовывать на конкретный набор А+в окне В любая страница сайта. реально ли сделать такое? спасибо всем
0 votes5 answers -
Динамический размер 3 вертикальных div
Есть 3 дива в строчку, возможно ли сделать так, что если мы убираем 1 див, 2 оставшихся растягиваются? По аналогии с таблицей
0 votes5 answers -
Разместить таблицу по центру страницы
Здравствуйте! Вопрос следующий. Таблица размещается в теле поста WordPress (копирование из Word и вклейка). Каким образом можно разместить таблицу в центре страницы? Для центрирования стандартно использую тег p с параметром align, но в данном случае, либо прописываю не там, либо он не применим. Какие могут быть варианты решения? Спасибо.
0 votes5 answers -
Только горизонтальный скроллинг.
Собственно как сделать горизонтальный скроллинг для фрейма. Поскольку в одном фрейме информации (картинок) больше, чем может вместить монитор у которого разрешение меньше. В данный момент появляется вертикальный скроллинг, что некрасиво выглядит и не совсем удобно. У меня картинки в виде ссылок, если есть более удобный способ, то рад буду выслушать. P.s. И как поставить несколько ссылок в одной строке, а то очень давно не делал, и теперь вот забыл.
0 votes5 answers -
Скачет текст (ссылка) при исполь-нии :hover
есть табличная верстка. меню сделано списком, размер текста 24, а при наведении задала что бы был 26. И вот при наведении у меня текст увеличивается но при этом, слова которые ниже - сдвигаются вниз на какое то расстояние. думала исправить эту проблему с помощью margin-down or padding-down при hover, но ничего не вышло. что делать? <td rowspan="5" width="240" valign="top"> <ul id="menu"> <li><a href="#">Главная</a> </li> <li><a href="#">Каталог нот</a> </li> <li><a href="#">Композиторы</a> </li> <li><a href="#">Современные мелодии</a> </li> …
0 votes5 answers -
Прокрутка по умолчанию
Захотел решить один небольшой недочёт широко распространённый на сайтах. Когда переключаешься между страницами одного и того же сайта, то часто оказывается, что в зависимости от размера содержимого на одной странице есть вертикальная прокрутка, а на другой нет. В итоге получаются небольшие скачки, которые не нравятся некоторым пользователям. Попробовал сделать так: HTML {overflow:scroll;} Во всех обозревателях, кроме оперы, получилось хорошо: возникающие полосы прокрутки неактивные, если содержимого на странице мало. Но вот опера... у неё прокрутка получается активная, даже если содержимого мало, что конечно неприемлемо. Любопытно, кто-нибудь пытался когда-нибудь решит…
0 votes5 answers -
Помогите
Ребят, такая ситуация есть страница, я сделал ссылку допустим <a href="index.html">главная</a> когда я перехожу на вторую страницу своего сайта (ее путь page/1.html) и клацаю на "главная" он не переходит назад на главную страницу. Как быть
0 votes5 answers -
Синтез шрифтов
Добрый день. Подскажите, пожалуйста, как достичь необходимой ширины символа подключаемого шрифта? Оказывается и такое в CSS есть под грифом "синтез шрифта", но самостоятельно разобраться не получилось. Что именно нужно, демонстрирует иллюстрация ниже: Шрифт подключается следующим кодом: @font-face { font-family: "stalker_ttf"; src: url("font/MTR49__C.TTF"); }И впоследствии используется: #divName{ font-family: stalker_ttf; } Я так понимаю, в первом коде не хватает какого-то параметра синтеза.
0 votes5 answers -
Необычное значение background
На одном сайте при разборе кода наткнулся вот на такую вещь: #someId {background: buttonface} Что это за вид бекграунда? Что даёт? Если возможно, скиньте ссылки, где об этом рассказывается. Гугление результатов не принесло...
0 votes5 answers -
Вставка содержимого
Возник вот какой вопрос. Нужно на страницу сайта запихнуть 3 неких блока в 3х разных местах, вот так Так чтобы в эти блоки можно было засовывать картинки, текст и прочее. Это можно сделать таблицами, на сколько я понимаю, но я так и не понял как задать определенное расположение таблиц на странице. Непосредственно вопрос: Какими средствами это можно еще сделать? Пожалуйсто, предлагайте все возможные варианты. Спасибо (=
0 votes5 answers -
Нужно изменить формат тега </hr>
Здравствуйте! Решил изменить вид комментариев на своем сайте! Остановился на данном варианте: Подогнал под DLE, убрал ненужное, добавил необходимое! Но вот в чем проблема: у меня на сайте полоска, вызываемая тегом </hr> после даты выглядит совсем не так как на скриншоте а вот так: Помогите исправить данную полосу! Вот CSS код, который прилагался к этому виду комментариев: /*===COMMENTS===*/ table.comblock {background-color: #ffffff; } table.comblock td.cblock-content {background: transparent url("/images/comment/cblock_center_mtop.gif") left top repeat-x; } table.comblock td.cblock-left { vertical-align: top; background: url("/images/comment/cblock_middle_left.gi…
0 votes5 answers -
Сложное меню
Ребята, подскажите, или может есть пример как можно верстануть списком (дивами) такое меню, не могу логику уловить. Буду благодарен
0 votes5 answers -
Помогите с позиционирование простой структуры блоков
Доброй ночи. Помогите пожалуйста раобраться с позицонированием блоков норме 1,2,3 относительно контента. Какие надо им дать параметры в цсс для верного отображения? Потому как текущи код выстраиваит их в рядок, никто никого не обтекает. .1 { overflow: hidden; min-width:25px; min-height:40px; margin: 5px; position: relative; float: left; z-index: 0; width: 25px; height: 40px; } .2 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: left; z-index: 0; width: 25px; background-color: #FFFFFF; } .3 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: l…
0 votes5 answers -
упорядочивание блоков
Подскажите, как сделать, чтобы несколько div блоков имели ширину текста, вписанного в них, и шли друг за другом по горизонтали (а не по вертикали, как получается у меня). Еще важный аспект, что между левыми и правыми блоками вписан текст. то есть дожно быть так: сначала блок с текстом, потом просто текст, потом другой блок с текстом, потом снова текст и т.д. и все это должно выводиться в один ряд.
0 votes5 answers -
Как на фон body поставить 2 изображения?
Добрый вечер! Собсна вопрос такой, хочу на фоне body поставить сверху градиент, высотой пикселей 200, а внизу например текстуру земли. Если тегу body ставить два background-image, то воспринимать он будет последний. Как задать такой двойной бэкграунд? Заранее спасибо ЗЫ в середине страницы таблица аля каркас
0 votes5 answers -
Вложенный список криво отображается
вот сделал двухуровневое меню HTML: <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Уроки</a> <ul> <li><a href="#">HTML</a></li> <li><a href="#">CSS</a></li> <li><a href="#">javascript</a></li> <li><a href="#">MySQL</a></li> <li><a href="#">PHP</a></li> </ul> </li> <li><a href="#">Статьи</a></li> <li><a href="#">Учебники</a></li> <li><a href="#">Контакты</a></li> </ul> CS…
0 votes5 answers -
картинка не выравнивается в ИЕ6 и 7
задаю такую конструкцию <img src="media/image002.jpg" align="right" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla facilisi.. доктайп <!DOCTYPE html PUBLIC "-//W3C//DTD X…
0 votes5 answers -
Растянуть <div> по-вертикали и еще кое-что
Доброй ночи уважаемые опытные верстальщики. Перекапал интернет и этот форум, нашёл некоторые варианты, но многие либо не работают, либо работают не так. Итак, вот что мне нужно сделать: Резиновый дизайн с левыми, правыми блоками фикс ширины и центральной динамичной частью (контент) Контент динамичный, то очень много, то совсем ничего. Также header высотой 90px; И footer высотой 90px; footer всегда внизу, контент должен его толкать (если он больше размера страницы по-вертикали) И самое главное: левые и правые блоки с контеном должны быть на 100% высоты, то есть всегда быть прижатыми в footer. Вопрос: можно ли вообще впринципе добиться этого div'ами без использования js? Ре…
0 votes5 answers -
Проблема позиционирования png картинки
Вывожу блок с png картинкой, с прозрачным фоном: .blok{width:100%; height:100%; background:url(/img/img.png) left bottom no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/img.png, sizingMethod=crop); //background:none;} все гуд - фон прозрачный, но после применения данного фильтра в IE не работает позиционирование left и bottom. Как сделать правильно ?
0 votes5 answers -
Использую фильтр для png и перестают работать кнопки
Использую в CSS фильтр для IE для отображения прозрачного png: #cont .fon{width:800px; height:675px; background:url(/img/cont.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none;} Также на этот фон помещаю кнопки: <div id="cont"> <div class="fon"> <a href="/">Декоративные краски</a> </div> </div> В мазиле все Ок, а в IE эти кнопки перестают работать. Убираю из стилей: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/img/cont.png, sizingMethod=crop); //background:none; все работает, но прозрачности нет. Подскажите советом как обойти баг?
0 votes5 answers -
использование набора картинок
Здрасте. много раз видел на сайтах наборы картинок в одной png. как они их разделяют и используют по одной. заранее спасибо
0 votes5 answers -
Битые ссылки
Здравствуйте! Проблема следующая: Вот ссылка sh32brest, при открытие её в Firefox неработают ссылки, на их месте как будто бы картинка, даже не выделяется, при открытие в Opere всё работает нормально, но всё таки на Opere не так много людей сидят, поэтому необходимо исправить данную ошибку. Сам мучался 2 дня, не получилось Вот код(хотел под споилер спрятать, но не получилось) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta name="google-site-verification" content="cDRTvkwHKrlwzrKmOiLlkx8qhNnOBpwatsjyyV8FeVU" /> <title>Средняя школа №32, г.Брест</title> <link rel=…
0 votes5 answers -
CSS: объемлющий селектор
Можно ли в CSS сделать что-нибудь наподобие ?? #abc {... правила для abc ... } #CONTENT { div {...} b {...} table {...} } #xyz {... правила для xyz ... } Т.е. не повторять #CONTENT кучу раз а написать один раз. И еще: можно ли этот участок кода (внури #CONTENT) вынести в другой файл?
0 votes5 answers -
Firefox не отображает изображения.
Недавно столкнулся с такой проблемой. Firefox перестал отображать некоторые изображения. Причем не сразу, а после нескольких перезагрузок. При нажатии ctrl+F5 на некоторое время все приходило в норму, а потом изображения (фоновое изображение, прописанное через CSS) исчезало. Причем это не зависело от размера изображения, или его расположения. При удалении строчки из CSS приводило к тому, что переставало подгружаться другое изображение. И этот баг только Firefox. Я долго не мог понять в чем причина. Я проверял CSS и HTML валидатором, вставлял и удалял изображения. Ничего не помогало. Но вдруг я заметил, что забыл залить одну картинку, она особой роли не играла, поэтому я …
0 votes5 answers -
Помогите с версткой
Здраствуйте. Нуждаюсь в Вашей помощи. Нужно сделать что-то похоже на это: Пишу следующее: body { background-color: #e7e7e7; } .box1 { width: 600px; height: 500px; margin: 0px auto; background-color: #000; padding-top: 10px; } .box2 { width: 580px; height: 490px; background-color: #fff; margin: 0 auto; } html: ... <div class="box1"> <div class="box2"> </div> </div> ... В Firefox вроде этот код работает, но в ИЕ почемуто отказуется. И еще можно ли задать div-у box2 резиновый размер?
0 votes5 answers