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
-
Не отображает картинки в ксс
Здраствуйте решил перейти от теории к практике, хочю сверстать макет Раира, который есть в примерах длЯ верстки. Для меня это не первая верстка, были ещё две, которые удачно завершил. но это были мои макеты, которые я создавал оринтируясь на свои возможности в верстке. Проблема вот в чем : только начал верстать : порезал картинки, и начал делать шапку. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>раира</title> <link rel="styleshee…
0 votes9 answers -
Дайте пинок :)
Добрый день! Запутался я Небольшая предыстория. Начну с того, что изучил HTML и CSS в центре "Специалист", после окончания многое осталось непонятным. Стал потрошить Яшу в поисках статей, уроков и т.д, В общем хотел заполнить пробелы которые остались после курсов. Все это дело потребовало 2х месяцев. Далее я решил пойти на курсы JS, они шли 4 дня, стоили 7т. руб. Уже со второго занятия я вообще не понимал о чем толкует преподаватель. В итоге пожалел что вообще на них записался, ибо вся информация есть в сети. Но собирать её по крупицам занимает много времени. Я пытался изучать php,js,mysql в сети, в итоге в голове полная "каша" и толком то я ничего из этого не знаю. Ну…
0 votes4 answers -
Верстка под ие6.
Оцените оригинальный способ. Пользователи столь старых браузеров, скорее всего, имеют низкую скорость и не гонятся за прогрессом. В ином случае, они обновили бы свой браузер. Еще один вариант-у них старая ос. Тогда поддержка новых технологий для них тоже не важна. Тогда для них можно создавать простые, особенные страницы. К примеру: фиксированый макет с 2-мя колонками. Реализовать можно вставив такой кусок в обычную страницу: <!--[if ie 6] <meta http-equip="refresh" content="время до перезагрузки; url=страница для ие6"> <! [endif]--> Код корявый, но принцип, надеюсь, вам ясен. Надеюсь услышать ваши мнения про это.
0 votes8 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 -
Запись числа в текстовой файл
Добрый день. Уменя в коде HTML есть такой фрагмент: <map name="Map" id="Map"> <area shape="rect" coords="12,257,37,290" href="#2956584" "window.open('Okno_Vikluchatela.html','newin','Toolbar=0,Location=0,Directories=0, status=0, menubar=0, scrollbars=0, resizable=0, copyhistory=1, width=800, height=600')" /> <area shape="rect" coords="131,259,157,293" href="#1" "window.open('okno_razmikatela.html','newin','Toolbar=0,Location=0,Directories=0, status=0, menubar=0, scrollbars=0, resizable=0, copyhistory=1, width=800, height=600')" /> <area shape="rect" coords="248,256,270,293" href="#231" "window.open('Okno_Vikluchatela.html','newin','Toolbar=0,Loc…
0 votes9 answers -
Ширина div в процентах, как сделать такую же высоту?
Здравствуйте, есть такая часть макета: https://yadi.sk/i/P61hKvSyeZaHs Хочется сделать ее адаптивной, поэтому делаю такую верстку: http://jsfiddle.net/pv6ektx0/ Но вот проблема в том, что нужно задать высоту блока без картинки такую же, как и его ширина, не подскажите как это сделать? если возможно, то желательно без JS, но это не критично.
0 votes10 answers -
Адаптивный дизайн в ИЕ8
Скажите пожалуйста, как можно заставить старые ИЕ понимать html5 и CSS3. Проверил сайт в ИЕ8 - такое чувство что он всё что в media просто пропустил. Я уже молчу о тенях и округлостях всяких, хотя бы общий вид макета сохранить.
0 votes13 answers -
Помогите найти способ решения
Добрый день. Необходимо сверстать подобный макет: Фон у боди - серый. Центральный блок - 930px; Фон у сайдбара - серый ( 640px). Фон контента - белый (290px). Далее, необходимо что бы от левого края страницы до блока с div.content был белый фон, высотой в div.content. Я решил сделать следующим образом: Создал третий блок ( left ), и через jquery меняю ширину и высоту этого блока при загрузке и изменении страницы. http://jsfiddle.net/dioooon/g4v3aL6t/ Но думаю, что есть решение проще. Помогите пожалуйста
0 votes15 answers -
Html не может добраться до ресурсов, где CSS файлы и картинки
Здравствуйте. Моя проблема состоит в том, что изначально созданы папки css, img с соответствующими файлами и отдельно image.hml. Но когда .html файлов стало несколько, создав для этого папку и переместив в неё эти файлы , они вдруг перестали видеть .css. Помогите нубу, я только изучаю и мне стыдно.
0 votes4 answers -
2 колоночный "резиновый"макет с параметром width-min
Здраствуйте Подскажите какие есть способы создания 2 колоночного "резинового" макета с параметром width-min те первая колонка была фиксированой а вторая (правая) могла сжиматься до определенного значения указаного в width-min. если размер меньше width-min то появляется скрол (у меня сейчас макет сыпится ;-(( ) спасибо всем кто ответит!!!
0 votes1 answer -
Дополнительное окно
Всем добрый день!!! А подскажите пожалуйста, когда я делаю так текст текущей ссылки текст ссылки 1, что нужно добавлять, чтобы ссылка открывалась в дополнительном окне? А то target="_blank" не работает
0 votes3 answers -
рисунок не прижимается вправо
вставляю рисунок так: <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 -
Не тянется блок с картинкой
Подскажите плиз, забыл как побороть это, объянсяю: Есть див, в нем выводится контент, таблица из двух столбцев, в первом текст, во втором картинка: #content { width: 995px; margin: 0 auto; display: block; } проблема в том если вставлять картинку по высоте больше чем текста, то картинка залазит на футер, а див не растягивается вместе с картинкой!
0 votes3 answers -
Вопрос
Народ кто нибудь знает, можно ли сделать так что-бы блок div имел рамку, которую можно было бы растягивать курсором? или видел ли такое кто нибудь?
0 votes4 answers -
svg и Firefox
Здравствуйте. Делаю сайт для одной компании, решил поэксперемнитировать и сделать круглые уголки на svg и vml. Вроде бы все хорошо, если бы не одно. Когда верстал на локальной машине в firefox'е все отображалось замечательно, как только перенес на сервер firefox перестал отображать svg-элементы и требует установить плагин. В общем, почему так происходит и как быть? Заранее спасибо. PS Посмотреть можно тут.
0 votes2 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 -
наложение фонов
помогите пожалуйста решить проблему с наложением двух фонов. вот на этой страничке http://digitaltv.saransk.ru/webtv22.html при уменьшении высоты окна нижний фон перекрывает верхний. а хотелось бы чтобы было наоборот - верхний перекрывал нижний. пробовал в блоки #footer и BODY добавлять z-index-ы. не помогает. заранее спасибо за ответы.
0 votes4 answers -
не получается выровнять кнопку с формой
Прошу подсказать, где я ошибаюсь. Верстаю страницу, в нижней части не могу выровнять форму ввода текста и кнопку. По дизайну они должны быть рядом и ровняться по нижнему краю. Пример можно посмотреть тут: http://web.me.com/igorwrd/temp/
0 votes5 answers -
В каких браузерах тестировать верстку
Воспользовался статьей с Хабрхабр Браузерный зоопарк для того что бы установить 6,7,8 версии IE на свой ноутбук. Но возник вопрос относительно Opera и Firefoх, статье с Хабрхабр уже год, какие версии этих браузеров использовать для верстки на сегодняшний день? В каких браузерах тестируете верстку вы?
0 votes4 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 -
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 -
Макет
Добрый день я вот только осваиваю верстку, начал делать данный макет и меня интересует левый блок там где чемоданчик и вертикальный текс, я его выровнял падингом и центровал line-height ом (сам левый блок"Белый" и правый "Blow" сделал флексом) Какие методы более правильные в данной задаче
0 votes6 answers -
colgroup align работает в IE, но не в FF
<colgroup span="4" align="center" valign="middle"> <col width="150"> <col width="*"> <col> <col> </colgroup> почему-то IE выравнивает текст внутри ячеек как надо, а FF всё делает по левому краю (отказывается понимать). как исправить?
0 votes3 answers