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
-
Помогите плиз с min-height 100% и двумя div'ами
Приветствую всех! Помогите плиз. Нужно сделать блок фиксированной ширины с двумя изображениями по бокам(два бордера с тенями), тянущиеся до самого низа. Первый div с min-height 100% и фоновое изображение левого бордера, в него вложен еще один div тоже с min-height 100% и с изображением правого бордера. Так вот, первый бордер(который левый) отображается хорошо и тянется до самого подвала сайта, а вот второй вложенный div с правым бордером хоть убейся, но не тянется до подвала, а только равен высоте контента. Уже весь день мучаюсь, ничего не получается с ним сделать. HTML код: <div id="leftborder"> <div id="rightborder"> <div id="content"> Content: S…
0 votes5 answers -
форма и 2 кнопки
как реализовать, чтоб при нажатии одной был переход на одну страницу, а при нажатии другой возвращался на эту же?
0 votes6 answers -
Отцентровать содержимое по центру страницы (по высоте)
В итоге нужна небольшая таблица точно по середине окна браузера. Делаю так: <!В ТЕГ HEAD ПОМЕСТИТЬ СЛЕДУЮЩЕЕ:> <style type="text/css"> .backbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } </style> <body> <div class="backbox"> <table height="100%" align='center'> <tr> <td> — Page content — </td> </tr> </table> </div> </body> Да вот в IE таблица (Page content) прилипает к верху окна браузера. Пытался просчитать высоту скриптом, не получается. Помогите! P.S. Еще интересно, чем плохо удалить "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML …
0 votes4 answers -
столбцы из li или div
Образовалась следующая проблема: две лишки или два дива, float:left +для li display:inline, в первом - картинка, во втором - текст, находятся в родителе (на странице используются как вариант с резиновым родителем, так и с фиксированной шириной - в боковой панели). При переполнении блока с текстом содержимым более, чем "ширина родителя минус картинка" - второй блок выводится ниже первого в 100% ширины родителя. При том ИЕ7 и ИЕ6 блок не переносят (что мне и нужно). <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <t…
0 votes7 answers -
Помогите разобраться с кодом!
<html> <style> .rtop, .rbottom{ display:block border: 1px solid black; } .rtop *, .rbottom *{ display: block; height: 1px; overflow: hidden; background:red; } .r1{ margin: 0 5px } .r2{ margin: 0 3px } .r3{ margin: 0 2px } .r4{ margin: 0 1px; height: 2px} </style> <div id="container"> <b class="rtop"> <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b> </b> <div style='background:red;'>yyyyy </div> <b class="rbottom"> <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b&…
0 votes11 answers -
Неполадки с оглавлением
Вот есть у меня слева на странице, 2 ссылки, со значком салатовыми. Возле каждого значка написан текст который ссылается на другой фрейм, ну это я сделал уже. Проблемма вот в чём, у меня в стилях, в файле style1237.css, заданн класс menu, для ссылок. Я хочу применить класс меню к файлу menu.html Вроде применение происходит, но после наведении мышки на одну из строк и при её нажатии к примеру к строке: Переход к карте изображения расположенной в плавающем фрейме происходит не такое же самое отображение, как при наведении и нажатии на ссылку, под названием: [b]Перейти вниз[/b] Как сделать чтоб было такое же самое как и пр инаведении и нажатии на текст Перейти вниз Чтоб…
0 votes5 answers -
Непобедимый IE 8
Доброго времени суток, форумчане. В CSS да и HTML я далеко не профи, но вот взялся помочь знакомому вставить свою картинку в шапку сайта. Картинка у нас добротная, габаритная: 1270x200 px. Цель сделать так, чтобы на небольших мониторах картинка пропорционально сжималась до размеров экрана, исключая боковой скрол. Сперва попробовал сделать картинку в виде фона в таблице (background) в таком разе картинка просто обрезалась. Вертикального скролла конечно не было. но все же не то... Тогда написал вот такой код: В итоге, в Firefox ; Chrome ; Opera отображают все как надо, а вот IE 8 выкрутасы показывает, упорно угоняет картинку за пределы экрана, отображая ее в полный размер.…
0 votes7 answers -
Flash меню и jQuery
Здравствуйте! Такая у меня проблема. Есть меню сделано во Flash, как мне сделать что бы при нажатии на кнопку меню выполнялся скрипт в html а именно
0 votes5 answers -
Выделение данных в таблице.
Здравствуйте. Подскажите пожалуйста, возможно ли изменить направление выделения данных в таблице из построчного в выделение данных по колонкам (как, например, в таблицах Word)? Это нужно для того, чтобы иметь возможность скопировать текст, находящийся в колонках таблицы и последующей работы с ним.
0 votes3 answers -
Высота таблицы
Собственно подскажите решение проблемы, знаю что она насущная, но так толкового решения и не нашел. Опишу: Черная таблица растягивается по высоте в зависимости от контента. Нужно сделать так чтобы, при увеличении высоты зеленой таблицы (в зависимости от количества текста) еще и синяя таблица растягивалась до самого конца. И наоборот. В зависимости от растягивания синей таблицы, растягивалась и зеленая таблица. Красная и оранжевая таблица имеют фиксированную высоту в пикселях.
0 votes6 answers -
Нада выровнять абзац
Привет всем.Столкнулся с такой проблемой . Есть несколько абзацев ,внутри каждого картинка и текст. в свою очередь абзацы находятся в диве. Мне нужно чтоб абзацы нормально шли один за другим и нормально отображались. Везде это получилось кроме ИЕ6 . в ИЕ6 картинка не попадает в абзац. Вот пример. Как это можно исправить ? зы если надо выложу код и сюда.
0 votes4 answers -
Div в joomla
Доброго времени суток. Подскажите пожалуйста, как с готового меню, сделать так чтоб ее понимала ждумла, через код php? Меню с тенью и закругленными углами. <div class="first"><div class="last"> первый и последний ДИВ с закруглениями. Те что между ними, включая верхние и нижние - пункты меню, которые джумла должна выводить сама а не заполнять вручную. Общем, как-то модуль <jdoc include type modules...> должен в данном случае, быть написан php кодом. ПОдскажите пожалуйста! <div id="goriz"> <div class="first"><a href="#">TEXT</a></div> <div><a href="#">TEXT</a></div> <div><a href="#…
0 votes6 answers -
идентификатор "перекрывает" класс..
Столкнулся с такой проблемой <div id = "main_menu"> <li><a href = "#">22222222</a></li> <li><a href = "#">22222222</a></li> <div class = "sub_menu"> <li><a href = "#">111111111</a></li> <li><a href = "#">111111111</a></li> </div> </div> Как бы поподробней изложить суть... присваиваю например красный цвет идентификатору main_menu а классу sub_menu синий, в итоге цвет у всех ссылок красный. Не могу понять в чем проблема, уже 3 часа голову ломаю. Спасибо.
0 votes5 answers -
Как залить фон градиентом?
Здравствуйте! Я начинающий верстальщик. Столкнулась с такой проблемкой. Есть полосочка - градиент, для фона. Размер 1500Х1. Градиент заливается, но он не растягивается на всю высоту, то есть если не уменьшать масштаб, все отлично, а когда уменьшаешь, то градиент как обрывается. Repeat делать смысла нет, как я поняла... Помогите пожалуйста. Есть ли выход из этой ситуации??
0 votes12 answers -
Не убиарется отступ от рамки до бордюра фрейма
Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё перепробовал.Вначале файл индекс запустить нужно. Там, всередине документа, находится плавающий фрейм. Как можно избавится от проблеммы, с отступом от голубой рамки до рамки бордюра, чтоб убрать эту пустоту, чтоб голубая рамка была впритык к бордюру плавающего фрейма? Проект в архиве http://www.sharemania.ru/0192600. Не вылаживаю здесь так как код будет длинноватый, загвоздка толкьо в той проблемме, описанной выше.
0 votes12 answers -
Рамка для формы поиска
<!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>Untitled Document</title> <style type="text/css"> .searchform { background: #b91715 bottom left no-repeat; float: right; padding: 1px; top: 25px; right: 0px; } .searchform .s { border: none; background: #FFF; color: #666; font-family: Times New Roman, Georgia, Serif; padding: 2px; width: 157px; } </style> </head> <body> <form method="get" id="searc…
0 votes6 answers -
Стилизация выплывающего списка
Добрый день! Подскажите можно вот так стилизовать список для всех браузеров? Картинки дана в развернутом виде.
0 votes5 answers -
Три div-a по горизонтали. Резина
Привет всем, сам долго голову ломал, решил написать. Задача: Сделать 3 вертикально отпозиционированных div-a, два из которых (левый и правый) с фиксированным размером в px, прижаты к краям браузера. Третий резиновый, с фиксированной минимальной шириной в px, заполняет всю оставшуюся область между двумя крайними. Сложности: В принципе задумка у меня получилась, но я так и не смог сделать корректное масштабирование (при уменьшении масштаба правый div уходит за средний). Жду предложений, заранее спасибо.
0 votes1 answer -
Проблемы с фоном в div
Здравствуйте. Подскажите пожалуйста, почему синий и зеленый фон только до конца экрана, а не доконца страницы? http://medalist.narod.ru/Untitled-1.html
0 votes12 answers -
Chrome не выводит <noscript>
Всем доброго времени суток. Сегодня столкнулся с такой проблемой... У меня на сайте кнопки, вся красота и функционал которых работает на javascript-e, ну а для тех, у кого он отключен, в <noscript> вложил обычную кнопку через <input>. Со всеми браузерами все ОК, но вот Chrome подкачал, если вырубить в нем javascript, все то, что заключено в <noscript> никак не отображается. Такой вот казус. Эта проблема известна и есть ли решения? Спасибо.
0 votes4 answers -
Проблема с отображением блока в браузерах, отличных от IE
Доброго времени суток. В процессе написания кода (сам я совсем-совсем новичок) возникла небольшая проблема. Суть проблемы - есть задумка сделать 2 черных узких блока (высотой во всю страницу), как бы колонны и разместить их слева и справа. Для этого был написан простенький код, который в IE6 работает как часы, но в Опере, Google Chrome, Mozilla Firefox не пашет. Если кто-то сталкивался с этой проблемой и знает её решение - помогите советом, пожалуйста. Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link type="text/css" rel="stylesheet" href="style.css"/> </head> <bod…
0 votes2 answers -
Углы и не только!
Подскажите пожалуйста! Нужно получить такую таблицу(блок) как на рисунке. Изображения использовать не получиться так как в дальнейшем необходимо изменять цвет границ блока и цвет самого блока. И он должен быть резиновым. Помогите пожалуста!
0 votes21 answers -
Таблица, границы
Интересно можно сделать как тут http://w3cverstka.ru/test.html, но в одной таблице. По ссылке это сделано с помощью нескольких таблиц. В принципе и так не плохо, но захотелось так, тем более много таких таблиц, и унифицировать их хотел. Если ещё кто не понял что нужно =)) - ячейки с цифрами 1231231 и тд, щас в виде отдельных таблиц без границы, а можно ли сделать их в виде ячеек с невидимыми границами в одной большой таблице? border-right: none 0px; border-left: none 0px; если прописать то остаётся внешняя граница таблицы, если её убрать border=0, то неравномерные границы получаются, если отключить border-collapse удваивание, то границы становяться слишком тонкие =)
0 votes2 answers -
Автоопределение города...
Здравствуйте, Люди! Прошу помощи в создании скрипта для информера (например - погоды, траффика и т.п.), способного настраиваться на местоположение клиента. С точностью до города (региона). Основная идея вроде такой, НО! IP как источник местоположения категорически не годится для мобильного. Потому, что APN оператора зарегистрирован в Москве. Погода в Москве - тоже интересная тема, но решается легко. А пробки в Москве теряют актуальность при удалении за N-е кольцо... Яндекс, например, справляется с задачей не очень уверено. При входе с мобилы "Санкт-Петербург" заменяется на "Северо-Запад". А Северо-Запад БОЛЬШОЙ. И погода по Северо-Западу - это средняя температура по больн…
0 votes1 answer -
Как бы вы сверстали каркас?
сайдбары фиксированные. левый сайдбар и контент-блок завёрнуты в один блок. структура колонок <div id="content"> <div id="in"> </div> <div id="sidebar-left"> </div> </div> <div id="sidebar-right"> </div>
0 votes6 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-