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
-
снова div
Здраствуйте, я уже роюсь с этим блоком уже целый день.Мне нужно убрать желтую область,чтобы реклама не смогла загородить слово "shkola" и "slogan" ,на маленьком разрешении реклама загораживает эти слова.
0 votes1 answer -
Несколько div в ряд
Как сделать несколько div'ов, в ряд, так, чтобы А и B были размером под текст внутри них, а С занимал всю оставшуюся область? Вот мой вариант, но он глючит (С заезжает на B ): HTML: <div class="main"> <div class="a">div class=a</div> <div class="b">div class=b</div> <div class="c">div class=c</div> </div> CSS: .main{ padding: 1em; overflow: hidden; border: 1px solid black; } .a{ padding: 1em; border: 1px solid black; float: left; } .b{ padding: 1em; border: 1px solid black; float: left; } .c{ padding: 1em; border: 1px solid black; }
0 votes1 answer -
Как растянуть контент до подвала
Здравствуйте! Не получается растянуть .content до #footer при отсутствии содержимого или когда мало текста. Подскажите что не так. http://sl100s.narod.ru 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> <link rel="stylesheet" href="style.css" type="text/css" media="all"> </head> <body> <div id="page"> <div id="sheet"> <div id="header"></div> <div class="content"><div class="vmenu"></div><div class="pagecontent"></div></div> &l…
0 votes8 answers -
Не понимаю поведение эдементов
Добрый день, я сейчас перемалываю стили стандартной темы wordpress (работаю с меню) и никак не могу понять почему образуется зазор. Код меню представлен ниже: <!DOCTYPE html> <html> <head> <style> /* Navigation Menu */ #access { display: block; width: 100%; text-align: center; margin: 0px 0px; padding: 0px 0px; border: 1px green solid; } #access .menu-menu-container { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; margin: 0px 0px; padding: 0px 0px; border: 1px purple solid; } #access ul { display: block; width: 100%; margin: 0px 0px; padding: 0px 0p…
0 votes1 answer -
лишние файлы и производительность
скажите пожалуйста влияет ли хоть в какой то степени присутствие неиспользуемых файлов в папке сайта? пример. есть минифицированный js-файл, используемый слайдером. рядом лежит неминифицированная копия этого файла, которая не используется
0 votes1 answer -
включить gzip-сжатие
включаю gzip-сжатие на сервере посредством добавления в конец .htaccess кода <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html <ifmodule mod_gzip.c> mod_gzip_on Yes mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$ </ifmodule> </IfModule> в результате сайт падает и в браузере получаю ошибку подскажите пожалуйста что я делаю неправильно. или другой способ включить gzip-сжатие пе…
0 votes9 answers -
минимум оптимизации для верстальщика
для себя составил список мер, которые по завершению основной вёрстки помогут придать результату более профессиональный вид, ускорить быстродействие страницы и при этом не включают значительную часть работы сеошника: пополните пожалуйста список полезными по вашему мнению действиями и если здесь присутствуют работодатели, то скажите как часто вам приходится при приеме на работу верстальщика обращать внимание на перечисленное
0 votes3 answers -
Шапки и подвал отдельным файлом в HTML
Как подключить, например шапку и подвал сайта к уже имеющимся страничкам, чтобы не прописывать каждый раз одно и тоже на всех страницах (дабы сократить вес на пару килобайт )? Или обычный HTML такое не умеет? Только xHTML?
0 votes5 answers -
Как войти на только что созданный сайт
Здравствуйте, делала по инструкции мини-сайт из 2 страничек, завела домен и субдомен, на субдомен через FTP загрузила 2 htm-файла, в папку Public_htm, но, как я понимаю, надо еще что-то настроить или загрузить, т.к. со своим сайтом я не могу соединиться, возникают проблемы соединения. Что же делать? Я даже не знаю, где про это можно почитать, первый раз пробую сделать сайт...
0 votes2 answers -
Видео с YouTube на DLE
Сори, все сделал
0 votes0 answers -
Как мне сделать так, чтобы на моем сайте votpochemu.com, когда я добавляю новость на главную, последняя переносилась на вторую?
Как мне сделать так, чтобы на моем сайте votpochemu.com, когда я добавляю новость на главную первую страницу, последняя на этой странице переносилась на вторую?
0 votes0 answers -
как решить проблему с ссылками...
Доброе время суток всем! Начал создавть свой сайт и столкнулся с такой проблемой:границы ссылок и надписей очень большие,можно ли как нибудь их уменьшить? п.с.искал в справочниках и не только но увы... Благодарю за внимание!
0 votes6 answers -
Отрицательный отступ POSITION
Вопрос: при использовании свойства position:relative; top:-10px для блока в родительском элементе СНИЗУ образуется дополнительные +10px. Как можно от этого избавиться, если высоты родительского и дочернего элемента отличаются(высота родител. блока в %, а дочернего - в PX)? <div class="a"> <div class="a1">Первый блок</div> <div class="a2">Второй блок</div> </div> .a1,.a2{width:100px; height:100px;} .a{background:grey; width:300px;} .a1{background:red;} .a2{background:blue; z-index:2; top:-10px; left:30px;}
0 votes1 answer -
wmode="opaque"
проблема с флеш слайдером на сайте,он показивает поверх всего, в том числе вспливающих окон....нужно это исправить,нужно пременить wmode="opaque" только не знаю куда его вбивать в этот код,если нету <object>...</object> , <embed ...> вот код как тут быть?
0 votes2 answers -
Как сделать один файл контента на 2 версии сайта?
Добрый день. Помогите, пжлста, найти способ и реализацию довольно простой задача: Есть две версии сайта — дескопная (HTML, CSS, JQ) и мобильная (HTML, CSS). Никаких наворотов. Все просто. В каждной версии сайта есть страницы с дублирующей друг друга информацией, например, "Регламент игры". Периодически "Регламент игры" обновляется — текст, картинки, ссылки пр. Задача: Как можно реализовать использование единого файла контента, но для 2-х версий сайта? Сразу оговрюсь, я не владею JS и JQ в полной мере — могу сделать copy/past и подправить параметры. Как вариант, думал сделать через <include>, но в декстопной версии верстка табличная, а в мобильной на div'ах. Да и чув…
0 votes0 answers -
проблема с выпадающим меню pro_dropdown_2
Добрый день. На моем сайте http://n-dl.narod.ru/ стоит горизонтальное выпадающее меню pro_dropdown_2 В IE некорректно отображается, при наведении мышкой - пропадает. Помогите разобраться, что нужно сделать? привожу код страницы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META NAME="description" CONTENT="Роспись храмов, Иконы, Иконопись, Мозаика, Иконостасы, Церковь, Восстановление храмов, Восстановление церквей, Фреска"> <META NAME="Keywords" CONTENT="Роспись храмов, Иконы, Иконостасы, Роспись стен, Фрески, Иконы, Мозаика, Храмы, Дизайн, Строительство, Отделка, Реставрация фресок, Реставрация икон, Роспи…
0 votes0 answers -
Достучатся до дочернего элемента неизвестной глубины (CSS)
Есть форма, она охватывает пол страницы, на странице много элементов для заполнения, разложенных в различных положениях, так, что не возможно прописать к каждому из них путь. Стало интересно, есть возможность прописать их всех от формы, не проставляя каждому отдельно класс? Что-то вроде #forma * input { width:200px; } Есть какой-нибудь сценарий такой реализации?
0 votes4 answers -
как прилинковать файл js ?
здравствуйте. подскажите, пожалуйста, как правильно прилинковать файл js (если он будет находиться с отдельной папке) к файлу html ? вот так линкую css : <link rel="stylesheet" href="css/1_text.css" type="text/css"> а для файлов js эта строчка как должна быть написана? спасибо.
0 votes4 answers -
Совет по верстке
Добрый вечер друзья, есть макет, нужен совет по верстке основной части, как лучше сделать края основной части?
0 votes2 answers -
Проблема с выводом статей на сайте при добавлении с помощью панели администрирования
Не знаю в тот ли раздел пишу, не ругайте сильно. Есть сайт http://srub-profi.ru/index.php?param=article&title=%D0%A1%D1%82%D0%B0%D1%82%D1%8C%D0%B8 на нем статьи. Добавить статьи можно с помощью небольшой администраторской части, где указывается название статьи в input, картинка, и текст статьи в textarea. Данные попадают базу и оттуда подгружаются на сайт. Как видно, если провалиться в "читать далее" в статью, то текст выровнен не по всей ширине и более того большой отступ справа, а там где картинка еще и какие-то непонятные переносы строк. Вопрос: Как исправить ситуацию, чтобы текст при добавлении из администраторской части при выводе на сайт корректно вел себя?
0 votes6 answers -
проблема высоты изображения IE7
div{width:80%;height:100px; border:1px solid red; background:red;} img { min-width: 100%; height:60px; } </style> </head> <body> <div id="boo"> <img src="1.gif" /> </div> В ие7 высота изображения больше чем height:60px;.Как решить проблему?OVerflow:hidden для родителя не предлагать.
0 votes0 answers -
безопасность использования Unicode символов
безопасность использования Unicode символов для рисования фигурок http://copypastecharacter.com/graphic-shapes Какие могут быть проблемы в браузерах(кроме ие6)?Оправдано ли их использование для рисования фигурок?
0 votes0 answers -
выравнивание слоя по вертикали
Сделал выравнивание слоя по центру (вертикально/горизонтально). Но появилась проблема, когда высота окна браузера становится меньше 700px, слой начинает "сьедатся" браузером сверху и снизу. Как это можно устранить? Буду благодарен за совет. сайт в архиве html{ height: 100%; margin: 0; padding: 0; } body{ font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif; margin: 0; padding: 0; background-color:#fff; height: 100%; min-width: 1000px; min-height: 700px; } #content_wrap{ height: 700px; width: 1000px; margin: auto; position: relative; left: 50%; top: 50%; margin-left: -500px; margin-top: -350px; …
0 votes1 answer -
Дублирование контента в iframe в IE6
Добрый день. Итак - суть вопроса: у меня на странице есть два айфрейма, сгенеренные в xslt-шаблоне. В ситуации, когда на странице два айфрейма, получаем одинаковое потоковое видео для обоих, в ие7+ и остальных браузерах все нормально. Здесь в сорце - страница с видеоплеером для видеокамеры, работающей в реальном времени. Любые ваши комментарии будут полезны. Заранее спасибо. Кусок xslt <xsl:element name="iframe"> <xsl:attribute name="class">videoIframe</xsl:attribute> <xsl:attribute name="name"><xsl:value-of select="CAMSID"/></xsl:attribute> <xsl:attribute name="frameborder"&g…
0 votes0 answers -
Отображение фона fieldset в Internet Explorer
Здравствуйте. Столкнулся с такой проблемой: фон элемента fieldset вылезает за рамку и за legend, но только в IE, остальные браузеры отображают мой код нормально. Как пофиксить? <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </script> </head> <body style="margin:0;padding:0;background:#FFA;" > <div id="content" style="width:100%;margin:0;padding:0"> <fieldset style="background:#AFA; margin:50px;"> <legend style="background:#FAA; margin:10px;">легенда</legend> <p>контент</p> </fieldset> </div> </body…
0 votes0 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-