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
-
рисунок не прижимается вправо
вставляю рисунок так: <div class='rightim'><img class='face' src='images/1.jpg'></div> стили прописаны так: img.face {border-width:0px; border-color:#3300cc; border-style:solid; display: block;} div.rightim {text-align:right; vertical-align:top; margin:0px; padding:0px;} но рисунок располагается по центру, а не справа
0 votes1 answer -
Вопрос
Народ кто нибудь знает, можно ли сделать так что-бы блок div имел рамку, которую можно было бы растягивать курсором? или видел ли такое кто нибудь?
0 votes4 answers -
max-width для 6IE
есть блок с _width:1000px = min-width:1000px только для IE как задать этому блоку max-width? только для 6 IE ?
0 votes5 answers -
svg и Firefox
Здравствуйте. Делаю сайт для одной компании, решил поэксперемнитировать и сделать круглые уголки на svg и vml. Вроде бы все хорошо, если бы не одно. Когда верстал на локальной машине в firefox'е все отображалось замечательно, как только перенес на сервер firefox перестал отображать svg-элементы и требует установить плагин. В общем, почему так происходит и как быть? Заранее спасибо. PS Посмотреть можно тут.
0 votes2 answers -
Не работает внешний CSS
Сервак Денвер 3. ОС - Windows 7. Когда прописываю стиль непосредственно на странице всё нормально, а внешняя таблица не работает. Я в CSS абсолютно не разбираюсь, но чтобы разобраться необходимо что-бы он хотя бы как то работал. Помогите плиз. Вот упрощённый код страницы и таблицы стилей. Страница: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel=”stylesheet” type=”text/css” href=”http://bookinist.b13.su/html/w.css”> </head> <body> <p>lkdfjglsd</p> </body> </html> Таблица: body {background-color: red;} p{color: green;}
0 votes3 answers -
как разместить 3 дива горизонтально
Всем привет! как разместить 3 дива горизонтально без float!
0 votes8 answers -
Проблема отображения select в IE
Всем привет. проблема с отображением тега select со своим дизайном. Помогите разобраться как использовать свой дизайн для блока select Вот HTML код: <div><select><option>65x44x16,5</option></select></div>CSS код: div { width:134px; height:25px; background:url(../images/select4.jpg); display:inline-block; z-index:1;}div select { border-radius: 0; background: transparent;; padding: 3px; border: 0; font-size: 14px; line-height: 1; -webkit-appearance: none; cursor:pointer; width:134px; height:25px; z-index:0;}Вот как отображается в Yandex бразуер: Как отображается в IE:
0 votes3 answers -
Верстка div-ми - баги в Opera 11 и IE 9
Уважаемые форумчане, прошу вашего совета и помощи. Сам не волшебник, а только учусь и ничего не могу поделать, сколько не ковырялся в сети. Делаю форму поиска, в которой есть несколько текстовых полей, форм select и радиокнопки. Нужно чтобы в 1 ряд размещалось несколько элементов. Заключил всё в div'ы, в style.css указал для некоторых элементов float:left и обрадовался - в FF всё получилось как нужно, но когда открыл Оперу и IE 9 увидел тихий ужас особенно в IE, а поскольку, к сожалению IE - один из самых популярных браузеров приходится с ним считаться. Итак, три проблемы: 1) В разных браузерах по-разному располагаются блоки 2) Надпись "Евро" не влазит и переносится на др…
0 votes3 answers -
Верстка под ие6.
Оцените оригинальный способ. Пользователи столь старых браузеров, скорее всего, имеют низкую скорость и не гонятся за прогрессом. В ином случае, они обновили бы свой браузер. Еще один вариант-у них старая ос. Тогда поддержка новых технологий для них тоже не важна. Тогда для них можно создавать простые, особенные страницы. К примеру: фиксированый макет с 2-мя колонками. Реализовать можно вставив такой кусок в обычную страницу: <!--[if ie 6] <meta http-equip="refresh" content="время до перезагрузки; url=страница для ие6"> <! [endif]--> Код корявый, но принцип, надеюсь, вам ясен. Надеюсь услышать ваши мнения про это.
0 votes8 answers -
В каких браузерах тестировать верстку
Воспользовался статьей с Хабрхабр Браузерный зоопарк для того что бы установить 6,7,8 версии IE на свой ноутбук. Но возник вопрос относительно Opera и Firefoх, статье с Хабрхабр уже год, какие версии этих браузеров использовать для верстки на сегодняшний день? В каких браузерах тестируете верстку вы?
0 votes4 answers -
Спидбар - что это такое?
Сейчас занимаюсь тем, что пытаюсь "набить руку" на бесплатных макетах. В описании одного из них встретил название спидбар. Подскажите - это что такое?
0 votes4 answers -
Не могу побороть vertical-align
Привет, верстальщики! Не могу вкурить свойство vertical-align. Вот сайт http://elektroshocker-pochtoi.ru на нем вот так клеточки: Как выровнять название по центру клетки? Делал так (не работает): .view-frontkat .views-field-title { background: url("../images/color-schemes/blue_block_bg.gif") repeat-x scroll left top #34537E; border-radius: 3px 3px 0 0; height: 66px; } .view-frontkat .views-field-title .field-content { vertical-align: middle; /*как заставить это работать?*/ }.
0 votes10 answers -
Вертикальное выравнивание div в процентах от родителя. Нужна помощь.
Здравствуйте! Хочу вертикально выравнить таблицу (это может быть что то другое). Хочу это сделать таким образом. Сперва смещаю div на 50% вниз от body, затем поднимаю div на -50% от контента вверх и всё должно встать по центру и соответственно тянуться. По факту div дочка c контентом-таблицей берет -50% от body, а не от содержимого дива родителя. Можно конечно забить данные в пикселях, но очень хочется понять как оно в процентах. Пунктирные рамки добавил для наглядности. Заранее спасибо! <head> <style> body { width:100%; height:100%; margin:0px; padding:0px; } .sample td { margin:0px; padding:0px; height…
0 votes3 answers -
Главная страница на пол экрана
Здравствуйте. Помогите разобраться. Главная страница сайта открывается на пол экрана.Сайт сверстал мой приятель,сейчас нет с ним связи. На моем маленьком экране ноута эта страница открывается нормально.Даже немного приходится прокрутить вниз.А вот на большом экране открывается на 2/3 экрана.Точнее она полностью показана но внизу только черная широкая полоса.Видимо она не подогнана под разные экраны.На телефоне она шире чем нужно. Подскажите что нужно исправить.Сайт залит на хост на тест.Вся директория у меня на компе. Заранее благодарю.
0 votes3 answers -
Ширина div в процентах, как сделать такую же высоту?
Здравствуйте, есть такая часть макета: https://yadi.sk/i/P61hKvSyeZaHs Хочется сделать ее адаптивной, поэтому делаю такую верстку: http://jsfiddle.net/pv6ektx0/ Но вот проблема в том, что нужно задать высоту блока без картинки такую же, как и его ширина, не подскажите как это сделать? если возможно, то желательно без JS, но это не критично.
0 votes10 answers -
Помогите найти способ решения
Добрый день. Необходимо сверстать подобный макет: Фон у боди - серый. Центральный блок - 930px; Фон у сайдбара - серый ( 640px). Фон контента - белый (290px). Далее, необходимо что бы от левого края страницы до блока с div.content был белый фон, высотой в div.content. Я решил сделать следующим образом: Создал третий блок ( left ), и через jquery меняю ширину и высоту этого блока при загрузке и изменении страницы. http://jsfiddle.net/dioooon/g4v3aL6t/ Но думаю, что есть решение проще. Помогите пожалуйста
0 votes15 answers -
attr для фона
Мне нужно путь к фоновой картинке передавать в атрибуте data. Я написал следующее <article data-i="i/1.png"></article>article{ background:url(attr(data-i url)) left top no-repeat;}Но эта конструкция не работает. Какова будет работающая конструкция? Вообще моя задача скрыть от поисковиков картинки в блоках без использования javascript. Поскольку их много, то пришла идея писать путь к картинке в каждом блоке внутри data и передавать её для отображения как фон. Можно, конечно, каждому блоку писать style="background:url() left top no-repeat;", но это не приемлемо. Так как поисковики понизят страницы в выдаче за такой приём. Если с attr не возможно этого добить…
0 votes7 answers -
Современный тренды верстки
Привет! Волею судеб я выпал из веб-разработки на 4 года. И теперь снова хочу вернуться к этому ремеслу. За это время утекло много воды. Активно развивается html5 и css3. Есть 2 вопроса, чтобы сориентироваться и быстрее встать в строй. 1. Раньше верстал, используя float, сейчас где-то прочитал, что это не кашерно и нужно использовать другие инструменты, например position. На самом деле, какие сейчас тренды в верстке страниц, есть ли какие-то предпочтения? 2. Использование различных библиотек и фремймворков, например Bootstrap? Надо ли их внедрять в работу? Я понимаю, что в нашем дуальном мире, мнений больше, чем два, но все же... …
0 votes5 answers -
растягивание div'а по высоте
Здравствуйте всем, на страничке нужно сделать "модальное" окно. Для перекрытия всего контента использую div с абсолютным позиционированием и прозрачным фоновым рисунком. Проблема в том, что если контент по высоте превышает высоту браузера, то перекрывающий слой располагается только по высоте браузера. В IE проблему решил через expression, а вот в опере проблему решить никак не удалось. Как можно разрулить эту ситуацию? P.S. краткий код CSS html, body { width:100%;height:100%; } #disabler { position:absolute; z-index:200; top:0; left:0; width:100%; height:100%; ... }
0 votes4 answers -
как подключить IE PNG Alpha Fix
отсюда http://vengard/iepngfix/iepngfix.html
0 votes6 answers -
Проблема с отображением сайта
Доброго времени суток. Подскажите пожалуйста, почему такое происходит. Страница сайта загружается не сначала, а с небольшим скролингом, примерно пикселов 20-30. И поэтому шапку сайта видно не полностью, верхняя часть шапки скрывается за верхней границей окна браузера. Может я чего туплю? Но уже несколько дней ломаю голову.. Временно прописал <body onload='window.scroll(0,0)'>, но ведь это не правильно..
0 votes6 answers -
наложение фонов
помогите пожалуйста решить проблему с наложением двух фонов. вот на этой страничке http://digitaltv.saransk.ru/webtv22.html при уменьшении высоты окна нижний фон перекрывает верхний. а хотелось бы чтобы было наоборот - верхний перекрывал нижний. пробовал в блоки #footer и BODY добавлять z-index-ы. не помогает. заранее спасибо за ответы.
0 votes4 answers -
Вопрос по расположению тегов <div> на странице
Разбираю шаблон страницы, не могу понять почему все div по центру? нигде вроде это не установлено а по умолчанию должны быть слева. http://i17.fastpic.ru/big/2011/0314/99/6688d57ee5b557d67a6cad73cb269399.jpg
0 votes2 answers -
Первая колонка таблицы "едет" в IE
Первая колонка во всех браузерах узкая с маленькими буквами, а в IE нет. Сверил со справочником, все стили в IE должны работать. <style> #plan td { width: 32px; background-image: none; background-repeat: no-repeat; height: 32px; border: 1px; border-style: solid; border-color: black; vertical-align: top; } #plan tbody td:first-child { width: 5px; background-image: none; border: none; font-size: 6pt; text-align: center; padding-top: 10px; } #plan thead td:first-child { width: 5px; background-image: none; border: none; font-size: 12pt; } #plan { background-image: none; float: left; BORDER-COLLAPSE:collapse; cellpadding: 0; cellspacing: 0; } #plan a{ position: absolu…
0 votes9 answers -
Не могу понять.
Добрый вечер! Вроде всё просто, но я не могу понять действительные минусы от прописывания цветов как #fff, вместо #ffffff или #f00, вместо #ff0000. Вижу только один плюс, экономия 3 знаков с каждого цвета. Подскажите пожалуйста, чем это чревато? Спасибо...
0 votes19 answers