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
-
Адаптивные блоки
Здравствуйте, подскажите как решить проблему: хочется сделать адаптивный дизайн, застрял практически в самом начале. вот что имеется: идея такая. Это полный размер: а это мелкий : я набросал кое что, оно работает но я уверен что не правильно: Css #header_line{ width: 100%; height: 500px; background: url(../images/header.png) #333;}#contener{ max-width: 1000px; height: 500px; margin: 0 auto;}#block_contener{ display: inline-block;}#block1{ width: 500px; height: 500px; background: #eee; float:left;}#block2{ width: 500px; height: 500px; background: #000; float: right;}@media screen and (max-width: 350px) {#contener{ max-width: 1000px; height: 500px; margin: …
0 votes2 answers -
Как сделать следующие? Отображение гиперсылок.
Привет! Вопрос №1: Как реализовать следующие: Вопрос №2: Почему IE и Firefox не отображает гиперсылки, а Opera и Google отображают? Вот мой код:
0 votes8 answers -
поиск на самом сайте
Появилась идея зделать поиск на самом сайте помогите плиз в реализации этой идеи) Да сайт стоит не на движке..так сказать обычная работа оценку)
0 votes5 answers -
как сделать свою полосу прокрутки
Подскажите пожалуйста как сделать свою полосу прокрутки в цвет своего сайта, можно ли изменить стандартную полосу прокрутки которая появляется при overflow. Наверное придется прорисовывать каждый элемент..? Буду признатален за любую информацию. Заранее Спасибо.
0 votes1 answer -
a:hover в h1
Добрый день. Помогите реализовать следующее. Есть код <a href="{U_VIEW_FORUM}">{FORUM_NAME}</a> К тегу а применяется свойство: a:hover { color: #D31141; } Я хочу сделать вот так: <a href="{U_VIEW_FORUM}"><h1 class = "title">{FORUM_NAME}</h1></a> И все вроде бы хорошо, но в таком случаи по понятным причинам не работает a:hover { color: #D31141; } Как сделать что б работало?
0 votes3 answers -
filter и expression
Вопрос такой: У меня есть 10 классов в стилях, у которых один и тот же фильтр (к примеру: "filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);" ). Есть ли смысл группировать стили и писать один раз "filter: "? Конкретно интересует, повлияет ли это на скорость? O_o Тот же вопрос и про использование "expression". Спасибо.
0 votes9 answers -
Выравние по горизонтали по одной линии
заверстал такое меню: как выравнить текст по одной линии по горизонтали, вот так: line-height для ссылки не помогает, так как где-то текст в одну строку где в две
0 votes9 answers -
hover для картинки
Привет всем. Скажите как сделать чтобы при наведении курсора мышки на картинку (точнее на пиктограмму) менялась на поставленную. В общем есть что то наподобии псевдокласса hover для картинки. Заранее спасибо за помощь.
0 votes3 answers -
не работает text-align:justify
Добрый день! Мой html создается програмно из файла Word (который по сути XML). Моя задача отобразить этот файл в html. поэтому текст разбивается на части, которые в свою очередь заключены в <bdi>. при этом мне нужно выставить свойство параграфа text-align:justify. при выставлении "в лоб" ничего не получается. точнее не получается, если текст двуязычный (а в этом случае еще и двунаправленный) вот html: <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> </head> <article> <section> <p style="direction:rtl; white-space:nowrap; text-align:justify;"> <span> <bdi style="dir…
0 votes0 answers -
box-sizing:border-box
Зачем придумали box-sizing:border-box? В каких целях, его можно применить?
0 votes7 answers -
преобразование " у IE
Требуется вывести на страницу параметры к пхп-скрипту, одним из которых является "es Опера реагирует адекватно, выводя "как есть", а вот эксплорер, видя ", резво стремится напакостить, преобразовав в кавычку.. Думаю это должно фикситься тегом/стилем, но не нашел вообще ничего о_О
0 votes1 answer -
Слетает правая колонка
Ребят, помогите плиз http://www.stroykann.ru/ Три колонки, если в левой присутствует баннер 200*100, при разрешении 1024*768, то правая слетает под среднюю. Проявляется только в IE6, в остальных браузерах нормально всё. Что не пробовал- никак не могу добиться того чтобы колонки оставались в ряд
0 votes7 answers -
Родительский див и абсолютное позиционирование
как можно сделать что бы див , имеющий внутри абсолютно позиционированные дочерние дивы, растягивался на их высоту ?
0 votes2 answers -
Растягивает страницу
Ну вот собственно и проблема: Поставил подсветку синтаксиса, а она растягивает страницу, подсвечивает в конструкции code class="html" вот стиль code.html {display: block; text-align: left; padding: 2px; border:1px dotted #6633FF; border-left: 2px dotted #6666FF; max-height: 200px; overflow: auto; font-size: 10pt; background: url(/img/code_fon.gif);} По идее должно всё работать, а не катит( вот скрин: http://s48.radikal.ru/i121/1007/a1/9e6391e5f40b.png нетрудно догадаться что с права должен быть ещё контейнер но его утащило, растянуло на всю страницу причём код с пробелами и должен был отступить, даже если нет поч overflow: auto не работает как надо??
0 votes7 answers -
ie6 div width 100%
Доброго времени суток! Бьюсь весь вечер над проблемой некорректного отображения страницы с 100% шириной div'а. Вот код страницы (упростил, но суть видна): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>title</title> <style type="text/css"> body { margin: 0; padding: 0; } div#header { width: 100%; height: 150px; background-color: green; } div#bigData { width: 3000px; border: 1px solid red; } </style> </head> <body> <div id="header">some text</div> <div id="bigData"> </div> </body> </html> То есть если под блоком div появляетс…
0 votes6 answers -
Как можно сверстать сие чудо?
Задам для начала несколько больше всего интересующих меня вопросов и покажу результат который есть на данный момент. 1 и 2 - Меня интересует как можно проще реализовать эти линии. 3 - Как лучше сделать отступ? Если брать ныне существующий код, то я думал добавить еще один table и выставить ему height, в размере нужного отступа. Код можно посмотреть тут: Турнирная таблица. Проблема заключает в том, что в конечно итоге нужно добавлять неограниченное кол-во строк не меняя размеры в последующих столбиках. например: берем 16 игроков, второй столбик соответственно уже 8. И тут вдруг мне понадобилась таблица на 32 игрока, и я просто добавляю еще 16 строк грубо говоря <tab…
0 votes11 answers -
Как выяснить код символа?
В общем, проблема такая - собираю макет в джумле. И какой-то из файлов движка лепит в код странный символ (его не видно) типа переноса строки. Лепит только в одном месте. В итоге у меня съезжает форма поиска, как будто строку перенесли. Никак не могу эту заразу выловить, откуда она берется. Через Firebug убираю из кода эту хрень - всё встает на места. Думаю, если определить код этого символа, то можно пошерстить по всем файлам на предмет его наличия. При просмотре кода страницы из мозиллы его не видно. Через Firebug можно заметить. В IE видно при просмотре исходного кода (блокнотом по умолчанию) Выложил сохраненную копию страницы: http://leveler.ru/htmlbook/symbol.htm Оф…
0 votes4 answers -
Почему они бегают?
Вот хочу написать модявую гостевуху в ООП. Вот ща сделал такую штуку http://deluxe-okna.ru/guest/ Вот в браузере опера и firefox при отдалении, приближении то текстареа больше становится, то кнопка смешается, то ещё чё нить растягивается/сужается. В гугле хроме всё нормально. Я неправильно что-то делаю или всё так и должно быть?
0 votes11 answers -
Съезжает колонка.
Здравствуйте, есть 2 колонки сделаны способом: <ul> <li> </li> <li> </li> </ul> К <li> применен стиль float:left и так получилось 2 колонки, но когда в одной <li>текст</li> левой колонки больше текста чем в правой, то почему то нижний <li>текст</li> съезжает не в низ, а в право выталкивая при этом стоящею справа <li>текст</li> в низ. Как это можно исправить, чтобы при большем количестве текста колонки съезжали не вправо, а в низ, как это должно быть?
0 votes18 answers -
html шаблон и вставка из другого html
Всем привет! Возможно вопрос уже задавался тысячу раз, но спрошу еще раз (поиск не помог, может не так искал?) КАК средствами html или же другими какими (простыми) возможно следуещее: 1. у меня есть файл-шаблон index.html который состоит из таблицы в виде: ШАПКА ———— п | |п о | |о л | |л я | |я ———— ФУТЕР 2. У меня есть 100 других html-файлов в виде таблиц (2-3 столбца и 10-15 строк) 3. КАК сделать так, чтобы например при ссылке http://site/index.html?01.html в пустое поле шаблона выводил содержимое моего первого html-файла и т.д.? ПРИМЕЧАНИЯ: - Мне надо обойтись БЕЗ фреймов! - Шапка и поля - элементы дизайна НО не меню! В них ссылок НЕТ! Ссылки в теле страницы (каждый…
0 votes2 answers -
Блочная верстка, IE и ширина текста в колонке
Только в IE-7 ( в MF3.0 нормально), при изменении размера экрана( не знаю как правильно называется ) текст по ширине начинает "выпрыгивать" из колонки. Макет при этом не ломается. Причем нет никакой разницы "резиновый" макет(и/или колонка) или нет. Как с этим можно бороться и делает ти это кто-то вообще? Спасибо!
0 votes3 answers -
Как вивести вибрание опции если их несколько
Мне надо сделать такую програму: select из 5-ти елементов кнопка textarea Выбираются несколько елементов в селекте и при нажатии кнопки пишет их в текстовом поле. С одним елементом делается просто, а как несколько сделать в упор понять не могу. З.Ы. Прошу помочь написать функцию в JavaScript...
0 votes8 answers -
Хак для Оперы
Opera 9.27 не поддерживает конструкцию HTML:root DIV, которую понимают FF и Sa. Однако некоторые люди утверждают, что 9.62 версии Опера уже все поддерживает. У кого есть 9.50 версия или 9.62, проверьте пожалуйста следующий код. Если работает, цвет увидите оранжевый, нет - синий. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Хаки</title> <style type="text/css"> HTML:root DIV { background: #fc0; /* Для Firefox и Safari */ padding: 10px; } DIV { background: #005b9a; /* Д…
0 votes5 answers -
Вопрос по вёрстке макета Раира
Верстаю макет Раира из темы http://forum.htmlbook.ru/index.php?showtopic=13276 но почему-то вёрстка правая колонка не отображается в ИЕ вёрстку можно видеть тут http://akson69.ru/test/ Что я делаюне так??
0 votes6 answers -
Chrome не выводит <noscript>
Всем доброго времени суток. Сегодня столкнулся с такой проблемой... У меня на сайте кнопки, вся красота и функционал которых работает на javascript-e, ну а для тех, у кого он отключен, в <noscript> вложил обычную кнопку через <input>. Со всеми браузерами все ОК, но вот Chrome подкачал, если вырубить в нем javascript, все то, что заключено в <noscript> никак не отображается. Такой вот казус. Эта проблема известна и есть ли решения? Спасибо.
0 votes4 answers