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
-
Задать максимально-возможную высоту <div>
На нижний слой страницы(его высота около 2000px), сверху я хочу наложить такой же по размерам слой с большим z-index: .cont1 { position: absolute; top: 1200px; left: 0px; z-index: 2; } .cont2 { background: #D4070C; position: absolute; height: 2000px; top: 0px; left: 0px; z-index: 3; } К сожалению, чтобы нижний слой полностью закрывался пришлось задать фиксированную высоту (2000px), но так как ни на всех страницах высота нижнего слоя так велика, получается не очень хорошо. Есть ли возможность вместо точного задания размеров написать что то вроде height: 100%; - к сожалению работает только на видимую часть экрана, то есть если опустить вниз то там будет вс…
0 votes4 answers -
сумма ширин ячеек не совпадает с шириной таблицы
Сделал для сайта меню: есть таблица с фоном (нарисована шапка и кнопки). В ее единственной ячейке с выравниваем вправо вставлена таблица, которая содержим прозрачные гифы, которые по задумке должны лежать четко над нарисованными кнопками и быть ссылками. Все высчитал до пиксела. Сумма ширин ячеек или гифов равна ширине таблицы. Вот код: <td align='right'> <table width='975' border='0' cellpadding='0' cellspacing='0'> <tr height='85'> <td width='71'> <a target='_parent' href='1.php'><img class='face' src='images/spacer.gif' width='71' height='85'></a> </td> <td width='79'> <a target='_parent' href='2.php'><img…
0 votes6 answers -
Как изображение сделать ссылкой?
Спасибо, что заглянули. Есть рисованная кнопка, ее нужно вставить на главную и потом по ней выйти на другую страницу. Как быть?
0 votes9 answers -
Расстояние между строчками
Уважаемые Гуру! Не моегу решить проблему с расстоянием между строк в столбце навигации. В IE расстояние гораздо шире, чем в остальных браузерах. Спасибо заранее за помощь. У меня имеется серое поле #grau_navi, на нем расположен бокс box_navi со списками непосредственно самих ссылок. Вот код: #grau_navi{ background-color: #bcc4cb; float: left; height: 600px; width: 13.5em; margin: 0; margin-top: 1px; } #box_navi { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #0d2e6b; font-weight: bold; margin: 0; padding: 11px; display: block; line-height: 1; } ul#box_navi { list-style-type: none; } ul#box_navi li{ } ul#box_navi li a:l…
0 votes4 answers -
как сделать 4 уголка у слоя
Подскажите, как можно сделать 4 скоса у прямоугольного текстового блока наиболее эффективным способом. (т.е. добавить картинки в каждый из углов). получается примерно следующее, только слишком громоздко: <td style="vertical-align: top; padding-bottom: 30px; background: #f7eedc;"> <div style="background: #f9e8d4 url(/images/center_top_fon.jpg) repeat-x top; height: 36px;"><img src="/images/center_top_left.jpg" align="left" alt="" /><img src="/images/center_top_right.jpg" align="right" alt="" /></div> <div style="background: #f9e8d4 url(/images/center_left_fon.jpg) repeat-y;"> <div style="background: transparent url(/images/cent…
0 votes14 answers -
Позиционирование
Имеем ячейку таблицы заданной высоты и картинку в этой ячейке, высота которой больше этой таблицы. <tr> <td height="38" style="font-size: 1px;"> <div class="raz"> <img src="img/raz.gif" alt="" style="position: absolute;"/> </div> </td> <td height="38" class="foot"> текст </td> </tr> css: div.raz { position: relative; right: -30px; width: 57px; height: 61px; float: right; } Как сделать так, что бы картинка выходила за рамку ячейки вверх, но высота строчки при этом не становилась равной высоте картинки. По идее имеющийся код должен работать, но где у меня ошибка - в мо?м случае он не работает (картинка с…
0 votes15 answers -
Приоритеты CSS
index.html <html> <head> <link href="one.css" rel="stylesheet" type="text/css" /> <link href="two.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="divid"> <div>qedasd</div> <div>qedasd</div> <div>qedasd</div> <div class="divclass">fdfdf</div> </div> </body> </html> one.css #divid div {color:red;} two.css .divclass{color:blue;} Вот такая конструкция не работает. Можно править только two.css. Есть мысли?
0 votes5 answers -
Помогите пожалуйстА!!!!
Здравствуйте, уважемые веб-мастера или кто еще. У меня проблема. Зайдете на ту ссылку http://jaeser.narod.ru/sos.htm И вы замечаете, что правый блок не выровнен так как надо(вверх). У меня задача: Мне нужно выравнивать правого на той высоте что и левый. При position эксплорер нормально показывает, а вот в Опере уже проблемы(а может и в Файерфоксе)... Я пытался то align, valign, float и никаких результатов... ТАк что лучше пользоваться другим способом, но ни в коем случае не position!!! А каким может быть другой способ? Надеюсь на вас...
0 votes28 answers -
процентная ширина в ие7
Доброго времени суток! Столкнулся с такой проблемой: в ие7 процентная ширина блоков трактуется по-своему (блок вместо например 30% растягивается по содержимому и не более). Когда задаются фиксированные значения в пикселях, все начинает работать. clientWidth при этом выводит величину "0" (другие браузеры показывают вполне конкретные ненулевые значения). Причем на сайте это не единичный случай. В ие6 подобного не наблюдалось. Кто сталкивался с подобным багом (или не баг это)? Как с ним бороться? На сайте много ситуаций, когда без процентов не обойтись!!!!
0 votes9 answers -
Способ измерения элементов страницы
Скажите, плиз, есть ли какой нибудь способ измерения размеров готовых web-страниц и отдельных элементов? Что-то вроде линейки в пикселях, например, - приложил к экрану монитора и вот он, точный размер! Не все же страницы создаются в относительных размерах, у меня многие в 17 дюймов не влезают, а ведь у кого-то есть 14 дюймовые мониторы? И какой параметр берется за точку отсчета всех размеров при верстке? Спасибо!
0 votes10 answers -
ПОДСКАЖИТЕ КАК ТАКОЕ СДЕЛАТЬ.
Вот мне надо както внедрить в сайт прокрутку с дальнейшей ссылкой на фотографию.Как это сделать??!!
0 votes5 answers -
переопределение стилей, подключение html файла
Собственно возник вопрос можно ли переопределить стили подключив не просто css а простой документ Html со стилями... собсвенно что то работает что то нет... кто сталкивался или если где почитать. докумет со стилями для P и для заголвка H1.ex <html > <head> <title>Размещение описания стиля в заголовке документа</title> <style type="text/css"> p {color:darkerd; font-size:9px; text-align:right; } H1.ex { font-weight:normal; font-style:italic; font-size:10px; } </style> </head> <body> <h1 class="ex"> Заголовок первого уровня</h1> <p> Пример описания стиля для стандартного элемента HTML - разметки </p>…
0 votes8 answers -
Глюк со слоями. Слой будто бы не в слое.
<body> <div id="main"> <div id="top"> <div id="header"> <img src="pictures/right.jpg" alt="" /> </div> </div> <div id="content"> <div id="news"> <div class="container"> <div id="nheader">Новости</div> <div class="n"> <div class="nhead"> <div class="nday">31</div> <div class="ndays">.12.07</div> </div> <div class="ncontent"> В данном письме ЦБ РФ дал ответ на ряд вопросов. В том числе: расчеты между резидентом и нерезидентом по операциям с внешними ценными бумагами с использованием банковского счета нерезидента может осуществляться в валю…
0 votes2 answers -
Как брать пробу цвета с веб-страницы?
Здравствуйте! подскажите пожалуйста как можно узнать точный RGB-код цвета который используется на странице в интернете?
0 votes9 answers -
Пожалуйста,помогите чайнику...
Всем привет!Не могу додуматься как это сделать!Нужно сверстать дивами и чтобы корректно отображалось в ИЕ 6,ИЕ 7,опера,мозила.Задача состоит в следующем:шапка,две колонки которые когда много информации растягиваются,а когда одна строчка все равно на весь экран.Колонки растягиваются одинаково.Футер прижат к низу экрана,а когда колонки растягиваются опускается вниз.Все это во всех браузерах должно распологаться посередине.Я думал,но у меня получается все время чушь,либо по-разному в браузерах.Помогите,пожалуйста.
0 votes9 answers -
Списки НУРМЕРОВАННЫЕ
Помогите составить любой нурмерованный список Заранее всем спасибо
0 votes2 answers -
html-ТЕСТЫ
ПОМОГИТЕ СОСТАВИТЬ любые ТЕСТЫ ПО html используя как нам сказали вопрос ответ Заранее спасибо
0 votes11 answers -
Форма входа
У меня форум на ucoz, и там при входе, когда требуется ввести логин и пароль все время стоит галочка "запомнить", как от этого избавиться?
0 votes15 answers -
Страница в UTF-8, а хидеру шлются в windows-1251.
Господа, дамы, нужна ваша помощь. Сделал страничку в юникоде. В самом html прописано <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> в файле .htaccess прописано: DirectoryIndex index.php index.html index.htm RemoveHandler .html .htm AddType application/x-httpd-php .html .htm CharsetDefault UTF-8 AddDefaultCharset utf-8 AddCharset UTF-8 .html AddCharset UTF-8 .php а все-равно отдается страничка с сопутствующими хидерами: HTTP/1.x 200 OK Date: Tue, 08 Apr 2008 10:38:58 GMT Server: Apache/1.3.37 (Unix) mod_layout/3.4 mod_tsunami/3.0 PHP/4.4.4 rus/PL30.22 mod_…
0 votes1 answer -
Проблема с iframe ...
Здравсвуйте. У меня проблема с iframe. Проблема состоит в том, что я гружу через iframe страницу на которой флеш баннер. К флеш баннеру у меня нет доступа. Как мне сделать чтоб при клике на этот баннер я смог бы подсчитывать количество кликов. Т.е мне нужно чтоб при клике на баанер независимо от того есть у баннер встроенный лин иил нету он должен перходить на ту страницу котрую я укажу. Это мне нужно для подсч?та кликов для баннеро-обенной системы, когда ти баннера html. Заранее всех благодарю.
0 votes4 answers -
Помогите расположить текст вертикально
Помогите пожалуйста! Нужно развернуть текст на 90 градусов против часовой стрелки, когда-то давно я это находила, но теперь не помню где и как... Может кто знает?
0 votes13 answers -
Проблемы с Фоном! Помагите!!!!
Пытаюсь поставить фотографию фоном всей странички. Надо чтобы она "начиналась" не с верхнего левого угла, а с правого нижнего угла(так как там находится акцент фотографии) что там будет "срезаться" (в зависимости от разрешения монитора) сверху и слева-неважно. Возможно ли разместить фотографию таким образом и какой указывать цвет в столбцах и строчках чтобы они не закрывали фотографию? И как расположить таким же образом картинку в какой-нибудь одной ячейке таблицы! Все это пытаюсь сделать в HTML Заранее Спасибо Откликнувщимся
0 votes16 answers -
Не могу разобраться...
Вот стили: #niceloginform div.loginformtop { width:100%; background:url(../images/pasportbgzag.gif) #5D5B5E repeat-x bottom left; margin:0; padding:0; } #niceloginform div.loginformtop div.loginformleft { float:left; font:11px Verdana; color:#FFFFFF; padding:6px; } #niceloginform div.loginformtop div.loginformright { float:right; padding:6px; } #niceloginform { position: absolute; width: 332px; left: 50%; margin-left:-170px; top: 50%; margin-top:-150px; text-align:left; background:url(../images/login.jpg) right center no-repeat #FFFFFF; display: none; z-index: 99; } #screen { position: absolute; top: 0; left: 0; right: 0; width: 100%; hei…
0 votes15 answers -
!!!!!DIV!!!!!Или как все начинаеться
Опытные верстальщики можете подсказать мне как начинать сроить веб страничку.Что такое слои в веб страницах.И зачем нужен вообще параметр DIV(литературу читела,но нифига толком так и не понял)Я например когда начинаю строить страничку,то делаю это через таблицу(header,footer....),но меня дерзают смутные сомнения,что этот метод уже устарел.Так что советуйте
0 votes5 answers -
ie6 замучал меня
между блоками только в ие6 появляется горизонтальный разрыв в 3 рх как с этим бороться? выравнивание стоит float:left и clear:both
0 votes10 answers
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть. -
Решение нашел. Заменил на Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ... -
Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения. Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас! Наш контакт: https://t.me/MadFury (https://t.me/madfury) (TG) TG: https://t.me/2e7.io Сайт: https://code-r.io/
-