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
-
Горизонтальное выравнивание блочных элементов
Здравствуйте. Вот уже несколько лет верстаю разной степени сложности страницы и изучаю различные приемы и методы. Но до сих пор не нашел для себя действительно удобного, идеального метода выравнивания блочных элементов по горизонтали. О чем, собственно, речь. Есть какой-то макет с кучей элементов. И некоторые элементы надо расположить на одной линии по горизонтали, вписав в какой-нибудь фиксированный контейнер. Итак, какие есть способы сверстать такой "макет"? 1. Старые добрые таблицы. Думаю, не нужно объяснять, что "таблицы для табличных данных", и вообще, поддерживать более-менее сложный макет, сверстанный таблицами — очень муторно. 2. Способ классический. Использоват…
0 votes14 answers -
Как НЕ закрывать при клике на оверлей (overlay)
На http://red-book-cms....-bootstrap.html увидел пример модального окна. Но при клике на оверлей окно закрывается. Автор не отвечает уже 2 недели. Может кто подсказать? Начало: <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="http://yandex.st/jquery/1.8.3/jquery.min.js"></script> <script src="js/bootstrap-transition.js"></script> <script src="js/bootstrap-modal.js"></script> Конец: <!-- Кнопка по нажатию на которую будет показано окно: --> <a data-toggle="modal" data-target="#mayoOkno" class="btn btn-primary">Показать модальное окно!</a> <!-- Модальное окно: --> <div id="mayoOkno" cla…
0 votes1 answer -
Помогите с Оперой
Помогите пожалуйста кто чем может. В Опере постоянно вылазиет ошибки сначала при загрузке оперы выходит такое: При инициализации почты Opera возникла проблема. Ð�ижеÑ�ледующий файл, возможно, иÑ�пользуетÑ�Ñ� дÑ?угой пÑ?огÑ?аммой: C:\Documents and Settings\Общий\Local Settings\Application Data\Opera\Opera\mail\omailbase.dat ЗакÑ?ойте пÑ?иложение, его иÑ�пользующее, или пеÑ?езагÑ?узите Ñ�иÑ�тему, а затем повтоÑ?ите попытку. [b]А затем на кождой страничке, на которую я захожу выходит такое сообщение: Невозможно сохранить файл. C:\Documents and Settings\Общи…
0 votes14 answers -
что сделать чтобы в меню меню отключить перенос слов или расширить меню?
2 длинных слова в пункте меню переносятся. вижу два выхода: либо запретить перенос слов в меню, либо расширить и зафиксировать само меню... подскажите как реализовать плиз.... вот код заранее признателен!!! /**** author - rgb(raduga) http://mambasana.ru ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size : 12px; color : #00000…
0 votes7 answers -
Вёрстка писем, бэкграунд
Можно сделать html письмо с картинкой на бэкграунде (и текстом поверх картинки), что б нормально работало и отркывалось везде? (Outlook, The bat, mail.ru) Может кто встречался. Я пробовал с помошью стилей, делал бэкграунд у таблицы, но ни 1 способ не работает везде, бэкграунд таблицы не работает например в Outlook и The bat.
0 votes15 answers -
знак бесконечности в тексте
Как вставить знак бесконечности в текст? когда я копирую его из Ворда в notepad++, то он заменяется на знак вопроса.
0 votes6 answers -
Вёрстка div высота 100% 3 колонки
Ситуация: 3 колонки: 1-фикс(пикселы), 3-резина в %, 2-всё, что осталось. Если содержимое колонок меньше высоты окна браузера, то фон колонок должен растягиваться до низу (на всю высоту окна браузера). И естественно при изменении высоты окна также растягивается или уменьшается. Если содержимое хотя бы одной колонки больше высоты окна, то все три колонки растягиваются(выравниваются) по высоте самой длинной (с появлением прокрутки). Задача: обойтись без JS, фона с использованием картинок (т.н. faux columns) и трюка с оочень большим padding-bottom и отрицательным margin-bottom. Помимо любого решения в данных условиях отдельно интересует возможность сделать это при помощи свой…
0 votes19 answers -
как разместить div по центру страницы
Собственно вопрос в теме, с IE я его решил, через хак, а вот чтоб на чистом css не получается, собственно, ниже код, из него все понятно <!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> <title>Документы</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style> body{ width:100%; height:100%; margin:0; font : 12px Verdana; } #container{ position: relative; width:900px; min-height:228px; background-image:url(kepka.jpg); background-repeat:no-repeat; background-position: right…
0 votes2 answers -
практика вёрстки
Ребята, подкиньте пожалуйста мне какой интересный и в тоже время не самый трудный шаблон для тренировки. хочу попробовать свои силы)) заранее спасибо)) ах да и ребята, прошу вас подскажите такую деталь, вот ты видишь картинку сайта, что нужно сделать прежде начать верстать?? то есть на что нужно обратить внимание в первую очередь. прошу вас в виде: 1) ... 2) ... 3) ... спасибо)
0 votes5 answers -
Отступ Navbar Bootrstap
Доброго. Проблема с элементом Bootstrap, а именно navbar. При добавлении элемента появляется негативный отступ до дальнейшего контента страницы. Как его убрать? <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img sr…
0 votes9 answers -
Наложение div-ов с прозрачными картинка друг на друга
Билась над этой проблемой всю ночь, но работать корректно оно не хочет. Есть 3 дива: 1 с нижней большой картинкой, второй с прозрачной картинкой-закладкой поверх 1 и 3 див с текстом и фоном прозрачным, который тоже поверх большой картинки. Они нормально друг на друга накладываются, НО при этом под большой картинкой появляется отступ равный по высоте двум нижним дивам (хотя сами дивы висят на месте). Отсуп есть во всех браузерах, включая IE6. Вот код: HTML: ... <td valign='top'> <div id='actual5'> <img src='img/actual5.png' width='171' height='99' border='0' /> </div> <div id='big_main_foto' width='100%' height='315'…
0 votes4 answers -
Как сделать отступ?
Приветствую, помогите пожалуйтса, я только начал учить html, вот и столкнулся с проблемой, хочу сдвинуть таблицу немного вправо, только как я незнаю вот серую таблицу вправо немного, как ее сдвинуть?
0 votes4 answers -
Нужен скрипт чтобы наложить Gif на Jpeg
В общем нужен такой скрипт чтобы можно было размещать анимацию на другой картинке(используя е? как фон)
0 votes33 answers -
Не правильное отображение в Chrome
Здравствуйте. Первый раз столкнулся с ситуации, что в Хроме некорректно отображается страница, то есть в Мозилле, Опере и даже ИЕ всё ОК. а в Хроме нет... Ситуация следующая: <div id="wrapper"> <header id="header"> </div> <nav id="hor_menu"> </nav> </header> <header id="slider"> </header> <section id="middle"> <div id="container"> <div id="content"> </div> </div><!--#container--> <aside id="sideRight"> </aside> <aside id="sideLeft"> </aside> </section> </div><!-- #wrappe…
0 votes20 answers -
Живой, движущийся задний фон сайта.
Есть задняя фоновая картика bg.jpg (фиксированая, при скролинге сайта остаеться на месте). Задумка следущая, нужно сделать так чтобы на этот bg.jpg ложилась и двигалась влево еще одна картика smoke.png (полупрозрачная). Поверх smoke.png, ложиться еще раз smoke.png, но уже движеться вправо. Smoke.png должны двигаться одновремено, каждая в своем направлении. А также чтобы при скролинге сайта они не прокручивались верх-вниз, а были тоже как бы завиксированы. В общем проще говоря нужно создать эффект движущегося дыма. Естественно скролинги картики smoke.png должены быть бесконечными (петлей) Как это можно реализовать ? Вот строка картинки заднего фона в моем CSS. Помогите…
0 votes7 answers -
выпадающее меню
Доброе время суток! Сделал выпадающее меню (html+css), но когда выпадает список, он прячется за фоновой картинкой контента. Как сделать что б меню было сверху? Все файлы залил на filestore index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Форсаж</title> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> </head> <body> <div class="main-bg"> <div class="bg"> <header> <div class="main"> <div class="wrapper"> <h1><a href="index.html"></a>&l…
0 votes9 answers -
Картинка в Всплывающей подсказке
Прошу помощи! У меня такая проблема - необходимо что-бы всплывающая подсказка содержала картинку но проблема в том что необходимо это сделать в html в самом блоке где идет текст (блок прикручен как чистая страничка) посоветуйте код для воплощения этой задачи желательно не сильно громоздкий код потому как на страничке много картинок к которым нужно прикрутить всплывающую подсказку с изображением Или подскажите как к стандартной всплывающей подсказке title прикрутить изображение
0 votes7 answers -
Вид страницы при масштабировании.
Господа, подскажите. Ситуация следующая, при увеличении/уменьшении масштаба страницы, на ней все разъезжается в разные стороны. Как сделать так, чтобы все на своих местах оставалось, чтоб страница нормальная была, но только масштам изменялся. Где это смотреть? Спасибо.
0 votes44 answers -
Открыть видео по ссылке
Здравствуйте. Ломаю голову над такой задачкой и уж не знаю решаема ли она... Если есть решение - подскажите! Делаю СD диск с презенташкой. Диск предназначен для людей не имеющих доступ к интернету, по этому сразу скажу что подключение внешних модулей моей проблеме не помогут. Короче говоря диск - это простенький статический HTML сайт с несколькими страничками, картинками и видео. Есть задача сделать так, чтобы ссылки на видео (в формате mp4) открывали видео в проигрывателе, а не предлагали его скачивать, т.к. нет смысла скачивать с диска на винт, а потом открывать для просмотра. Нужно так - кликнул на ссылку, автоматом открылся проигрыватель, посмотрел видео, закрыл прои…
0 votes9 answers -
Проблема с инсталляцией Apache.
Решил установить Apache. Скачал .msi файл с оффициального сайта. Но, программа не устанавливается. Запускаю инсталятор, окно установки появяется, исчезает на секунду и появляется тоже окно, со следующим сообщением: Installation Wizard Interrupted The installation wizard was interrupted before Apache HTTP Server 2.2.11 could be completely installed. Your system has not been modified. To complete installation at another time, please run setup again. Click finish to exit the wizard. И одна активная кнопка - "Finish". Перезапускал установку, скачивал другие версии, ничего не помогает, везде одно и тоже. Проверял антивирус, вроде не запрещает установку. Что делать, может у ко…
0 votes9 answers -
атрибут float одновременно меняет позиционирование на абсолютное?
<!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 content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> </head> <body> <div style="border:2px black solid;">родительский элемет <div style="float:left;">Левое Бла - бла - бла</div> <div style="float:right;"> Правое Бла бла бла</div> </div> </body> </html> ТАк и задумано, что с атрибутом флоат дочерние дивы вываливаются из родительского? з.ы. в 6 и 7 ИЕ они не вывали…
0 votes28 answers -
Тест на JavaScript
Нужно создать тест при помощи JavaScript, который выбирал бы вопрос случайным образом из отдельного файла (списка вопросов и ответов). Может кто-нибудь знает, где можно скачать готовый такой скрипт с генерацией случайных вопросов?
0 votes5 answers -
Проблема с "кнопками в safari"
Изменяю первый пост в связи с тем, что все оказалось гораздо хуже))) Просьба модераторов изменить название темы на более подходящее. Итак, взяв некоторые элементы, которые зачастую являются частью вёрстки самого макета, а не внутренних страниц содержания, провожу исследование кроссбраузерности этих элементов. 1) Делаю заготовку html: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML CHECK</title> <link rel="stylesheet" type="text/css" href="css/css-for-check.css" /> </head> <body> <div id="box"> <a href="">a</a> <blockquote>a</blockquote> <cite>a</cite&g…
0 votes30 answers -
Как убрать отступ body
Начал верстать шаблон и сразу же непонятный момент. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product</li> …
0 votes13 answers -
div Как перенести блок на новую строку
Вечер Добрый. Пишу с просьбой дабы объяснили как можно перенести блок в определенно место. Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="./css/style.css"> <title>HTML5</title> </head> <body> <div class="" ="wrapper"> <div class="header"> <div class="header_line"></div> </div> <div class="row"> <div class="avatar"></div> <div clas="abme"> <div class="name"></div> <div class="status"><…
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-