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
-
css верстка, блоки, нужна помощь
Добрый день уважаемые. окажите пожалуйста помощь в решении следующей задачи. Дано четыре блока в две колонки. хочу чтобы при изменении высоты блока 4, высота колонок оставалась одинаковой при этом блок 1 и 3 своих размеров не меняли, а высота левой колонки изменялось за счет высоты блока 2.
0 votes13 answers -
Как зделать новую категорию
Я бы хотел узнать вот я создал сайт на ucoz а незнаю как создать категорию новую например (Фильмы) что надо зделать что бы открыть категорию и как (помогите пожалуйсто)заранее спасибо
0 votes13 answers -
Ниспадающее меню в css и ие7
Решил недавно своими силами реализовать меню на css, помню, был такой пост, но поленился тогда его внимательно изучить... Короче вот. Всё нормально, не нормально IE7: меню вылезает не там где хочется. Кроме того почему-то из-за float: left; полностью блокируется вертикальное меню(class = “vrMenu”), тоже в 7. Кроме того, в коде есть пустой див без стилей, в самом начале, вот без него почему-то отступ сверху для меню не действует (тоже только в IE7 и ниже), почему? Ещё, будет приятно послушать критику в сторону дизайна... Особенно интересны комментарии по поводу обтекания меню...
0 votes13 answers -
Padding вместо width и height.
Добрый день. Не могу понять как работает паддинг, когда им задаешь размер изображения. Есть картинка высотой в 50px. и шириной в 120px. и казалось бы, для того, что бы она корректно отобразилась нужно задать padding:25px 60px, но не тут то было. Ширина отображается нормально, а вот по высоте картинка отображается не полностью, как бы срезано. После долгих подборок параметров паддинга у меня получилось padding:0 60px 33px 60px; после этого картинка стала отображаться полностью. Объясните пожалуйста в чём тут прикол?
0 votes13 answers -
Позиционирование блоков
Добрый вечер, есть проблемка: Есть контейнер внутри которого помещаются блоки. По умолчанию блоки выстраиваются с лева на право не по порядку и строго сверху в низ. Как можно сделать так, что бы блоки выстраивались по порядку один за другим слева на право? В этих блоках будут находится изображения и текст. Один из вариантов - это создать таблицу. Но как это можно сделать без неё, верстая дивами? В стилях прописывал display:inline; но что то ничего не получалось
0 votes13 answers -
Width в % не работает в IE 6
Есть небольшая проблема с IE 6 , не работает Width в процентах ,отображает реальный размер. <div id="footer" > <img src="images/footer_bg.png" alt="footer_bg" id="footer_bg" /> Тут будет текст </div> #footer { background: url('../images/footerr.jpg') repeat-x; height: 65px; overflow: hidden; } #footer_bg { width: 58%; height: 64px; margin: 1px 0 0; position: absolute; } Если есть другие способы решить такой фоотер пишите.
0 votes13 answers -
Затруднения с hCard
Вот решил дополнить информацию о своем сайте с помощью hCard... Возник вопрос: где лучше размещать код, я имею ввиду на какой странице сайта (главной, контактах и т.д.) и еще: можно ли разместить код на одной странице, а на остальных просто поставить "метки" на код? ну, типа, чтоб значение для конкретной страницы считывалось например со страницы Контакты? пжлст, не пишите про Погуглить и все такое..уже пробовал - галяк.. Нужна конкретная инфо заранее спс
0 votes13 answers -
rgba + border-radius ( IE )
Столкнулся с такой проблемой: Нужно сделать блок с полупрозрачным фоном и закругленными углами, везде все хорошо кроме IE( )... Блок делал таким образом: #box { width: 100px; height: 100px; position: relative; background: rgba(0, 0, 0, 0.08); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; behavior: url(/PIE.htc); } для прозрачности в IE в <head> добавил: <!--[if IE]> <style type="text/css"> #box { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000); zoom: 1; } </style> <![endif]--> В …
0 votes13 answers -
Что значит "шаблон"?
Итак, я прочитал статью на сайте "основы верстки". Но тем не менее так и не понял, что такое шаблон и как его делать. Я ведь не могу залить на хостинг под Drupal пять html страниц и документ .css? И тогда объясните, какие именно файлы заливают на хостинг? Допустим я сделал несколько страниц, но как мне из этого получить шаблон?
0 votes13 answers -
Градиент текста с помощью css
Вот сайт http://teplee.com/ Сделал средствами css перелив полосок меню и разделов по бокам. Но оказалось что коректно работает только в мозиле, в опере без изменений, в ИЕ вообще цвет другой и градиент не такой как задумывалось. вот код: div#menu { position: relative; width: auto; height: 36px; background-color: #D12E03; background: -moz-linear-gradient(#671402, #FF4500, #671402); background: -webkit-gradient(linear, 0 0, 0 100%, from(#671402), to(#671402), color-stop(0.5, #FF4500)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00BBD6', endColorstr='#EBFFFF'); } Что не так сделал подскажите.
0 votes13 answers -
Картинка в резиновой верстке
Помогите советом новичку. При изменении окна браузера все растягивается и сужается как надо, а картинки нет. Что делать? Я уже каждой картинке прописывала width:%; и тд.
0 votes13 answers -
Нужна помощь для валидации
CSS: .container{margin:auto;width:800px;} .header{background:url(image/24head.jpg) no-repeat;height:118px;margin:10px 0px 30px;} HTML: <div class="container"> <a href="#"><div class="header"></div></a> Суть проблемы для меня заключается в следующем: Как сделать средствами HTML и CSS гиперссылку в заголовке (при этом текста там быть не должно)?
0 votes13 answers -
Не работают два <select>'а
Всем привет. Мною был скачан шаблон сайта. В котором уже был встроено меню select, но когда их больше одного, то ни одно из них не работает. Но мне необходимо, чтобы их было как минимум 2. Как доработать код? Все исходники лежат здесь http://onemove.ru/40841/ Заранее спасибо! Вот мои скрины, на которых видно что не работает когда меню больше одного:
0 votes13 answers -
фон относительно правого края
задачка: расположить фоновую картинку в позиции 4px от правого края элемента. До сих пор такое решалось обходными путями: либо отсчитывалось нужное положение от левого края (годно при известной и неизменной ширине), либо фоновая картинка имела справа нужное количество прозрачных пикселей. Однако сейчас ни один из этих вариантов не прокатит. Как можно быть?
0 votes13 answers -
Ширина блоков с ссылками
Как мне сделать фиксированную ширину блоков с ссылками, чтобы они были одинаковые по длине и не зависели от количества символов в ссылке? Сайт - http://inyaz-mil.narod.ru/
0 votes13 answers -
Очень простая задачка!
Вот есть форма с авторизацией.Там есть текстовое поле для пароля.И я хочу чтоб начальное значение у него было "Пароль" .Так вот когда делаю value='Пароль' ,то вместо этого у мя звёздочки.Как сделать ,чтоб были буквы?
0 votes13 answers -
Репитнуть элемент
Нужно сделать так, что бы див репитился до самого низа страницы. В CSS: #bkbg { background-image: url('img/bkbg.png'); background-repeat: repeat-y; width: 254px; height: 100%; } В HTML: <div id="bkbg"></div> Как делать подскажите!
0 votes13 answers -
смена картинок по onclick
Доброго времени суток. суть вопроса такова. Необходимо сделать категории для картинок в слайдере nivo. вот предположим, что это кнопки категорий. <div id=cont_main_menu> <div class =menu_item_1><center><a href=".html" class="off1" onMouseOver="this.className='on1'" onMouseOut="this.className='off1'">Категория 1</a></center></div> <div class =menu_item_2><center><a href=".html" class="off1" onMouseOver="this.className='on1'" onMouseOut="this.className='off1'">Категория 2</a></center></div> <div class =menu_item_3><center><a href="" class="off1" onMouseOver="this.className='on1'"…
0 votes13 answers -
Различное поведение при скруглении углов.
Здравствуйте, есть код: .test { border: 5px solid #123; overflow: hidden; background: #555; width: 100px; height: 100px; border-radius: 20px; } .test-inner { overflow: hidden; background: #621; width: 55px; height: 55px; } <div class="test"> <div class="test-inner"></div> </div> Результат: FF4 и IE9 все хорошо в Opera и Chrome вылез угол Возможно ли исправить проблему в Opera и Chrome? P.S. Вариант со скруглением внутреннего блока не подходит.
0 votes13 answers -
Проблмы верстки
Вобщем проблема в следующем: Делаю резиновый макет, использую float для выравнивания слоёв, но в IE6 между слоями есть маленький отступ (3-5px), который никак не удаётся удалить, есть ли какое-нибудь решение средствами css?
0 votes13 answers -
Под какой размер монитора верстать.
Добрый день! Хочу знать мнение профессионалов: Верстать под 1024 х 768, или же можно уже под 1280 х 1024 и не париться? Кто как считает.
0 votes13 answers -
Макет для сайта
Как сделать вот такой дизайн. Вот такого плана.
0 votes13 answers -
не центруется фон
Доброго времени... По урокам Попова, нарисовал и сверстал сей продукт. У меня монитор "24 поэтому по краям добавлен градиент, и далее просто цвет фона. Сначала hader прилип к левому краю, добавил в style.css background-position:center; на локале сработало, а на хосте нет, потом добавил для футера тоже самое, и вдруг наместо встал header, но футер так и остался у левого края. Что я проглядел?
0 votes13 answers -
помогите с версткой под IE7
Уже поседел... Но так и не понял, почему форма едет в IE7 http://test1.let-site.ru/order.html Видимо ум за разум зашел Ненавижу формы верстать
0 votes13 answers -
онлайн все испортил
Подскажите пожалуйста. Я сделал страничку с помощью дивов и таблиц и добился чтобы во всех браузерах все отображалось одинаково. Но когда я залил станичку на бесплатный хостинг(не знаю можно или нет писать тут какой) со всеми прилегающими файлами, все перекосилось стали появляться отступы в неожиданных местах и тд. Из-за чего так? Напомню: оффлайн все ровно и красиво.
0 votes13 answers