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
-
Растяжка подвалапо вертикали
Добрый вечер, господа. Вопрос такой - есть блок фиксированного с контентом с автоматическим отступом, под ним растянутый на весь экран подвал. В блок вставляется таблица, появляется горизонтальная прокрутка, однако подвал остается фиксированным ровно на 100% размера окна браузера. Та же проблема на всех страницах, если окно браузера уменьшить менее чем на 960px - появляется прокрутка, содержимое footer'a видно, но вот фона в области за полосой прокрутки уже как не бывало. Что нужно исправить, чтобы он растягивался на всю страницу? <html> <body> <div class="container"> </div> <footer> </footer> </body> </html&…
0 votes5 answers -
Правильная верстка горизонтального меню
Всем добрый вечер Верстая макет, я обнаружил неприятную вещь (очередной раз) - при масштабировании страницы (точнее - при максимальном уменьшении) горизонтальное меню "разваливается". Последние элементы списка как-бы не влезают в шапку, и переносятся на следующую строку. Менюшка самая обычная - есть фон, определенная высота меню (скажем, 30 пикселей). Я верстал как попало - марджины и паддинги в самих элементах списка, или в ссылках, короче говоря не задумываясь о целесообразности такой верстки, а лишь постоянно обновляя страницу и смотря внешний вид меню. Не буду голословным 1. Менюшка, которую я хочу сверстать 2. Она же при масштабировании 3. Моя верстка 4. Моя в…
0 votes21 answers -
Аномальная рамка вокруг изображения
В процессе адаптации шаблона столкнулся с какой-то аномальной рамках вокруг изображения. Исходный шаблон: http://demo.rockettheme.com/joomla25/fresco/ Адаптированный шаблон: http://olegsuv.com.ua/fresco/ Проблема заключается в рамке вокруг большого изображения: http://puu.sh/1oBr4 (скриншот). Сверху и слева - серая линия, снизу и справа - белая линия. Рамку вижу в последних опере и хроме, средствами разработчика уже перерыл вдоль и поперек - найти рамку не могу. Помогите с ней разобраться, пожалуйста.
0 votes2 answers -
Центр
.divider img{ height: 100px; text-align: center; background: center; } Не выставляется картинка по центру. Как вы заметили - опробованы два варианта выравнивания, но увы, ни один не подходит. Что не так? Благодарю за ответы.
0 votes6 answers -
Размер картинки
Подскажите как поменять размер изображения. Вот то как я пытаюсь его поменять: .divider { height: 100px; text-align: center; background: url(images\divider.gif) no-repeat; } Причем селектор "height" делает только отступ от текста дальше, а сама картинка как была "тем" размером, так и осталась... А это я вставляю в ХТМЛ: <div class="divider"> <img src='images\divider.gif'> </div> Душевно всем, кто поучаствует в решение данной задачи. P.S. Может есть специальный селектор для картинок (о котором я не знаю)?
0 votes2 answers -
Проблема с колонками
Есть сайт из двух колонок. Левая - контент, правая - доп. меню и т.п. Как сделать чтобы обе колонки были на одном уровне? Делал через div'ы.
0 votes1 answer -
Ошибка валидации.
Здравствуйте. Сегодня возникла проблема, при проверки валидности сайта: Line 2, Column 1: No explicit character encoding declaration has been seen yet (assumed utf-8) but the document contains non-ASCII. ... <!DOCTYPE html><html lang=ru><head><meta charset="UTF-8"><title> Line 2, Column 1: Element head is missing a required instance of child element title. ... <!DOCTYPE html><html lang=ru><head><meta charset="UTF-8"><title> И еще три связанных с этим ошибки. Как я понял это из-за пустой строки перед кодом страницы, но в самом коде этой строки нет, она появляется только в валидаторе и исходном коде страницы. Может…
0 votes0 answers -
@font-face русский язык
Следующая проблема. подключаю шрифт @font-face {font-family: 'helios'; src: url('fonts/He_th.ttf') format('truetype');} на англ. языке все нормально. русский - любимый times new romans. Открываю файл шрифта, но ведь там же про булочки на РУССКОМ написано!!!! Пробовал загружать в http://www.fontsquirrel.com/fontface/generator и оставлять только киррилический, все то же самое! Помогите пожалуйста
0 votes8 answers -
Одно разрешение, разные размеры экрана.
Собственно, вопрос. Будет ли разница в вёрстке, если разрешение у ноутбуку (17 дюймов) 1600 на 1200, и у десктопа (22 дюйма) тоже 1600 на 1200. Подскажите, в чем будет отличие и как это проверять/фиксить
0 votes1 answer -
Проблема с кодировкой в jquery табах
Есть страница index.php В ней выставлена кодировка ютф-8 при помощи <?php header("Content-Type: text/html; charset=utf-8");?> и стандартно <meta http-equiv="Content-Type" content="text/html"; charset="utf-8" /> . Есть страница test.php. Если заинклюдить страницу test.php в index.php, то все нормально (русский текст нормально отображается), но если страница подгружается при помощи ajaxa вот этим скриптом, то наблюдается беда с кодировкой (кракозябры). Почему так происходит? Картинка для наглядности: http://awesomescreenshot.com/000lxdf66
0 votes2 answers -
Проблема с кириллическими шрифтами.
Я столкнулся с проблемой реализации двуязычного сайта. Точнее подгрузки шрифта, чтобы сайт отображался на английском и русском языках. Выбранный шрифт - http://font.ubuntu.com/ Латиница и кирилица присутствуют. Через fontsquirrel генерировал необходимые файлы. Прописал все в код и в CSS и был счастлив, но кирилица нужным шрифтом не отображается. Вернулся в fontsquirrel стал копаться в опциях генератора, нашел где можно поставить галку Кирилица. Файлы получились вдвое тяжелее предыдущих. Почти что был счастлив снова, но теперь не только кирилица но и латиница не хочет отображаться нужным шрифтом. Как можно исправить ситуацию? Нужно ли в случае генерации пакета шрифтовых фа…
0 votes9 answers -
Проблемы с выпадающим меню CSS
Проблема такая. Пишу сайт для себя и столкнулся с небольшой проблемкой - не могу сделать вертикальное выпадающие меню... Это мой первый сайт Помогите кто чем сможет. Пишу в 2 файлах .html и .css.Всё работает кроме этого Вот код: HTML <html> <head> <title>Сайт</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> <div class="cap"></div> <div class="mm"> <div id="mm1"><a href="page.html" class="bs1">a</a></div> <ul class="menu1"> <li><a href="page1.html">1</a></li> <li><a href="page2…
0 votes1 answer -
Ищу человека
Доброго времени дня! Ищу человека, к которому можно было-бы обратиться за разъснением пары моментов, касательно веб-строительства. Очень много противоречий вижу на форумах, поэтому и хотел пойти по пути наименьшего сопротивления ввиде консультации у одного человека. Если кто-то может помочь, отпишите пожалуйста.
0 votes3 answers -
2 независимых div
Имеется сайт с шириной 940 пкс. Нужна шапка, которая тянется по всей ширине браузера. Проблема в горизонтальном скроле. Что рассказывать, лучше показать: http://jsfiddle.net/ramon111/S6NPP/12/ С overflow-x:hidden для body все вроди ничего, но это свойство не поддерживают мобильные браузеры (например Android), а это очень важно. Помогите плиз, мозги размазал, ничего не могу придумать.
0 votes4 answers -
Кнопки соц.сетей в списке записей
Всем доброго времени суток. Пробовал найти решение, но не получилось. Необходимо на главной странице в блок каждого поста добавить кнопку вконтакте, твиттера, гугл+ и фейсбука (или хотя бы первых двух), которая будет делиться содержанием того поста, в котором находится ссылка. Если формировать кнопку для вк на его редакторе кнопок, то получается такой код <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "mini"}); </script> и эта кнопочка будет делиться url-ом страницы, а не пермалинком поста. То есть такая кнопка может существовать в единственном экземпляре. Вот на этом сайте есть пример того, что я хочу…
0 votes10 answers -
Удаление 2 блока
Всем привет создал сайт , нашел для него приятный дизайн , поставил. Почти все понравилось кроме 2-го блока (извините может он называется 3-им блоком я в этом чайник) В общем нужно убрать 2-ой блок и при этом растянуть "новости" до конца 2-го блока.То есть когда мы уберем 2-ой на его пустом месте растянем новости,чтоб не было пустого места (надеюсь понятно выразил свой вопрос).Мой сайт
0 votes14 answers -
Получить селектор автоматически возможно?
Здравствуйте. Есть ли в Хроме в инструментах разработчика(или Firebug, т.п.) средства, позволяющие автоматически получить селектор какого-нибудь тега, которому дальше потребуется прописать стиль? Благодарю
0 votes7 answers -
Отсутствует скролл на сайте в IE8
В IE8 отсутствует скролл на стринице, хотя при уменьшении масштаба видно оставшуюся часть страницы. В средствах разработчика показывается, что код загружен полностью. http://savepic.su/2857811.htm http://savepic.su/2849619.htm В IE7 и IE9 скролл присутствует, но страница не подгружается полностью. http://savepic.su/2841427.htm сайт www.vodoley.pro
0 votes4 answers -
Почему блок плавает при изменении масштаба?
внизу в футере там есть счетчик статистики, при изменении масштаба страницы он "плывет" как сделать, чтоб он был статичным и распологался к примеру справа в футере? пс: разобрался.. надо было вложить блок в футер, а не отдельно
0 votes0 answers -
Непонятные фокусы Стиля Box-Shadow
Нужен совет со стилем box-shadow в ОПЕРЕ в нижнем блоке тень есть, в остальных браузерах отсутствует, уже голову сломал в чем проблема.-moz- -webkit- не помогает. Проблема тут.
0 votes2 answers -
Резиновые блоки. Проблема с фоном
При уменьшении окна браузера, когда появляется скролл фон блока сползает до размера величины окна. Передвинув скролл вправо становится заметным, что фон блока сполз. Остается только фон указанный в теге <body>. Подскажите пожалуйста, кто встречался с такой пробелмой, ее решение.
0 votes1 answer -
Линейный градиент для осла
Нашел решение для осла (по градиенту) filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0d701', endColorstr='#982509'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0d701', endColorstr='#982509')"; /* IE8 */ но, как быть если мне нужно чтобы между startColorstr='#f0d701' и endColorstr='#982509' был ещё один цвет???? например #ffffff
0 votes4 answers -
Элемент select
Подскажите как можно изменить стандартную кнопку выбора в элементе select
0 votes3 answers -
Помогите с версткой хаотичных элементов
Добрый вечер, форумчане. Столкнулась с такой проблемой. Есть дизайн На картинке видно, что ссылки Портфолио, Дизайн сайтов, Логотипы, Клиенты и пр. располагаются нестандартно. И собственно я не знаю как их сверстать. Я подумывала в сторону таблицы, со своими отступами, объединением ячеек, но еще не уверена. Может быть вы подскажите более простой и грамотный вариант? Всем спасибо за ответы!
0 votes1 answer -
border больше размера div
имеем горизонтальное меню, текст в 14px, див меню 14х660px, почему то добавляются по паре пикселей, пробовал педдинг 0, ничего не изменилось, border все равно выше текста, прилагаю код наглядно тут: http://jsfiddle.net/JdvXd/ #header { background-color: #FFF; height: 34px; width: 940px; margin-right: auto; margin-left: auto; position: relative; } #menu{ margin:0; padding:0px; height: 14px; width: 660px; position: relative; float: right; top: 7px; } .menu a { font-family: "Century Gothic"; font-size: 14px; text-decoration: none; color: #2a2a2a; display: inline; float: right; padding-left: 5px; padding-top: 0px; border-right-style: double; border…
0 votes6 answers