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
-
Бутстрап 3
Здравствуйте! Скажите как сверстать макет шириной в 1000px на бутстрап 3
0 votes3 answers -
Не работают ява скрипт
Не работают ява скрипт на мобильных устройствах. <!DOCTYPE html> <html lang="ua-UA"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/style.css"> <script type="text/javascript" src="/function.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Управління LED</title> </head> <body onload="load();"> <div class="container"> <div class="row" style="text-align:center;"> <h1 style="margin:50px;">У…
0 votes3 answers -
Помогите с центрированием.
Задача: Создать линию определённых размеров и расположить её по центру экрана. Код HTML: <div class="line"></div> Код CSS: .line { position:absolute margin-top:650px; height:2px; width:1200px; background: black; }
0 votes3 answers -
Синтаксис Page-Break
Не могу найти полный синтаксис с определением для Page-Break-Before / Page-Break-After Help Me !
0 votes2 answers -
Рамка.
Прости за ламерство . Но как можно сделать тонкую рамку на странице? И на тонкую рамку расставляют рисунки(например огонь)? Если у вас мысли о таблице то пожалуйста откажетесь от этих мыслей
0 votes5 answers -
Помогите с колонками сыпяться в IE
В IE при разрешение менее 1200 блок content оказываеться внизу в остальных браузерах все нормально помогите пожалуста. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> * { margin: 0; padding: 0; border: 0; } html { height: 100%; } body { min-height:100%; min-width:1200px; height: 100%; background-color: #fff; } #main{ height: 100%; min-width:1200px; } #bg_img_left { width: 95px; height:100%; background: url(img/1.gif) repeat-y; float:left; } #bg_img_right { width: 95px; height:100%; background: url(img/2.gif) repeat-y;…
0 votes3 answers -
Скролл и ширина блока
Есть необходимость сделать блок, который появляется по центру страницы, drag`n`drop`ится и растягивается. Выглядит он примерно так: <div class="main-box"> <div class="title"></div> <!--заголовок. За него цепляемся и драг н дропим--> <div class="content"></div> <div class="resize"></div> <!--Блок, отвечающий за ресайз--> </div> Для растягивания я кладу абсолютом маленький квадратик (.resize) в правый нижний угол (как наиболее интуитивное, на мой взгляд, место) .resize {position:absolute; right:0; bottom:0;} и на него вешаю скрипты. Но тут возникают небольшие трудности, так как бл…
0 votes2 answers -
Странное поведение margn-top в FF
Столкнулся с проблемой позиционирования блоков в Огнелисе 3.5.1. (в опере и ослике нормально) Приведу код для примера: <body> <div style="background:#999999; width:500px; height:300px;"> <div style="background:#009966; width:100px; height:100px; position:relative; margin-top:15px;"></div> <div style="background:#000000; width:100px; height:100px; position:relative; left:150px; margin-top:-50px;"></div> <div style="background:#ffffff; width:100px; height:100px; position:relative; margin-left:300px;"></div> </div> <div style="background:#ff9999; width:500px; height:300px;"> <div style="background:#009966; widt…
0 votes3 answers -
Резиновый макет с фиксированым хедером и футером.
Задача заключается в чем: Существует фиксированного размера хедер. Существует фиксированного размера футер. Как можно сделать так что бы макет растягивался по всему экрану, не указывая заранее height. Можно ли эир сделать средствами CSS?
0 votes4 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=windows-1251" /> <title>Организации города Солнечногорск</title> <style type="text/css" media="all"> @import "style.css"; </style> </head> …
0 votes6 answers -
png vs IE6
посогите решить проблему, перепробовал все способы описаные на форуме не получается правильно подключить скрипты вот код частично: html ?> <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="shortcut icon" href="media/favicon.ico" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <div id="container"> <table border="0" width="1004" cellsp…
0 votes3 answers -
Вопросы по валидности
Здравствуйте. Вот хочу разобраться с валидностью, но не могу местами понять что именно не так. Ну для начала вот - Line 345, column > 80: XML Parsing Error: Unescaped '<' not allowed in attributes values …script:showDialog('Лучшие блоги месяца!','<strong>Статистика обновляется три р… Line 345, column > 80: XML Parsing Error: attributes construct error …script:showDialog('Лучшие блоги месяца!','<strong>Статистика обновляется три р… Line 345, column > 80: XML Parsing Error: Couldn't find end of Start Tag a line 345 …script:showDialog('Лучшие блоги месяца!','<strong>Статистика обновляется три р… в коде <div id="content"><h2>То…
0 votes6 answers -
Валидатор
Всем привет! Сделал несколько страниц, все хорошо, но как-только я вставил форму обратной связи, валидатор нашел 4 ошибки. Причем я не понимаю, как их исправить. Где-то в глубине головы мне что-то подсказывает, что это все из-за доктайпа. Но как это исправить, я не нашел решения. Вот ссылка на кричащий валидатор. Вот ссылка на страницу. Оно так-то все работает, но неприятно, когда не все гладко Поможете чем-нибудь?
0 votes13 answers -
Текст по центру изображения адаптивно - как реализовать?
Добрый день, уважаемые форумчане! Есть блоки с изображениями http://yarfrezer.ru/shop/, нужно вертикально центрировать текст относительно картинки. Пробовал варианты с table-cell; и position'ами, но так и не получилось, совсем запутался. Можете подсказать, какие стили добавить или хотя бы куда копать, чтобы при ресайзе окна текст оставался вертикально центрированным?
0 votes5 answers -
Помогите как сделать
Всем привет. Есть проблема, нижний самый блок на сайте http://verstka-primer.esy.es/Bio/там где категории и так далее. Градиент поставил блоку нижнему но изображение не ставиться прописываю ничего не получается не пойму почему. Как мне сделать так чтобы было как на картинке http://pixs.ru/showimage/biov503jpg_5673359_16681178.jpg И еще почему то к placeholder не применяются стили. Помогите пожалуйста.
0 votes6 answers -
Как узнать что на сайт зашли с внешнего ресурса?
Как узнать что юзер зашёл на сайт не из внутренних страниц сайты, а с другого адреса? Это точно с использованием пхп, но как? Как бы редиректить на определённую страницу людей зашедших с внешнего ресурса.
0 votes13 answers -
Нижнее подчеркивание
Форумчане! Подскажите, пожалуйста, как сделать подчеркивание блока (div, display:block), например, как на сайте khuzha.tk (верхнее меню)?
0 votes3 answers -
Что делать дальше?
<h1>Всем привет.</h1> <p>Возникла большая проблема Неделю назад я начал верстать свой первый сайт. И сегодня уже готовые 3-4 его страниц на html. У меня будет свой блог. Но вот что делать дальше? Как упростить жизнь? Искал в Интернете, что нужно установить движок, чтобы автоматизировать действия на сайте. Но от этих CMS меня тошнит. Буду делать свой CMS. Смотрю уроки по созданию этого движка. Смотрю также уроки по PHP. . Это просто бардак.</p> Что нужно сразу делать после верстки?
0 votes3 answers -
Посоветуйте, как поровнее колонки сверстать?
http://www.uaz-n.ru/?template=tiles колонки магазин уаз, запчасти уаз, внедорожный тюнинг - посоветуйте пожалуйста, как бы их к более-менее одной высоте приучить? набор пунктов в обоих списках будет динамическим. плашку с магазином уаз можно через table-cell вытянуть в принципе, а внедорожный тюнинг растягивает блок слишком сильно по высоте, а хочется чтобы он стремился к усредненной высоте половины своего содержимого. сейчас криво: клиника?
0 votes6 answers -
С дивами проблема
есть такая ситуация вот код <div> <div id="left"> <div> <div id="left_bg"> <table border=1><tr><td>Работы</td><td>Научная деятельность</td></tr></table> </div> <div id="middle_bg"></div> </div> </div> <div id="right"> <div id="right_top"></div> <div id="right_bottom"></div> </div> </div> и стили #left { height:39px; width: 642px; float:left; } #right { height:39px; width:358px; float:right; } #left_bg { background-image:url(images/menu_left.jpg); background-repeat:repeat-x; width:614px; float:…
0 votes2 answers -
Проблема с файлами
Возникла такая проблемка, я написал скрипт, который выводит содержимое определенного файла в поле текстареа. Потом написал скрипт который обновляет содержимое в файле, вот он: <? if($_GET['a']=='edit') { $file = fopen("../../config.php","r+"); $text = str_replace('<','<',$_POST[text]); $puts = fputs($file,$text); } ?> но проблема в том, что при записи в файл, скрипт перед ' и ", ставит слэш влево. Что делать?
0 votes7 answers -
Как унифицировать?
Есть пхп мониторинга игрового сервера http://diesel.lubernet.su/MiniMon/?IP=85.2...&port=29900 Реализовано наложением картинки количества игроков на картинку с названием карты. Однако в разных ситуациях картинка с количеством игроков оказывается на разных координатах... Например: Опера - по ссылке все нормально, а в айфрэйме: Мазила - по ссылке норм, в айфрэйме норм. Эксплорер по ссылке: в айфрэйме: Сафари - по ссылке норм, в айфрэйме норм. Фрейм используется вида: <div> <iframe name="cwindow" frameborder="0" width=220 height=40 background= "transparent" scrolling="no" src="http://diesel.lubernet.su/MiniMon/?IP=85.21.249.207&port=29900"></ifram…
0 votes5 answers -
Расстянуть фоновое изображение
Помогите пожалуйста разрешить проблемку.Возможно ли с помощью CSS заставить фоновое изображение тянуться под разное разрешение монитора , а не замащивать кусками весь экран. На данный момент фрагмент CSS выглядит так: body { background-image : url(img/background.jpg); background-attachment : fixed; font: 14px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; }
0 votes5 answers -
Выравнивание букв
Немогу выравнить первые буквы с красной строки, вот смотрите на сайте http://pocciy.ru/ помогите как сделать так что-бы буквы не липли к картинкам?
0 votes4 answers -
вопрос про "loop"
Вставил в хтмл <embed src="music1.mp3" type="audio/x-mpeg" width="0" height="0" autostart="true"> по дефолту значение loop -1 что означает что трек должен проигрываться постоянно. а играет один раз. Побывал дописывать loop="-1" не помогло. И кстати, когда ставил loop="3" трек тоже играл один раз...
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-