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
-
2 дива прижать к третьему который ниже
есть два дива, один имеет фиксированую высоту, а другой плавающюю, в зависимости от контента, как мне сделать так что бы второй который имеет фиксированую ширину имел нижнюю границу свою на одной линии с дивом который меняет свою высоту вот пример. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Слои по горизонтали</title> <style type="text/css"> body{ min-width: 400px; } #layer1 { background-color: #fc0; /* Цвет фона слоя */ border: 1px solid #000; /* Параметры рамки вокруг */ padding: 5px…
0 votes4 answers -
Проблема с иконкой в строке адреса
Я хочу добавить иконку в строку адреса. Создаю файл favicon.ico, помещаю его в корневой каталог сайта, в файле пишу: В результате в Мозилле и Опере отображает, в ИЕ- нет. Смотрю в код сайтов, в которых все нормально отображает: у них либо прописано так, либо вообще ничего в коде не прописано. Тем не менее, у них отображает везде. Так почему у меня не отображает, если я делаю так же? Есть какие-то идеи?
0 votes8 answers -
default для всех свойствкласса
приветствую. скажите, плиз, если свойство в css которое, в свою очередь, отменяет все наследуемые параметры в дефолт? к примеру имееться такая структура ... <div class="holder"> ... <div class="holder"> ... etc... ... </div> ... </div> смотреть и ручками обнулять наследуемые свойства как-то слишком... может есть что-то более радикальное?
0 votes3 answers -
Не работает min-height : 100% в FF
Добрый день Вот пример сайта http://www.ulskiy.org.ua/example/ У наружного блока .contentbody и у елемента body задано свойство min-height : 100%; Если открыть его на мониторе с разрешением 1280 на 1024 в броузере Firefox, то будет видно, что это свойство не работает. Подскажите пожалуйста как решить эту проблему
0 votes5 answers -
margin-top и margin-bottom
Вопрос явно простой, искал ответ во всей сети - ненашел, Есть таблица с двумя строками и двумя рядами: верхняя строка - одна ячейка (colspan="2"), нижняя строка состоит из двух ячеек. В верхней строке-ячейке лежит jpeg, в правой-нижней ячейке - текст, а в левой-нижней с помощью div'а размещается gif: <html> <head> <title>test margin</title> </head> <body> <table align="center" bgcolor="#d7d7d8" border="1"> <tr> <td colspan="2"> <div style="margin-top:0px;"> <img src="" width="200" height="100"> </div> </td> </tr> <tr> <td> <div style="margin-top:0px;"> &l…
0 votes6 answers -
Растягивание DIV
Есть два блока внутри одного, как сделать чтобы они не вылезали за пределы внешнего блока , при их растягивании. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML><HEAD> <TITLE></TITLE> <style type="text/css"> #main-menu { background:RED; height: 35px; } #content { border: 1px solid blue; padding-bottom:10px; } #main-sec1{ float:left; margin:5px; width:250px; border: 1px dotted black; } #main-sec2{ margin-top: 5px; margin-left: 265px; width:670px; border: 1px dotted black; } #main-bottom{ height: 52px; background: GREEN; } </style> </HEAD> <BODY> <di…
0 votes11 answers -
почему код примера с htmlbook не валиден?
Всем привет. Вопрос касается данного доктайпа: quot;-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">. Объясните или дайте ссылку где доходчиво написано как нужно писать код, чтобы с данным доктайпом он был валиден. В качестве примера можно рассмотреть код с http://www.htmlbook.ru/html/form.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег FORM</title> </head> <body> <form action="/cgi-bin/handler.cgi"> <b>Как по вашему мнению расшифровывается абб…
0 votes8 answers -
Рамка из картинок вокруг контента на слоях
Всем доброго дня! Переделываю верстку одного сайта с таблиц на слои. В общем-то, все уже есть, кроме главного. Весь основной контент помещался в рамочку из 8 картинок. Угловые просто картинки, а горизонтальные и вертикальные тянущимся фоном. Вот на слоях пока не получается это сделать. Пример того, что есть сейчас (только рамка) вот тут: http://www.elfworld.ru/eryn/design/hibernia/content.htm Стили прямо там что бы проще и нагляднее. Верхняя и нижняя линия вроде бы везде хорошо. А вот с центром (3 слоя в общем слое content_main) проблема. Высоты контента я не знаю. Центр в красной рамке. Нужно что бы фон в слое слева и справа от слоя контента тянулся, его же вообще нет. К…
0 votes9 answers -
Ширина Option vc IE
приветствую. такой трабл.. есть select с фиксированной шириной любой браузер содержащиеся в нем оптионы растянет на ширину текста. конешно же кроме IE. таблетку против ИЕ6 нашел: <style> behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0); </style> но в ИЕ7 оно уже несрабатывает ((( у когото есть соображения?!
0 votes5 answers -
Фамилии по 1-й букве в <Select>
Гоню список фамилий из базы в тэг (на пхп). Сортировка списка не алфавитная. Проблема: по набору буквы не подтягивается фамилия на эту букву. Локально стоит Денвер. Все нормально работает. При наборе первой буквы в селекте подтягивается первая по порядку фамилия на эту букву. Второй раз жму букву, подтягивается следующая фамилия на эту букву. На хосте через инет когда как бывает. Иногда работает. Иногда нет. Не пойму логики. Самый тупой вариант решения, это переписать все такие селекты с предварительной сортировкой списка по алфавиту. Не знаю пока поможет ли это. Но почему локально работает? Пхп + майскл. Кодировка базы utf-8.
0 votes5 answers -
проблема с фоном
постановка задачи следующая: есть такой макет. необходимо реализовать для доктайпа quot;-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> чтобы div.one и div.two растягивались на всю высоту окна браузера. Буду благодарен за любую идею по реализации. Совершенно не имеет различия таблицами или дивами. Главное, чтобы работало.
0 votes18 answers -
Установить ширину блока по ширине содержимого.
В спецификации CSS про свойство width написана интересная штука (http://www.htmlbook.ru/css/width.html) Если я вставляю в сайт с резиновой версткой одну картинку большой ширины, то появляется горизонтальный скроллер, но угловые элементы, по прежнему стоят у края окна броузера. Подскажите, можно ли сделать так, чтобы граница блока определялась границей контента ? Пример сайта вот здесь http://ulskiy.org.ua/example/
0 votes6 answers -
Как убрать в IE вертикальный отступ между блочными элементами?
Давно заметил, что IE по непонятным принципам созда?т вертикальные отступы между блочными элементами. Будь то две расположенные друг над другом таблицы, будь то два слоя, или таблица со слоем... вылезает отступ. В других браузерах этой проблемы нет. Кто в курсе, как это лечится? вот пример такой проблемы:http://walkspb.ru/hotels/rossiya.html Здесь между "карнизом" и основным полем страницы получается разрыв, хорошо заметный по сдвигу градиента.
0 votes6 answers -
Установить базу для ссылок внутри css
Возможно ли в обьявлении вида: <link rel="stylesheet" type="text/css" href="test.css"> указать атрибут, чтобы все ссылки находящиеся внутри данного файла имели указанную базу.
0 votes5 answers -
Наследование стилей.
:/ Не могу уменьшить размер картинок с помощью CSS. Интересно, почему??? :| <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>EXPERIMENT</title> <style type="text/css"> #pictures { position: absolute; left: 122px; top: 169px; height: 1px; width: 1px; border; 0px} </style> </head> <body> <div id="pictures"><img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""> <img src="pic.gif" alt=""></div> </body> </html>
0 votes5 answers -
выстроить иллюстрации по ширине экрана
Голова кругом, а работающего решения нет: Статья оформлена картинками(рисунки,схемы, фотографии). Все картинки имеют подпись(иногда одна подпись на несколько картинок), выравненную по центру изображения. Каритнки текстом не оптекаются. ЗАДАЧА: если подряд идут несколько иллюстраций, блоки (картинка-подпись) должны выстраиваться в линию и, если возможно, центроваться по доступной ширине экрана.
0 votes4 answers -
Классическая проблема с ИЕ 6
Точнее с правой колонкою подаю код * { margin: 0px; padding: 0px; } ul {list-style: none;} body { font-size: 12px; margin: 0px; text-align: center; background: #CFCFCF url(img/bg.png) repeat-x; color: #000000; font-family: Arial, Helvetica, sans-serif; } /*************************************************** *********************** Container ************** *****************************************************/ #container { float: left; width: 100%; overflow: hidden; background: none; color: #333; } /*************************************************** *********************** Left Sidebar Container ******* *****************************************************/ #left…
0 votes7 answers -
проблема с формированием таблицы при загрузке в IE
Сверстал свой первий сайт но вот проблема, при загрузке страницы в IE таблица растягивается не на сто процентов как указано, а на 10-15px меньше. После нажатия refresh вс? в порядке так же Opera отоброжает с самого начала вс? правильно. Очень прошу о помощи ! Простите за ужасный код страничку делал в первый раз <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>A Design</title> <style type="text/css"> div { font-family: font-family: Verdana, sans-serif; font-style:normal; font-size: 16px; font-weight: ligh} A { text…
0 votes2 answers -
Проблема то ли с фреймами, то ли с явой
Main page Main page Our city Minsk Church history Church history Pastor Church building Church building photo Camp Camp Camp photo Camp movie
0 votes3 answers -
резиновость с относительной шириной
Суть вопроса весьма странна. Есть двух колоночный шаблон с шапкой и футером прибитым к низу окна. Причем и шапка и футер тянутся в ширь. Но вопрос не в этом. Одна и колонок это меню и имеет постоянную ширину. А вторая колонка должна тянуться, но при этом вертикально центрирована в оставшейся справа свободной части экрана. Короче ее ширина должна составлять около 80% от свободной области справа. Проблема в том что в разных броузерах по разному понимаются некоторые приемы реализации данного изврата дизайнера. Может подскажите хотя бы по какой дороге идти чтоб найти решение. P.S. нужно чтоб все это было чисто в дивах. соббственно сам код страницы <!DOCTYPE html PUBLIC "-…
0 votes1 answer -
ПРОБЛЕМА С ОТОБРОЖЕНИЕ КАРТИНКИ В Explore're
Всем доброго времени суток!!!!! У меня вот какая проблема есть сайт www.donchanka.ru надо в шапку вставить картинку девушки, я ее вставил но ее видно только в Опере и мозиле а вот в эксплорее не видно что это может быть, помогите плиз :|
0 votes4 answers -
Начинающий: Прокрутка всей страницы
При создании страницы использовал фреймы - вверху для шапки, слева для меню и основной. Проблема в том что полоса прокрутки появляется только у основного блока. Хотелось бы что б была одна общая для всей страницы. Возможно ли это при использовании фреймов. Спасибо.
0 votes1 answer -
Высота всей страницы - всегда 100%. Как?
Здравствуйте. Задача: Первый и последний имеют фиксированную высоту, например, по 100 точек. Третий же должен растягиваться по всей высоте, независимо от содержимого. При этом, если содержимого много то в нем должна появляться полоса прокрутки. Таким образом, высота страницы всегда остается 100%, а титул и подвал всегда видны. Помогите, пожалуйста, с решением.
0 votes5 answers -
Разная длина линии в браузерах Опера и ФФ
1.Я столкнулся с проблемой когда одна линия фиксированной длинны в Опере и ФФ отображаеться с разным размером по длинне (мой сайт, меню справа, над надписью "Меню сайта" синяя линия). Эту проблему можно как-то решить? 2.Я скачал и вставил скрипт на "жизнь сайта в сети" но что-то с ним не то, в Опера отброжаеться нормально, а вот в ФФ не та дата отброжаеться и нету отступа от меню сайта. Помогите пожалуйста!.. vermiculit.com.ua/test
0 votes3 answers -
Ошибка в верстке
Ребята, подскажите где может быть трабл? Вот ссылка, видите в Центре в комментарии к новости bbcodes не по горизонтали, а по вертикали, как это исправить: http://bezumno.atmosfera.kz/2007/10/06/post1.html Вот css: html, body { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; margin: 0px; padding: 0px; background-color: #3e6872; } table { table-layout: fixed; } p, td, div, span { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #153d47; } form { margin: 0px; padding: 0px; } input { font-size: 11px; } a { text-decoration: none; color: #153d47; } a:hover { text-decoration: un…
0 votes5 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-