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
29,542 questions in this forum
-
Вопрос по быстродействию
У меня такой вопрос по поводу CSS-стилей. Какой способ внедрения стилей в страницу способствует большей скорости загрузки страницы? 1) назначать каждому элементу свой идентификатор или класс и стили выносить в отдельный файл; 2) прописывать стили для каждого тега как параметр style="";
0 votes1 answer -
Нужна ваша помощь
Всем доброго время суток, проблема может не такая и весомая но все же, заключается в том что есть сайт, на нем есть поле куда можно вводить текст, с кнопкой которая отправляет на сервер (Submit) но так же меня перекидывает на эту страницу (Сервер) и показывает все данные то что мне надо а хочется так чтобы он отображал все данные на моей странице и не перекидывал меня на сервер возможно ли это сделать, за ранее благодарю за помощь! З.У. target=_blank не то, сайт на ХТМЛ
0 votes1 answer -
Прижатый футер + еще кое-что
Здравствуйте, не получается реализовать следующее: Нужно на дивах сделать верстку, чтобы получился результат как на рисунке, а footer был прижат к низу страницы Нашел в сети следующий рабочий пример, добавляю к нему внутрь #content #left и #right но из-за свойства float: left весь эффект прижаточти футера пропадает. Как быть? <!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" lang="ru"> <head> <title>Прижимаем футер к низу страницы</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <…
0 votes1 answer -
переопределение br
Можно как то высоту между сроками задать которые он переносит?
0 votes1 answer -
подвисает Мазила
Почему при наведении на ссылку Мазила подвисает долю сикунды, и как это устранить? В Опере и Ослике работает нормально вопрос снят)
0 votes1 answer -
текст растягивает табличу или "прячется"
К примеру использование overflow: hidden; <table border="1" cellpadding="0" cellspacing="0" width="30> <tr> <td> sdfk jgklfjkljg klfdgdsfggf dgsdfgdfgs dfgsdfgfsd </td> </tr> </table> растягивает таблицу, если строку погрузить в контейнет div то часть строки прячется. как сделать так чтоб не растягивалась и не пряталась? нашел nowrap было <td nowrap> <table border="1" cellpadding="0" cellspacing="0" width="30> <tr> <td> sdfk jgklfjkljg klfdgdsfggf dgsdfgdfgs dfgsdfgfsd </td> </tr> </table> </td>
0 votes1 answer -
форум
немогу сделать форум, скачивал различные форумы php ,html... но они отображают ВЕСЬ текст, ну тоесть все команды, а вот этого мне ненадо... может кто что посоветует? или может кто знает где скачать норм HTML форум?
0 votes1 answer -
IE6 включает padding в height?
IE6 включает padding в height? Вроде читал, что не должен, но у меня почему-то включает. В мазиле и в ИЕ6 следующий код отображается по-разному <!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=UTF-8"> <style> HTML { height:100%; } BODY { height:100%; } #div1 { border:solid 1px #999999; position:absolute; width:50%; height:expression(document.body.offsetHeight-500); top:0px; bottom:500px; } #div2 { border:solid 1px blue; width:auto; height:100%; float:left; padd…
0 votes1 answer -
Возможно ли отменить действие стилевого правила?
Имею выносной стилевой файл в котором определены такие настройки (все упростил для наглядности): a { color:#f00; } a:hover { color:#000; background:#bbb; } и html <div id="block"> <p>бла-бла-бла <a href="#">Здесь</a> бла-бла-бла</p> <ul> <li> <p>пам-парам <a href="#">Тут</a> пам-парм</p> </li> </ul> </div> если я пропишу правило (таковы требования) div#block p a { color:#ccc; } то оно применится ко всем ссылкам блока (id="block") в тч и в составе списка. Но вот именно в списке мне нужно оформление ссылок, которое задано "глобальным" правилом. Вопрос: можно ли каким-то пр…
0 votes1 answer -
как сделать ссылку на середину документа
Здравствуйте ребята, подскажите пожалуйста, как сделать ссылку на середину документа допустим у меня есть текст и мне нужно при нажатии ссылки попасть на середину документа. Вот как это сделать я что то ни как не пойму(((
0 votes1 answer -
SSI
Заранее прошу прощения, если влепил тему не в тот раздел, но ничего более подходящего не увидел. Есть такая структура сайта: docs - тут все страницы сайта ssi - тут часть кода, который размещается через директиву на все страницы index.shtml Вот такая директива прописана в коде всех страниц на сайте, включая главную <!--#include virtual="/ssi/links.html"--> В html-файле, который вставляется через директиву, есть ссылка такого типа <a href='stranica.shtml'>Ссылка</a> После того, как все это отработало получаем все страницы с размещенной ссылкой <a href='/docs/stranica.shtml'>Ссылка</a>, а главную страницу с неработающей ссылкой <a href='stra…
0 votes1 answer -
какой локальный сервер можно использовать с флэш-накопителя
Какой локальный сервер можно использовать на отдельном накопителе? Заранее спасибо!
0 votes1 answer -
Проблема с всплывающим меню. Координаты.
Код: <html> <head> <style> .submenu{ visibility: hidden} </style> <script> function showmenu(elmnt) {document.getElementById(elmnt).style.visibility="visible"} function hidemenu(elmnt) {document.getElementById(elmnt).style.visibility="hidden"} </script> </head> <body> <div class=menupos> <a href="" onMouseOver="showmenu('sm1')" onMouseOut="hidemenu('sm1')">Меню0_1</a> <a href="" onMouseOver="showmenu('sm2')" onMouseOut="hidemenu('sm2')">Меню0_2</a> </div> <div id=sm1 class=submenu style="left:5"> <a href="">Бла1</a><br> <a href="">Бла1</a><…
0 votes1 answer -
Проблемы с position relative Mozilla 3.0
<script language="javascript"> var what_design_visible=false; why_design_visible=false function show_what_design(){ if (what_design_visible==false){ document.getElementById('what_design').style.display='block'; what_design_visible=true; } else {document.getElementById('what_design').style.display='none'; what_design_visible=false;} } function show_why_design(){ if (why_design_visible==false){ document.getElementById('why_design').style.display='block'; why_design_visible=true; } else {document.getElementById('why_design').style.display='none'; why_design_visible=false;} } </script> <a href="#"><H2 class="style1" …
0 votes1 answer -
Тупой макет, помогите!
Добрый вечер. Вот так все выглядит. вот код: <html> <head> <title></title> <link type="text/css" rel="stylesheet" href="/css/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <div id="body" align="center"> <div id="header"> <div id="title">1</div> <div id="menu"> <a href="/" onfocus="this.blur();"><img src="/images/home.jpg" border="0"></a> <a href="/about/" onfocus="this.blur();"><img src="/images/about_us.jpg" border="0"></a> <a href="/forum/" onfocus="this.blur();"><img src="/images/f…
0 votes1 answer -
IE 5,5; IE 6; - Лефт-Маргин
Ссылка на пример В вышеназванных браузерах блок с услугами и блок с картинкой съезжают при заданном маргин-лефт. Или же правые за ними едут. Как исправить ситуацию/мою ошибку? Путем хака убрал 10 px - стало норм, есть ли другие варианты? Спасибо!
0 votes1 answer -
Z-index в IE6
Работает во всех браузерах, кроме IE6. В IE6 фон меняется местами с контентом. Может, кто сталкивался с проблемой? сайт http://lemali.ru
0 votes1 answer -
Текст уезжает под DIV (Firefox)
Во всех брузерах, нормально работает, a в FF текст уезжает под div с картинкой HTML <div class="slayserImg"><img src="/images/image.jpg"/></div> <p>Куча текста</p> CSS .slayserImg {float:left; padding: 5px; border: 1px solid #999; margin: 0 15px 0 0; zoom: 1;} .slayserImg IMG { width: 130px;}
0 votes1 answer -
Теги <li></li> в Firefox и IE
Здравствуйте! Поздравляю всех с Новым годом! Работал над сайтом просматривая в Firefox, в IE заглядывал редко, вроде кривого не замечал. Но сегодня обратил внимание, что теги <li></li> для вставки списка в IE не выводят нужного элемента (точечки перед текстом). В чём может быть косяк, подскажите пожалуйта. Вот код: <div class="maincontent"> <img src="images/content-top.gif" class="block" alt="" /> <div class="content-mid"> <table width="100%" border="0" cellspacing="30" cellpadding="2" summary="sitemap"> <tr> <td colspan="2" valign="top" align="left"> <h1>Описание текста</h1>…
0 votes1 answer -
не загружать изображения
Есть скрытый div в нём текст и изображения, как сделать так чтоб изображения не грузились пока не сделать div видимым?
0 votes1 answer -
Подскажите как сделать выпадающее меню
Здравствуйте! Пожалуйста, подскажите как сделать выпадающее меню с помощью HTML и CSS. Пробовал на JS, но не получилось. Спасибо!
0 votes1 answer -
colspan в IE
<style> table.blog{ width: 100%; border-collapse: collapse; border: 0; margin: 0; padding: 0; } table.blog td{ border: 1px solid #CECFCE; padding: 5px; text-align: left; vertical-align: top; } table.blog td.face{ width: 120px; height: 120px; background: #fdd; } </style> <table class='blog'> <tr><td class='face'>1</td><td>2</td></tr> <tr><td colspan='2'>3 <table class='blog'> <tr><td class='face'>1</td><td>2</td></tr> <tr><td colspan='2'>3 </td></tr> </table> </td></tr> </table> почему в IE6 (у ме…
0 votes1 answer -
Список
Подскажите, пожалуйста, как сделать нумерованный список с прописными буквами русского алфавита.
0 votes1 answer -
Проблема с кроссбраузерностью
Здравствуйте! Помогите пожалуйста - очень надо, а то дело простаивает - пишу сайт www.zhivoyfest.ru И вот проблема - собственно #content { /* Основное содержание страницы */ background: #6a6a6a url("img/3.jpg") no-repeat; border: solid 1px black; /* Параметры рамки */ width: 700px; min-height: 94px; margin-left: 250px; /* Отступ слева */ margin-bottom: 20px /* Отступ снизу */ } #content h{ /* Основное содержание страницы */ display: block; font-size: 1.3em; font-weight: bold; text-decoration: none; color: #bababa; font-family: Verdana, Arial; text-transform: uppercase; padding: 12px 0px 14px 15px; } стиль content h в мозиле отображается как …
0 votes1 answer -
Проверьте авторизацию на безопасность
http://vvsh.ru/admin/ - уважаемые форумчане, проверьте авторизацию на прочность. Заранее спасибо.
0 votes1 answer
-
Обсуждения
-
Актуальные контакты: 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-