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
-
Горизонтальное меню на едином фоне - Не получается
Здравствуйте, я еще совсем новенькая, пытаюсь разобраться. Хочу создать меню. Фон - для всего меню один, длинный (может как фон div?). Поверх его горизонтально хочу разместить пункты меню (картинками, не словами, хоть не имеет это значение). Не получается наложить на фон эти картинки правильно относительно друг друга. Это единый фон А это как я хочу, чтобы было. Надписи сделаю картинкой, потому что пока еще не разобралась, ни тени, ни специальные шрифты. Так вот как эти надписи-картинки разместить в линию правильно относительно фона? Пример надписи-картинки Спасибо!
0 votes5 answers -
Вертикальное выравнивание строки ввода и кнопки
Здравствуйте, дорогие форумчане! Я прошу у Вас помощи в решении вопроса, нисколько не сложного для таких профессионалов, как Вы. На странице: я не могу выровнять по вертикали строку ввода и кнопку "отправить" (кнопка чуть выше строки). Если можете, посоветуйте как это сделать.
0 votes1 answer -
Откуда появляется зазор между float-ами?
Пример макета - http://divverstka.16mb.com/
0 votes4 answers -
Один градиент для нескольких блоков
Можно ли на CSS сделать так, как изображено на картинке? Если можно, то как?
0 votes2 answers -
Шаблон под разные мониторы
Возможно ли каким-то образом настроить определение размеров таблиц и рисунков, чтобы на разных мониторах сайт смотрелся приемлемо? См. прикреплённые файлы. Сейчас вид такой, как на рисунках 3х4 и 16х9, соответственно: А хотелось бы, чтобы на 16х9 было так, как тут: Это вообще возможно? Или лучше сразу пересмотреть все размеры?
0 votes1 answer -
оцените пожалуйста верстку!
сделал тестовое задание для jumior-HTML верстальщик, по заданию я выполнил не все пункты(это не обязательно) подскажите пожалуйста, что нужно или можно исправить. вот страница http://tuut.16mb.com/DB/ вот макет http://itmages.ru/image/view/596491/c75009aa вот таск: 1. Макет резиновый. Максимальная ширина – 1280px, минимальная – 1024 (при разрешении 1024px не должно быть горизонтального скроллбара ) 2. Меню в шапке всегда тянется на всю ширину. 3. Слайды должны переключаться автоматически и по нажатию на кнопки пагинации. 4. Слайдер резиновый. При малом разрешении зарезается справа. 5. Заголовок в контенте написан нестандартным шрифтом .. 6. Нажатие на кнопку «Вход…
0 votes2 answers -
Стили с одной страницы
Нужно ли выносить стили, которые используются только на 1 странице в общий css файл?
0 votes2 answers -
Горизонтальное меню в firefox выглядит криво
Есть вот такое меню ul.down { width: 80%; margin-right: 35%; margin-left: 25%; font-size: 21px; /* размер шрифта */ } ul.down li { background: none!important; display: inline-block; margin-right: 15px; margin-top: 8px; moz-margin-top: 0; list-style-type: none; } ul.down a { background: none; color:#fff; height: 36px; /* высота кнопки*/ overflow: hidden; /* запрещаем обтекание */ font: 13pt/20pt Arial Black; text-decoration:none; /* убираем…
0 votes2 answers -
блок в форме сердца css
Представим что у нас есть блок а в нем изображение <div class="heart"><img src="image.jpg" alt="foto" /></div> Как сделать так что бы блок был в форме сердца и обрезал не влазящие части картинки?
0 votes8 answers -
Раскрывающийся пункт меню
Всем знатокам, доброго времени суток! В html я новичок, поэтому обращаюсь к Вам за помощью.. надо сделать раскрывающийся пункт меню, в котором будут подпункты с подпунктами.. Пожалуйста, только разжуйте поэтапно.. Буду всем признательна
0 votes1 answer -
Есть ли программа для управления сайтом на html-файлах?
У меня есть сайт, когда я его начала делать, то не знала про CMS, поэтому сделала сайт вручную на html-файлах. Сначала сайт был небольшим, в нем было 40 страниц, но со временем сайт разросся, сейчас на нем около 300 страниц и управлять ним стало сложно. На данный момент, сайт занимает хорошие позиции в поисковых системах, и, если его сейчас перенести на CMS, то он может потерять свои позиции в поисковиках и придется опять тратить деньги, силы и время на него раскрутку. Скажите, есть ли такая компьютерная программка, которая помогает редактировать html-файлы?
0 votes5 answers -
Блочная Верстка(5 div в одну строку)
Добрый день, помогите мне разобраться. Нужно выстроить 5 дивов в одну строку. Расположение. 1 2 3 4 5 соотвественно, высота строки 134px. 1 и 5 заданной ширина в 277px. 3 центральный блок, 450px и должен находится всегда по центру страницы. 2 и 4 резиновые блоки, который должны равномерно менять размер в зависимости от того как мы сужаем или растягиваем окно браузера, если окно браузера 1003 px то этих блоков не видно а остается только 1 3 и 5ый. Самое главное чтоб блоки никак друг на друга не нализали и не переходили на новую строку даже если ужать браузер до минимальной, т.е чтоб скрол появился горизонтальный и все. Пример не приложу, потому что исписала уже уйму кода…
0 votes15 answers -
Список типов товара в подкатегории
Погите вывести список типов товавра в подкатегории. Нужно примерно так: -Имеем категорию HONDA; -несколько подкатегорий: Civic, Accord, CRV; -и типы товара: Свечи, колодки, фильтра, масла и т.д. Нужно получить: -выбираем хонда - открываются подгруппы - Civic, Accord, CRV (Тут все стандартно); - Выбираем, к примеру Civic (в стандарте выводятся товары отнесенные к этой подкатегории), а нужно получить список типов товара желательно с небольшой картинкой и в 2 колонки; - А при выборе типа товара должны выводиться товары отнесенные к этой подгруппе с нужным типом; к примеру: после выбора - HONDA/Civic/свечи/ - надо получить вывод свечей закрепленных за данной подкатегорией.
0 votes2 answers -
Сложное меню
Никогда не приходилось с таким сталкиваться, но вот пришлось. В общем есть менюшка такого рода http://s019.radikal.ru/i637/1207/68/6eec3d01acbb.png И так господа вопрос..? Как её сверстать так чтоб она тянулась и сжималась в зависимости от длины вкладки
0 votes1 answer -
Искал, аналогичной темы не нашел, помогите новичку!
Здравствуйте! Нужна помощь, верстаю пробную страничку блоками в html+css. Как вставить принтскрин не понял, поэтому извините. Суть вопроса в чем, во всех уроках рассказывается, как создавать блочные сайты с использованием css, но только почему-то с фиксированными размерами и положением блоков в пикселях. Это мне все понятно, а вот как делать "резиновый" дизайн с использованием все тех же css-блоков??? Код прикрепляю, у меня там практически все получается, кроме блока "main", в котором находятся два подблока "content" и "banner". Не могу догадаться как сделать их "резиновыми" и растянуть до блока "bottom"... Помогите пожалуйста. Заранее благодарен и извиняюсь если что коря…
0 votes7 answers -
Отключение автоскрола по средней кнопки мыши
Собственно на весь сайт стоит html { overflow: hidden; } но по нажатию средней кнопки мыши можно спокойно скроллить страницу. Подскажите как можно это отключить?
0 votes3 answers -
Javascript на странице постоянно перебивает Firebug
С каких-то недавних пор стал замечать вот какую вещь. Тыкаю я на странице правой кнопкой на каком-нибудь элементе, жмякаю «Инспектировать элемент с помощью Firebug», в окошке Firebug происходит перекидывание на инспектируемый элемент. В общем вроде бы всё как обычно. Но недавно стала проявляться вот какая вещь. Если на странице есть повторяющийся Javascript (например слайдер, который автоматически показывает новый элемент через заданный промежуток времени), то в окошке Firebug происходит перебрасывание с инспектируемого элемента на элемент, в отношении которого исполняется Javascript. Можно ли как-то отключить эту багофичу, что-то типа опции «Сидеть вот здесь и никуда не …
0 votes0 answers -
Как сделать расстояние между li блоками?
проблема такая: нарисовал я себе сайт. С вот такой менюшкой. Движок сайта мне сгенерировал такой ХТМЛ код <div id="left_meny"> <ul class="menu"> <li class="item-101"><a href="/">Главная</a></li> <li class="item-111 current active"><a href="/index.php/otzyvy">отзывы</a></li> </ul> </div> Задал я фоновый цвет, высоту, ширину, фон и т д. Но я не могу сделать расстояние между li блоками. Как сделать расстояние между li блоками? А то у меня всё меню срослось в один большой бежевый квадрат.
0 votes1 answer -
Горизонтальный скроллбар
Подскажите как сделать горизонтальный скроллбар для прокрутки контента, как здесь: http://markup-m.narod.ru/tpl/gorizontal_scroll_gallery/ Я скопировал всё с 6 по 42 строчку кода и заключил контент в <div class="gallery"></div>, но у меня не получилось: http://muz-city.r02.biz/load/aqua_how_ru_doin/52-1-0-10387
0 votes13 answers -
Пара проблем с вёрсткой
Прошу помочь со следующими двумя проблемами: http://jsfiddle.net/5Gx2g - пройдя по ссылке, вы можете увидеть, что под Рекламным блоком градиент продолжается. Как его можно убрать, чтобы от Рекламного блока и до Футера был белый фон как показано на рисунке? Там же есть другая проблема. Нужно, чтобы контент всегда достигал футера как показано на рисунке. Заранее благодарю. Сам провозился полдня, поэтому ничего не осталось, кроме как обратиться к обществу.
0 votes0 answers -
CSS Горизонтальное меню
Привет друзья! У меня вот такая проблема: Скачал горизонтальное меню и установил на сайт по инструкции. Вроде все село на свои места, только проблема в том что не могу сменить цвет шрифва в CSS и сдвинуть кнопки так что бы они начинались с лева с самого начала блока меню. Вот код CSS: *{ margin:0; padding:0; } .page{ margin:0 auto; width:905px; } ul{ list-style:none; width:100%; height:40px; background:#000 url(http://ru.intek.az/bg-nav.gif) top left repeat-x; } ul li{ float:left; border-right:1px solid #333; } ul li a{ display:block; height:40px; padding:0 35; float:left; text-transform: uppercase; font:100%/40px Helvetica,"microsoft sans seri…
0 votes5 answers -
Не растягивается картинка в IE.
Здравствуйте! В шапке сайта есть картинка которая имеет заданную высоту. Во всех браузерах работает, а в этом ср*ном IE нет(. Как выйти с положения? Вот код: div#cat-nav { background-attachment: scroll; background-clip: border-box; background-color: transparent; background-image: url("../images/nav.png"); - сама картинка. background-origin: padding-box; background-position: center bottom; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 10px; border-top-right-radius: 10px; clear: both; float: left; height: 130px;- высота картинки. margin: -5px 0 0; width: 960px;- ширина картинки. }
0 votes1 answer -
Фреймы... Возможно ли такое?
Добрый день! Интересует такой вопрос. Можно ли в фрейм загнать страницу полностю, а потом как то задать ее падинги или марджинги так, чтобы в фиксированном размере фрейма отображалась только нужная часть страницы, например только футер сайта. Может ест какой-то иной способ загрузить в фрейм кусок странички...?
0 votes5 answers -
Интересная задача.
Встала задача сделать такое же меню как и на данном изображении. Вроде все просто, но не могу добиться выравнивания пунктов меню как нужно. Все меню должно быть заключено в div шириной 1000px. Самый первый пункт должен быть прижат к левому краю без каких либо отступов. А последний к правому. Между всеми пунктами должно быть равное расстояние. Подскажите как правильно и красиво это реализовать. P.S. Подскажите похожий шрифт используемый в картинке но только для кириллицы. Спасибо.
0 votes6 answers -
что не так?
<!DOCTYPE html5> <html> <head> <title>winston.ru</title> <!-- начало хедера (header.php) --> <table width="850px" height="100px" border="0" cellspacing="0" cellpadding="0" align="center" bordercolor="313233" bgcolor="#cbe3ec" background="i/shapka.png"> <tr> <td></td> </tr> </table> <!-- конец хедера --> </head> <body bgProperties="fixed" background="i/fon.png"> <!-- Начало верхнего банера (baner.php) --> <table width="850px" height="150" border="0" align="center"> <tr> <td><embed src="i/anim.gif" width="850px" height="150px"></td> </tr> </…
0 votes9 answers