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
-
Параметр height100% + IE+doctype
Добрый день! У меня проблемка вот в чем (по форуму искал, 100% решения не нашел): Сама страница <html> <head> <title>homepage</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <table class="main" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td class="leftcolumn" rowspan="6"></td> <td class="rightcolumn" colspan="7"> </td> <td class="top" rowspan="6"> </td> </tr> <tr> <td colspan="2"> <a href="#"><img src="images/homepa…
0 votes8 answers -
в IE6 просвечивает выпадающее окно
есть див с рейтингом в виде рисунка. при нажатии на этот рисунок, java скриптом поверх выводится див для ввода коммента к рейтингу. но в IE6 див для коммента оказывается под дивом с рейтингом, и все кнопки неактивные. у дива для коммента и у дива с рейтингом пробовала указать и z-index, и position в разных комбинациях, но не помогает в IE7, Mozilla Firefox и Opera все работает. Заранее спасибо за помощь! <style> .user_soft { margin:0px 15px 5px 20px; } .user_soft a { color: #2786A8; margin:0px; text-decoration:underline; } .user_soft a:hover { color:#4864d6; } .user_soft img { margin:0px 2px -4px 0px; } .user_soft p { color:#181919; margin:5px 15px 0px 23…
0 votes11 answers -
Проблемы с рамкой в Mozille и Opere
Рамка отображается неправильно в Mozilla и Opera (в IE работает нормально) ====================================================== <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Проблемы с рамкой в Mozilla и Opera</title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0" cols="3"> <tr> <td width="12" height="12"><img src="img/ram-1.gif" width="12" height="12" border="0" alt=""></td> <td height="12" background="img/ram-2.gif"&g…
0 votes6 answers -
Запрет на копирование картинки
Как с помощью CSS запретить копирование и перемещение на странице картинки?
0 votes11 answers -
Проблема с подключением шрифтов в FireFox
Здравствуйте, столкнулся со следующей проблемой. Есть проект веб-сайта, есть две роли, своего рода два интерфейса взаимодействия, пока готовится проект для презентации заказчику, понадобилось разделить весь перечень страниц в соответствии с этими ролями. Проще говоря, есть корневой каталог, в нем: css, js, sass, images, fonts, role-1, role-2. Последние два каталога - каталоги с HTML страницами в зависимости от роли. Допустим, существует файл со стилями site/css/role-1/home-page.css в файле подключаются фонты, например: @font-face { font-family: 'Roboto'; src: local('Roboto Thin'), local('Roboto-Thin'), url('../../fonts/roboto/robotothin.woff2') forma…
0 votes5 answers -
avi, mpg etc
Привет всем. Может ктонибудь подсказать какие параметры надо указывать в обжекте, что бы проигрывались видео файлы. Следующий пример по непонятным причинам не работает : <OBJECT DATA="example.avi" TYPE="video/x-msvideo" WIDTH="500" HEIGHT="500"> <PARAM NAME="autoplay" VALUE="true"> </OBJECT> <br><br><br> <OBJECT DATA="example.mpg" TYPE="video/mpeg" WIDTH="500" HEIGHT="500"> <PARAM NAME="autoplay" VALUE="true"> </OBJECT> Прошу помощи
0 votes5 answers -
Как заставить блок "толкать" ul
Нужно сделать так, чтобы при уменьшении окна #adver "толкал" #navmenu, чтобы строки в нем переносились без указания ширины для #navmenu. Сейчас я обхожусь тем, что явно прописываю ширину, но это костыль. Если ширина не прописана, то при уменьшении #adver переносится на новую строку, #navmenu остается без изменений. Что делать? <div id="logo"> <img src="img/logo.jpg" width="109" height="144" alt="Логотип" /> </div> <ul id="navmenu"> <li><a href="#">Новости</a></li> <li><a href="#">Программы</a></li> <li><a href="#">Эфирная сетка</a></li> <li><a hr…
0 votes17 answers -
frD-Пункты меню непрямоугольной формы
Здравствуйте! У меня на cайте каждый пункт меню не прямоугольный, а в форме стрелы, направленной вправо. При этом используемая картинка этой самой стрелы должна меняться при наведении мыши. Первый вопрос: как мне элементарно сохранить непрямоугольное изображение стрелы? Как можно сделать его ссылкой со сменой изображения?
0 votes5 answers -
Кодировка при сабмите формы
У меня сайт в UTF-8. Как сделать форму, чтоб запрос уходил в кодировке windows-1251 ? Чтоб из формы уходил запрос в отдельный скрипт или на другой сайт в кодировке отличной от кодировки страницы. Вроде даже ответ нашел: accept-charset="windows-1251" пример выглядит так: <form action="action.php" method="post" name="nameform" accept-charset="windows-1251"> НО, как всегда, в IE это не работает !!! Как быть???
0 votes6 answers -
Не отцентровать шапку
Центрую шапку для всех разрешений,под 1280 всё ок,но на больших разрешениях шапка всё равно слева.Вот сайт: http://seventh-legion.ru/ вот код,перепробывал уже вроде всё,но результат тот же((( <body> <jdoc:include type="modules" name="banner1" style="raw" /> <div style="background:url(<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg); background-repeat:repeat-x; width:100%; margin:0 auto;"><a id"><a id="-logo<?php echo ($logo_as_image)? '' : '_styled'; ?>" href="./"><img src="<?php echo '/templates/'.$this->template.'/images/';?>shapka.jpg"></a> </div> кто н…
0 votes14 answers -
Проблема с line-height в Firefox
Привет всем. Заметил, что в firefox выравнивание текста по baseline происходит отлично от других браузеров. Baseline не совпадает на 1px. Вот что я имею ввиду: Кто как с этим борется? Исходник на jsfiddle: http://jsfiddle.net/KtbDU/
0 votes2 answers -
Можно ли при помощи css создавать встраеваемые блоки
Например, созданое на отдельной странице кнопочное меню в форме, "притянуть" с помощью css в html стриничку как отдельный блок. Заранее спасибо за помощь
0 votes6 answers -
Как сделать анимацию цикличной?
Как сделать анимацию цикличной? Есть блок, который маячит, привлекает, но делает он это всего 1 раз. Как и можно ли с помощью всего лишь css придать ему цикличность с заданными пробелами (остановками). Пример: .info-box {background : #c2ddf9;border : #CD0000 solid 1px;color : #CD0000; font-weight : 700; animation: spin 0.050s linear 3s alternate;animation-iteration-count: 10;}@keyframes spin { 0% {transform: scale(1.05, 1.05);}100% {transform: scale(0.9, 0.9);}} Спасибо!
0 votes2 answers -
Помогите с тегом <base>
Интересно, как задавать правильно базовый адрес ссылок. Почему-то код страницы не работает как надо, т.е. не выводит картинку... <html> <head> <title> Велосипед </title> <base href= "http://wallenokk.wallst.ru/pic"></base> </head> <body> <img src="bicycle.jpg"> </body> </html> И в то же время следующий код работает <html> <head> <title> Велосипед </title> </head> <body> <img src="/pic/bicycle.jpg"> </body> </html>
0 votes9 answers -
Настройки скролла
Здравствуйте. Создаю блок в у которого вертикальный скроллинг. Скажите плиз как можно настраивать отображение кнопочек и самого бегунка. Можно ли через CSS, если нет то как из под JS спасибо
0 votes5 answers -
Вспышки при обновлении страницы
Всем привет. помогите решить проблемы. При обновлении страницы за фоном на милисекунду мерцает белый фон, очень раздражает глаза. Как от этой вспышки избавиться попроще? по ссылке видео снял https://www.youtube.com/watch?v=iqLIyzxdJCc&feature=youtu.be
0 votes8 answers -
Обосновано ли использование JavaScript
У меня есть вопрос. Обоснованно ли использование JavaScript, ведь в его использовании существует множество минусов?
0 votes8 answers -
Как убить Frame с порнухой
Приятели наловили этого добра, а у всех дети,жены не все есть хорошо когда на столе голые тети с дядями.А сам я не в теме и нет времени букварь листать. Кто может, подскажите как выбить с компа эту радость.Заранее спасибо, верю есть и среди вас хорошие люди
0 votes16 answers -
Вопросы от новичка.
Всем доброго времени суток. http://htmlforum.ru/index.php?showtopic=47865 Решил все-таки откинуть вариант отступов в тексте при помощи div. <b>Название:</b><p>Сам текст</p>Вот мне необходим еще дополнительный отступ после "Сам текст", чтобы хоть как-то отделять разные по смыслу тексты в одной статье. Если бы полгода назад передомной стояла такая цель — я бы как типичный говнокодер кинул 2 <br> в конец. Как сделать по уму? Спасибо.
0 votes24 answers -
Как отобразить Рукописный шрифт на сайте
Подскажите пожалуйста, как сделать так чтобы можно было отображать шрифт рукописный. хочу шрифт adventure. нужен для ресторана. а как сделат так чтобы он работал не получается. может кто знает. и может как нить так чтобы если у пользователя нет этого шрифта на компу, чтобы к нему либо автоматически ставился, либо читался как то с моего сайта. Буду признателен
0 votes5 answers -
Вывод файлов директории для скачивания
Здравствуйте! Подскажите, пожалуйста, как вывести файлы не каталогом, а в виде списка… в тегах <p> или <a> , или ещё как, чтобы их можно было скачать??? http://jsfiddle.net/vr6qruy1/1/
0 votes11 answers -
Отрицательный margin, Chrome
Добрый день. Есть такой сайт - http://arlite.dn.ua Во всех браузерах отображается нормально, в Хроме - косяки. Косяки в тех местах, где применялося отрицательный margin. Конкретно это 1) логотип на всех страницах (должен быть слева, по факту в центре) 2) на странице http://arlite.dn.ua/rus/aboutus/awards/certificates/ все меню. Конкретный кусок кода, использовавшийся в логотипе .head-container { height:705px; width:100%; background-color:#D2E4CA; } .head { width:1000px; height:705px; background: url('img/arlite-plant.jpg') no-repeat center; } .logo-container { width:280px; height:130px; margin-left:-750px; /* <———— Проблема здесь */ } <div …
0 votes5 answers -
Верстка статического сайта
Доброго времени суток. Мне необходимо сделать сайт без использования php скриптов. Возникает проблема, что если придется добавить небольшую деталь, то надо будет редактировать все html файлы отдельно. Есть вариант создания отдельных частей которые будут подгружаться на сайте? Типо блок меню или футер. Заранее спасибо.
0 votes16 answers -
высота ячейки и разрешение\тип монитора
Наткнулся на определ?нную проблему. У меня картинка разрезана на 2 фрагмента, которые вставлены фоновыми рисунками в 2 ячейки (TD). При отображении ячеек одна под другой получается целый рисунок. Верхнюю ячейку фон заполняет целиком (утрируя - ширина и высота рисунка=ширине и высоте ячейки). В нижней ячейке background-position:top; Поверх фона ид?т текст, а в верхнюю ячейку встроена ещ? одна таблица с текстом ( <table> <tr> <td style="background-attachment:fixed; background-image:url(imagesban.gif);....."> <table><tr><td>ля-ля-ля</td></tr></table> </td> </tr> </table> ). К таблицам приминяются отсту…
0 votes7 answers -
Трехколоночный макет
Решил сделать верстку слоями с помощью плавающих элементов. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"> <html> <head> <title>Hellow world!</title> </head> <body style="margin:0; padding:0"> <div style="width:200px; padding:0; margin:0; height:100px; background-color:green; float:left; color:yellow;"> Первый </div> <div style="width:200px; height:100px; background-color:red; float:right;"> Третий </div> <div style="height:100px; background-color:blue; color:white;"> Второй </div> </body> </html> Все бы ничего да в ИЕ между средним слоем и двумя другими образуют…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-