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 уходит вниз !
Есть три области, div_left, div_center, div_right. В div_left находяться ссылки, в div_center выводиться основная информация а в div_right находиться например рекламма. При уменьшении окна браузера div_right уходит вниз !!!!! div_left в котором находяться ссылки также уменьшается до безобразия. Задача: оставить неизменными div_left и div_right при изменении размера окна браузера, div_center может меняться в ширину. Заранее Благодарю за ответ !!!
0 votes5 answers -
Скрипт для печати выбранного checkbox
Нужен скрипт, который позволит печатать определенный текст. Использовать отдельные таблицы стилей не подходит, т.к в форме, которую печатаем, есть checkbox. Я хочу передавать в печать только те checkbox, которые были выбраны, а так же выбранные option value Может есть уже готовые скрипты, которые печатают определенный текст? Буду признательна за ссылки, которые смогут помочь.
0 votes30 answers -
Кроссбраузерность mask и clip-path
Как решить вопрос с кроссбраузерностью таких вещей? В firefox буквы "D" (маски) нету и clip-path не отрисовывается на сером блоке. А в IE - полная грусть. А это разметка
0 votes3 answers -
SSI при верстке shtml документов
Здраствуйте, недавно, при прочтении одной из статей посвящ?нной использованию SSI на citforum.ru, я решил использовать некоторые его элементы в сво?м проекте. Собственно эта темя является продолжение вот этой темы. Так как я не могу найти ту самую статью, то приведу код и основную идею. Идея заключается в том, что создаются несколько html файлов в которых прописываются некоторые переменые с помощью условий ( #expr var="" #echo var="" ), а в результирующем файле задаются значения этим переменным. Вот код: [b]_head.html[/b] <html><head> <title>Web Club Repository. <!--#echo var="TITLE" --></title> <meta http-equiv="Content-Type" con…
0 votes8 answers -
Изменение рисунка при наведении курсора
Подскажите пожалуйста! Что делать что-бы верхняя картинка изменялась при наведении на ссылку? www.sdlmebel.h.com.ua
0 votes5 answers -
Задача на смекалку
<div><img src="img.jpg" width="100" /><p>Какое-то количество текста, причем количество текста разное во всех блоках</p></div> <div><img src="img.jpg" width="150" /><p>В этом блоке может быть меньше текста</p></div> <div><img src="img.jpg" width="50" /><p>А в этом наоборот - может быть очень много, вплоть до нескольких предложений и словосочетаний.</p></div> Блоки обтекают друг друга слева ( float: left; ). Текст, находящийся в блоке, разумеется, идет в одну строку. Задача: сделать так, чтобы блок имел ширину, равную ширине находящегося в нем изображения для того, чтобы текст переноси…
0 votes26 answers -
browsersync.io работает только с html страницей
Что есть: - локальный сервер (OpenServer) - на локальном сервере сайт "php-site" - установлен чистый browsersync без grunt и прочего запускаю brosersync: browser-sync start --proxy "php-site" --file "*"в браузере открывается мой сайт с адресом http://localhost:3000 Автообновление работает только с html файлами, если сервер к примеру отдает script.php или style.css browsersync перестает обновлять страницу при изменении файлов. Как заставить работать автообновление brosersync с php?
0 votes3 answers -
Помогите пожайлуста
Люди помоги сделать пожалуйст в шаблон вставить разные штуки там коффе и т.д. только что бы несьюжала.......+1 дам Ну как тут что бы было
0 votes26 answers -
Портфолио на Github
Добрый день. Сделал страницу с портфолио и разместил на Github.io. И вот какая проблема - при переходе по ссылкам на работы вся верстка ломается, и вроде бы причину нашел. Каким то образом в HTML файле в head оказывается инлайновый стиль, но он чужеродный, в моей верстке его нет. Выключаю его в инструментах разработчика все норм. Но как мне вообще от него избавиться? Где это, откуда, вообще не пойму. Ссылка на порфолио http://cdsy.github.io/ Ниже сам кусок кода от которого надо избавиться. <style><!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta http-e…
0 votes0 answers -
css reset
Добрый день у меня возник такой вопрос каким css reset пользуетесь вы ? и какой самый лучший по вашему мнению ... я например использую такой ... но мб есть и лучше (правельнее) , хотелось бы узнать ваше мнение .. h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; pad…
0 votes30 answers -
плеер на сайте чтоб серфинг не влиял на него
У Меня есть готовый плеер <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src= "http://counters.gigya.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyNzMyMTc2OTI1MzEmcHQ9MTI3MzIxNzY5MzczNCZwPTE4MDMxJmQ9Jmc9MQ==.gif" /><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.mixpod.com/swf/mp3/mff-stick.swf" height="35" width="219" style="width:219px;height:35px"><param name="movie" value="http://assets.mixpod.com/swf/mp3/mff-stick.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /&g…
0 votes18 answers -
100% по высоте в блочной верстке
Доброго дня! Есть раскладка на флоатах <!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> <link href="index-block.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="leftcol">MENU </div> <div id="rightcol"> <div id="head"> HEAD </div> <div id="content"> CONTENT </div> </div> <div id="footer">FOOTER</di…
0 votes7 answers -
https перечеркнуто в хроме
Подскажите почему https перечеркнуто в хроме Не отображается левая менюшка с категориями в IE9, только если нажать "Понимаю факторы риска" Установлен SSl сертификат на хостинге.. Посмотреть можно здесь сцылка
0 votes4 answers -
Как риализовать следующий каркас
Не могу никак нормально вс? сделать... Необоходимо получить DIVами: -шапку с бэкграндом по левому краю -ниже полоса на всю ширину с одним только лого по середине -ниже еще полоса уже с контентом (контент при этом по середине, состоит из трех DIVов в ряд: все фиксированы разной ширины, грубо в сумме ширина всех трех порядке 600пкс, и это все по середине полосы с контентом) которая будет растягиваться по высоте и занимать вс? свободное пространство - ну и футтер с еще одним бэкграундом по левому края (нижние и верхние DIVы фиксированы по высоте. Помогите плиз... и какой DOCTYPE следует применять.... прям головоломка
0 votes9 answers -
CSS и размеры кнопки
Всем привет. Помогите, пожалуйста, со следующей проблемой... Имеется код кнопки: *** <form action="" id="cse-search-box"> *** <button class="Button" type="submit" name="" tabindex="" style="margin-left: -60px; margin-top: 10px; text-align:justify;"> <span class="btn"> <span class="t"> Поиск </span> <span class="r"> <span></span> </span> <span class="l"></span> </span> </button> *** </form> *** К ней применены следующие стили оформления: /* Search Form */ #cse-search-box button.Button, a.Button { position:r…
0 votes5 answers -
не могу растянуть среднюю колонку в IE
Сайт сверстан таблицей из трех колонок. Крайние колонки ограничены шириной 160 пикселей, а средняя должна растягиваться на оставшуюся ширину экрана. Т.е. сайт должен быть резиновым. И везде это работает, но только не в IE. Если я задаю ширину любой ячейки в средней колонке = 100% - то таблица уходит за пределы экрана. Если не задаю - сжимается до одиноковой ширины с крайними колонками. Если вкладываю в нее (в любую ячейку в средней колонке) таблицу с шириной 100% - все равно не помогает. Вот код: <table width='100%' border='0' cellpadding='0' cellspacing='0'> <tr> <td width='160'> текст </td> <td> <table width='100%' cellpadding='0' cells…
0 votes5 answers -
На что можно заменить <br> + красная строка
Нужно уменишить растояние между абзацами, пользовался , есть ли что-нибудь другое? Как прописывается, чтобы текст начинался с красной строки?
0 votes3 answers -
Стиль ячеек столбца таблицы
Существует ли в CSS возможность задать стиль ячеек определённой колонки таблицы так, чтобы не указывать class для каждой ячейки?
0 votes10 answers -
Вопрос на засыпку
Вот пришла в голову идея сделать ссылку на часть страницы находящегося на другом сайте. Можно это вообще как либо осуществить ? Заранее спасибо.
0 votes22 answers -
Про дни недели
Загрузка страницы дня. В зависимости от дня недели загружается соответствующая страница. Предусмотреть возможность ввода адресов для каждого дня недели. Это было задание.... Вот что надо сделать: Должно выводиться окно с выпадающим списком, а за ним поле для ввода URL-адреса, в котором нужно написать название этих дней недели, потом идет кнопка "OK"...вот хотя бы ответьте на вопрос: Как по этой кнопке перейти на страницу соответствующего дня? Я сделала: 7 документов: !Понедельник.html, ! Вторник.html....и т. д. и ещё один общий, в котором я уже код записала, вот он собственно и представлен: <html> <head> <title>Дни недели</title> <script la…
0 votes10 answers -
фон
помогите !!! мне необходимо несколько маленьких фоноф наложить на общий фон страницы. я слышал что это можно сделать через *див
0 votes15 answers -
Здравствуйте Уважаемые профессионалы!
Нужда заставила идти на ваш форум, просьба помочь. Есть макет Залит градиентом с низу вверх, надпись посередине т.е. графическое изображение на градиенте, Я при верстке беру кусок градиент и делаю бэкграунд но при вставке, графического изображение выделяется т.е. градиент у графического изображение отличается у того который был сделан бэкграундом. Извени если говорю непонятно.Подскажи кто может как этого избежать может не правильно режу?
0 votes12 answers -
IMG width в %
Есть код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <body style="width:100%"> <table width=100%><tr><td> <img src="image.jpg" width=100%> </td></tr></table> </body> </html> Размер image.jpg больше размера экрана (картинка 1500x750, экран (в моем случае) 1280x800). В FF и IE8 картинка масштабируется по ширине экрана, в IE6 и IE7 - отображается в оригинальном размере. Как заставить IE6 и IE7 тоже сжимать картинку?
0 votes32 answers -
html макет счета на оплату
никто не богат? Сейчас передедываю то, что удалось сохранить из 1с в excel, а потом из excel публикацией в web Так там такой огород.. <html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <meta name=ProgId content=Excel.Sheet> <meta name=Generator content="Microsoft Excel 14"> <link rel=File-List href="invoice2.files/filelist.xml"> <style id="счет mag52_25010_Styles"> <!--table {mso-displayed-decimal-separator:"\,"; mso-displayed-thousand-separator:" ";}…
0 votes1 answer -
обращение в CSS к первой строке в таблице
вопрос такой есть таблица с идентификатором, могу ли я как-то не редактирую HTML а только CSS файл который подключен к этой странице применить стиль к первой строче этой таблици, а было бы здорово если к любой определенной другой, но НИКАК НЕ КО ВСЕМ!, подчеркиваю только к одной. <TABLE id="n1"> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> </TR> </TABLE>
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-