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
-
Скроллинг таблицы внутри дива
Проблема такая: есть таблица, у каждой колонки явно (в теге TD) указана ширина, общая ширина таблицы допустим 800px теперь оборачиваю ее в div с явно указанной шириной 600px и таблица пытается схлопнуться, т.е. колонки уже не реагируют на указанную явно ширину, а приобретают как можно меньшую ширину Вопрос: каким образом сделать так чтобы ширины колонок таблицы сохранились в еньшем по ширине div-е? (т.е. шоб таблица сохранила свои размеры, а в диве появился скролинг) css дива по id: #d {overflow: auto; width: 600px;}
0 votes4 answers -
Статический фон сайта
Я долго пытаюсь, но ни чего не выходит, как сделать так, что бы фон был статическим? Т.е. когда на странице много всего и нужно просмотреть что-то ниже, мы берём вертикальный бегунок и перемещаем ниже, так как сделать так, что бы при перемещении бегунка, фон не уходил вверх/вниз вместе с содержимым сайта, а остовался в том положении на экране, в каком он есть? Подскажите пожалуйста.
0 votes2 answers -
Dreamweaver
Суть проблемы есть таблица созданная в дримвивере.........не могу поставить курсор в нужном место ячейки талбицы....поэтому картинка прилепает к левому краю и всё...а нужно поставить её по середине ячейки с помощью дримвивера.....т.е тыкнул курсор в то же место картинка и переносится....... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Главная страница блога</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table width="690" border=…
0 votes59 answers -
Выранивем див по центру padding:0 auto; и в IE input преса?т работать.
Есть блок, в н?м импуты я его выраниваю по ентру документа при помши margin:0 auto; В итоге в IE 6, 7 инпуты перестают работать . Как это вылечить? Вот код XHTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <link href="admin/adminauth.css" rel="stylesheet" type="text/css" /> <title></title> </head> <body> <form action="admin.php?cmd=login" method="post"> <div class="auth"> <h1>Авторизация</h1&…
0 votes12 answers -
Вид страницы при масштабировании.
Господа, подскажите. Ситуация следующая, при увеличении/уменьшении масштаба страницы, на ней все разъезжается в разные стороны. Как сделать так, чтобы все на своих местах оставалось, чтоб страница нормальная была, но только масштам изменялся. Где это смотреть? Спасибо.
0 votes44 answers -
Таблица и height 100%
есть код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <table border=0 height="425" width="568" cellpadding="0" cellspacing="0"> <tr><td width="555" valign="top" height="100%"> <p></p> </td> <td width="13" valign="top" style="display:block"> <table height="100%" width="13" cellpadding="0" cellspacing="0" > <tr> <td height="130" bgcolor="GREEN"></td><tr><td height="100%" bgcolor="RED"> </td></tr><tr> <td height="195" bgcolor="PINK"></td></tr> </tabl…
0 votes9 answers -
Спойлер без JS
Доброго времени суток! Знаю что иду по пути не самому простому, но другого решения нет, проблема такая: нужно сделать спойлер без использования скрипта, т.е html+css. Вторые сутки мучаюсь, нашла вот что: HTML: <div class="spoil"> <div class="smallfont">Текст описания спойлера<input type="button" value="Развернуть" class="input-button" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Свернуть'; } else { this.parentNode.parentNode.getElemen…
0 votes25 answers -
Расстояние для тега <br>
Подскажите пожалуйста, как можно уменьшить расстояние в теге <br>. Чтобы отступ был поменьше, чем стандартный. P.S. смотрел на сайте, там только для элементов <p> есть такая штука...
0 votes20 answers -
Переносятся элементы в div'е при сужении окна.
Здравствуйте. В диве находятся 3 горизонтальных дива. У всех float:left. При уменьшении размера браузера самый правый элемент переносится на нижнюю строку. Как этого избежать? Сделать типа nowrap.
0 votes12 answers -
многоуровневое вертикальное раздвижное меню
пытался найти код многоуровневого раздвижного вертикального меню, смысл очень просто, используя любые методы сделать вертикальное меню где много уровней раздвижения (именно верх, вниз ). думаю понятно. если не сложно помогите. извените если написал непонятно, спрашивате будц отвечать вам на вопросы
0 votes16 answers -
Нужен скрипт чтобы наложить Gif на Jpeg
В общем нужен такой скрипт чтобы можно было размещать анимацию на другой картинке(используя е? как фон)
0 votes33 answers -
включить gzip-сжатие
включаю gzip-сжатие на сервере посредством добавления в конец .htaccess кода <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html <ifmodule mod_gzip.c> mod_gzip_on Yes mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$ </ifmodule> </IfModule> в результате сайт падает и в браузере получаю ошибку подскажите пожалуйста что я делаю неправильно. или другой способ включить gzip-сжатие пе…
0 votes9 answers -
замена текста на странице при клике на ссылку
Здравствуйте, подскажите пожалуйста: Как заменить на странице текст нажатием на кнопку? Допустим есть страница с таблицей в которой текст на английском языке. И при нажатии на кнопку "русский" английский текст заменяется на русский, без перехода на другую страницу. Большое спасибо.
0 votes4 answers -
Сделать ссылку в виде кнопки через javascript
Нужно, чтобы при нажатии на кнопку срабатывала ссылка, но у меня никак не получается настроить(( А ещ?, когда открываю страницу, кнопка не отображается, на е? месте надпись "рисунок", но после нажатия на эту надпись появляется кнопка и нормально функционирует. Не подскажете, как сделать, чтоб кнопка сразу отображалась? Заранее спасибо!
0 votes9 answers -
Горизонтальный список с overflow-x: scroll
День добрый. Я, как всегда, с нубо-проблемой В общем задача следующая, сделать нужно что-то типа "карусели", но средствами html+css. Если более подробно, то... Есть плоский список (float: left; list-style: none), внутри каждого элемента списка ссылка внутри которой картинка с подписью под ней... <ul> <li> <a href="#"> <img src="" alt="" /> </a> <a href="#"> Text </a> </li> ... </ul> так вот, допустим я помещаю этот список в контейнер шириной 400px и высотой 100px (overflow-x: scroll)... далее хочу видеть плоский список своих картинок, но, если ширина списка больше 400px должна появиться горизонтальная полоса прокрутк…
0 votes14 answers -
Как закрепить кнопку к краю экрана?
Всем большой привет! Подскажите, пожалуйста, безумно красивой девушке как закрепить кнопку "Оставить свой отзыв" в нижнем правом углу экрана? Спасибо за внимание!
0 votes5 answers -
span как ссылка
есть участок кода <a href="index.htm"> <span class="cage" style="cursor: pointer"></span> </a> .cage { background: cccccc; width: 20px; height: 20px; padding-left: 5px; display: inline-block } проблема в том, что в осле квадратик отображается идеально, в опере очень плохо (именно потому, что ссылка, как я понял), в фаирфоксе вообще не отображается... в чем соль?
0 votes8 answers -
Горизонтальное выравнивание блочных элементов
Здравствуйте. Вот уже несколько лет верстаю разной степени сложности страницы и изучаю различные приемы и методы. Но до сих пор не нашел для себя действительно удобного, идеального метода выравнивания блочных элементов по горизонтали. О чем, собственно, речь. Есть какой-то макет с кучей элементов. И некоторые элементы надо расположить на одной линии по горизонтали, вписав в какой-нибудь фиксированный контейнер. Итак, какие есть способы сверстать такой "макет"? 1. Старые добрые таблицы. Думаю, не нужно объяснять, что "таблицы для табличных данных", и вообще, поддерживать более-менее сложный макет, сверстанный таблицами — очень муторно. 2. Способ классический. Использоват…
0 votes14 answers -
SCROLLBAR - прокрутка страниц - общие вопросы
как сделать скролбар, который двигается вверх-вниз в тон фону сайта или наоборот, сделать ярче него. подскажите ламеру
0 votes5 answers -
Xml, Xslt
Использует ли кто-нибудь в качестве основного шаблонизатора [xml-XSLT]? Есть один вопрос.
0 votes15 answers -
Помогите с Оперой
Помогите пожалуйста кто чем может. В Опере постоянно вылазиет ошибки сначала при загрузке оперы выходит такое: При инициализации почты Opera возникла проблема. Ð�ижеÑ�ледующий файл, возможно, иÑ�пользуетÑ�Ñ� дÑ?угой пÑ?огÑ?аммой: C:\Documents and Settings\Общий\Local Settings\Application Data\Opera\Opera\mail\omailbase.dat ЗакÑ?ойте пÑ?иложение, его иÑ�пользующее, или пеÑ?езагÑ?узите Ñ�иÑ�тему, а затем повтоÑ?ите попытку. [b]А затем на кождой страничке, на которую я захожу выходит такое сообщение: Невозможно сохранить файл. C:\Documents and Settings\Общи…
0 votes14 answers -
Элемент div как ссылка
Всем привет. Меня попросили скопировать дизайн сайта дизайнерской мебели, сайт сделан во flash, я делаю его в HTML.Вот ссылка на этот сайт Я решил начать с меню, вернее с подменю - блоки с ч/б фото, при наведении указателя на которые они становятся цветными, это мне удалось реализовать, но как сделать так что бы весь блок был ссылкой? Вот мой дэмо сайт где вы можете посмотреть то что получилось и посмотреть код. И вообще правильно ли поступил засунув фото в div ? может правильне было таблицу сделать?
0 votes10 answers -
mce_href
Здравствуйте. Подскажите пожалуйста что это за параметр и для чего он. Уже неоднократно встречаю его в теге <a> а понять для чего он не могу Спасибо
0 votes10 answers -
HTML разметка по методологии БЭМ
Доброго времени суток! Осваиваю верстку по методологии БЭМ. Не совсем понятно как делать HTML разметку. Как я понимаю нужно именовать классами все теги и при этом все блоки состоят из элементов, дальше все элементы состоят из блоков, далее эти блоки состоят из элементов, далее эти элементы состоят из блоков и так далее? То есть непонятно как определить где блок а где элемент, согласно вложенности? Вот так например правильно? http://codepen.io/Andre_w/pen/EaLVJW?editors=100 Правильно я понял разметку по БЭМ или не совсем?
0 votes4 answers -
Как перечеркнуть текст крест-накрест?
Здравствуйте! Как можно перечеркнуть текст крест-накрест. В интернет-магазинах так часто перечёркивают старую цену. Backgroud не устраивает - меняется геометрия, находится сзади текста, не во всех браузерах работает корректно. Есть какие-то хитрости?
0 votes2 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-