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
-
Как растянуть картинку на весь блок, если картинка прописана не в блоке
Стиль для блока такой: .empty { padding: 0px; width: 45%; height: 200px; float: left; margin: 50px 8px 50px 8px; background-size: 100%; } В коде таблицы вставлены так: <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/06/osveshchenie-v-parilke.jpg"/></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2017/10/rimskaya-banya-Terma.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/uploads/2018/07/postroit-garazh.jpg" /></div> <div class="empty"><img src="https://vodoprovodnaya.ru/wp-content/upload…
0 votes2 answers -
Проблемы html таблиц в Outlook
Всем привет!) Когда отправляю письмо на аутлук, то почему-то происходит небольшой сдвиг влево! Сдвигается картинка конверта, она состоит из нескольких порезаных картинок, помещенных в таблицу. Подскажите плиз в чем дело то?? как должно быть http://juliastepanets.com/email/email.html как в реале:
0 votes5 answers -
Проблема с максимальным расширением дива в диве среди дивов
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title></title> <style type="text/css"> div { border: 1px solid #000000; padding: 5px; } </style> </head> <body> <div style="width: 500px;"> <div style="float: right;">Right</div> <div style="float: right; width: 80%;">Center</div> <div style="">Left</div> </div> </body> </html> Возможно ли сделать так, чтобы Center автоматически расширялся до максимально возможного размера, но без нарушения структуры? Если поставить 100%, то все разъезжается.
0 votes6 answers -
{ и smarty
есть необходимость в шаблоне вставить скрипт на js <SCRIPT type="javascript"> function aa() { var a=5; } </SCRIPT> смарти ругаетса на скобки, как ему обьяснить что это не для него?
0 votes3 answers -
Галерея для Pop-up
Ребят, помогите, пожалуйста, уже 2й день зависаю над проблемой. Я создал тестовый сайт для портфолио http://my-tasks.cu.cc/. На сайте в разделе "Галерея" есть кнопка "Посмотри работу". При нажатии на кнопку должно появиться Pop-up окно с галереей изображений ( смотреть тут http://prntscr.com/axydgn ) Но при нажатии кнопки появляется только такое окно ( смотреть тут http://prntscr.com/axyi4w ). Если нажать на стрелку "лево" или "право", то прогружается и сам слайдер. Без Pop-up слайдера все работает без проблем. Сам слайдер я создал при помощи Slick Slider. Pop-up установил Magnific-popup Если кому нужен архив с файлами, вот он (https://drive.…
0 votes5 answers -
Форум на DIV'ах
Везде форумы сделаны табличной версткой, а никто не пробавал реализовать это на дивах! Мне кажется гораздо удобней, и по скорости загрузки, и по обслуживанию дизайна! :cool: Как вы на это смотрите? Какие проблемы могут вознинуть?
0 votes11 answers -
Форма ответа
Здравствуйте) Подскажите пожалуйста код для создания формы отправки письма с сайта на мэйл админа без участия почтового клиента. Сайт написан на html с применением JavaScript. Он расположен на Народе, поэтому о php речь не идет, как сказал сам Народ "Расширением текстового файла может быть только: html, htm, txt, js, css, xml, xsl, vbs."))) Заранее премного благодарна)
0 votes30 answers -
Как растянуть div по высоте родительского элемента?
Всем привет! Собственно, у меня есть три колонки, две с фиксированной шириной по краям и одна в центре занимает все остальное пространство. Div#center служит для того, чтобы сделать границы между боковыми колонками и центральной. В нем находится заголовок и еще один div.content с границей по краям, при чем у заголовка границ быть не должно. Границы div.content соединяются с картинкой в td#content_footer, но только когда центральная колонка больше по длине, чем две соседние. Подскажите, как можно сделать так чтобы границы div.center примыкали к картинке в td#content_footer. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/…
0 votes3 answers -
Расстановка переносов.
Привет форумчане. А можно ли через css сделать так, чтобы слова переносились с помощью знака переноса? Заранее спасибо.
0 votes17 answers -
Ломаем мозг :)
Вобщем сижу маленечко верстаю, и при вёрстке у меня возникла такая задача: расположить рядом 2 блока, один фиксированной ширины, а второй резиновой. Я сумел решить эту проблему только используя таблицы. Интересно найдёт ли кто-нибудь решение с блоками. Обязательные условия: Никаких иллюзий и тп, есть масса способов привести результат к такому виду, но задача именно в том, чтобы всё было по честному, никаких z-index'ов и тп. (Кстати на примере, который свёрстан блоками результат достигнут именно через z-index, но этот результат только для примера он не правильный.) На моём хостиге снова глючит FTP так что залить пример не могу, выкладываю код сюда. Делимся мыслями. <…
0 votes28 answers -
Позиционирование маркеров в списках
Есть допустим вот такой вот код: <style type="stylesheet"> ul { list-style-type: outside; } </style> <ul> <li>one<br/>gg</li> <li>two</li> </ul> как можно маркеры подвинуть правее - ближе к тексту?
0 votes3 answers -
SELECT + TITLE или подсказки в выпадающем меню
Доброго времени суток. Подскажите, как реализовать подсказки в выпадающем меню select'a Цель: прин аведении на список выбора, над каждой опцией всплывает подсказка. P.S. AJAX не желателен... Можно как то через номера опций вывести подсказки?
0 votes4 answers -
Выравнивание картинок с помощью Float:left и float:right
Здравствуйте, есть код <html> <body> <style type=text/css> .box{ border:1px solid red; height:50px; width:100%; } .box IMG { float:right; width:50px; height:50px; border:1px solid black; } </style> <div class=box><img src="url"></div> </body> </html> Почему картинка не вплотную прилегает к правому краю? или это из-за того что у меня IE 6.0 ? Как обойти эту проблему, и как вообще выравнивать картинки по правому или левому краю?
0 votes5 answers -
Открыть страницу в ячейке таблицы
Есть таблица из двух ячеек левой и правой. В левой находится меню. Можно ли по нажатию на ссылку меню открыть в правой ячейке страницу. Если да то как это можно сделать ?
0 votes12 answers -
Отступы в списке
Здравствуйте! Страница следующая: http://balahna.com/ Прошу помощи в следующих вопросах: 1. Откуда берутся отступы между элементами списка в ИЕ (в ФФ и Опере их нет) и как их убрать? 2. Валидатор выдаёт следующее: Line 48, Column 12: element "NOBR" undefined. Did you mean "noframes" or "form"? <h2><nobr>ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ</nobr></h2> - что ему не нравится ? Всем спасибо за внимание!
0 votes27 answers -
iframe height %
Здрасте! Как заставить ифрейм растягиваться по высоте ячейки? Без явы. <!DOCTYPE html> <head> <style type="text/css"> body { margin:0; padding:0; width:100%; height:100%; position:absolute; } </style> </head> <html> <body> <table height="100%" width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="green"> <tr height="100px"> <td> </td> </tr> <tr> <td bgcolor="yellow"> <iframe width="100%" height="100%" src="http://google.com/"></iframe> </td> </tr> <tr height="…
0 votes10 answers -
Сайт портального типа. Создание шаблонов.
Здравствуйте дорогие форумчане! Я начинающий вебпрограмист, пока это мое хобби... пока. Я хочу создать сайт портального типа, т.е. он будет частично посвящен мне, как создателю и различные части. Эти части я называю проектами. Существует на данный момент несколько проектов, один из них нуждаеться в срочной реализации. Под это дело я использую CMS название не указываю так как может быть воспринято как реклама. Эта CMS использует для вывода инфы шаблоны *.tpl или (можно и так) *.xslt. При том пользовательскую часть сайта я и строю... Задумка такая: Таблица на 100% окна браузера в которой отображаеться вся инфа: ______________________________________________________________…
0 votes29 answers -
Как убрать горизонтальный скролл
Не могу понять откуда появляется горизонтальный скролл, помогите понять в чем проблема пожалуйста) Ширина 100% не помогает, есть ли другие спопобы? index.html main.css bootstrap.min.css
0 votes4 answers -
Фирменный бланк для письма рассылки
Здравствуйте, подскажите пожалуйста как делать фирменный бланк электронного письма, например как уведомления из социальных сетей и др. Предполагаю что нужно писать код, а как быть с изображениями, например лого. И как это письмо отправлять. Спасибо.
0 votes3 answers -
Имитация нажатия F11
Привествую Ребята, есть кнопка <input type="submit" value="F11"> при нажатии нужно с имитировать реальное нажатие на клавиатуре клавиши F11. Как это сдлеать на js или может по-другому?
0 votes9 answers -
Запрет скроллинга google map
Добрый день, очень прошу помочь объяснить мне каким образом можно заставить перестать работать скролинг google map на сайте (сохранив при этом весь функционал карты работоспособным), при заходе на сайт с компа, но при этом оставить полностью всё как есть при заходе на сайт через моб устройства и ipod'ы, ipad'ы? О чём я говорю: как реализовать такую же карту как на http://www.zocdoc.com/search/?dr_specialty=153&address=&insurance_carrier=-1&refine_search= Если зайти через обычный браузер, то при наведении мыши на карту - она не скролится!, но функционал карты весь работает, а если зайти с ipod, ipadб то она совершенно спокойно прокручивается - вобщем нетронута…
0 votes2 answers -
Подскажите: как сделать в CSS такое?
Здравствуйте, подскажите как можно сие реализовать посредством CSS: 1) Заглавная буковка другим цветом - РЕШЕНО 2) Оранжевая полоса - НЕ РЕШЕНО
0 votes18 answers -
вопос с DIV
Камрады, помогите пожалста нужно сделать вотк акую штуку. есть два дива с содержанием. Они в позиции float:left от дуг дуга находятся в в ТД-эшке где ещо куча вещей разных между ними есть расстояние необходимо сделать это расстояние такого же цвета как они Но выделять их в отдельную ДТ-ешку или красить всю ТД-эшку нельзя подсажите чё делать. создал между ними еще один див но так как он не заполнен он не отображается... <font face="Verdana"><div style="float:left; background-color:f4f4f4;">Ocomments</div></font> <div style="background-color:f4f4f4;float:left;"></div> <font face="Verdana"><div style="float:right; background-c…
0 votes8 answers -
Не работает onclick в опере
Неужели в опере нельзя вешать онклик на img. Пробовал заключать в div и вешать на него, тоже не помогает. Правой кнопкой когда щёлкаю на рисунок, то меню "сохранить рисунок", "свойства" отображается, то есть сам рисунок доступен. Никто не знает из-за чего это может быть?
0 votes9 answers -
Элемент сайта в отдельном файле.
Доброго времени суток. Пока разрабатывал сайт, понял, что нужно сделать меню в отдельном файле, чтобы при обновлении его, не переписывать каждую страницу, а намечается их довольно много. Посмотрел несколько форумов, предлагают через фреймы, но они меня не устраивают. Можно через php, но пока я далек от него. Поэтому хочу узнать, можно ли сделать так, чтоб меню подгружалось из отдельного файла, средствами обычного html? Если нет, то расскажите как сделать это с помощью php (желательно поподробней) или каким другим способом, может через js, если такое возможно? P.S. Ну и на последок посоветуйте пожалуйста хороший учебник по php. Всем спасибо.
0 votes13 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-