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
-
Bootstrap и WYSIWYG редактор
Здравствуйте, форумчане! Недавно начал заниматься написанием сайта (в верстке я относительно новичок). В своем проекте я использую Twitter Bootstrap и редактор elRTE. И между двумя этими инструментами произошел конфликт, в редакторе стали криво отображаться элементы в jQuery окнах (стили от Bootstrap применились). Вот ссылка на оригинальный редактор (для сравнения), а вот на мой пример с объединением с Bootstrap. Чтоб увидеть разницу, надо кликнуть в тулбаре например на "Изображение" и откроется окно. В моем примере поля текстовые (и не только) будут разъезжаться. Вот меня интересует, как побороть это? И да варианты "взять другой редактор", "отказаться от Bootstrap", "пе…
0 votes4 answers -
inclide и несколько head
Здравствуйте, подскажите как правильно пользоваться функцией include для вставки одинаковых блоков (шапка, футер и тд) на страницы сайта. На данный момент код страницы выглядит примерно так: <head> мета-теги (title, keywords)</head><body> <?php include "шапкасайта.php"; ?> остальной код страницы</body>Файл "шапкасайта.php", в свою очередь также имеет мета-теги в head и код в body, т.е. выглядит так: <head> мета-теги (title, keywords)</head><body> код страницы шапкасайта</body>И в итоговом виде код страницы получается следующий (если смотреть в браузере исходный код страницы): <head> мета-теги (t…
0 votes7 answers -
JavaScript изменение <span>
Не меняет значение Покажите мне самый простой способ как менять текст в после нажатия на кнопку. Заранее спасибо. Видно мне не судьба припомнить как это надо <script type="text/javascript"> q=0; function w() { if(q==0) with(document.forms.test) { name.disabled = true; gryppa.disabled = true; q=1; } document.forms.test.vopros.text="ddddd"; } </script> <form name="test"> Введите имя: <input type="text" name="name"> Введите группу: <input type="text" name="gryppa"> <span id="vopros">Вопрос</span> <input type="radio"><span>вариант 1</span> <input type="radio">…
0 votes2 answers -
вопрос
существует ли способ ставить фоновое изображение не только в gif но и в Jpeg формате
0 votes13 answers -
Как можно сделать загрузку?
Как можно сделать загрузку, типо как при установки проги, с процентами, и с полосой? Заранее спасибо.
0 votes17 answers -
DIV, проблема с width
Помогите, пожалуйста, разобраться. Недавно только начал верстать слоями и практики в этом мало. Пытаюсь сверстать следующий макет: Ну это примерно какие блоки будут и где примерно они должны находиться. По ходу верстки столкнулся со следующей проблемой. Сайт будет растягиваться по ширине окна браузра. box-r - не изменяется и имеет фиксированную ширину, box-l - растягивается. Так вот надо чтобы слои button располагались по центру внутри слоя box-l и растягивались в зависимости от ширины. Кроме этого когда всталяешь таблицу в box-l либо в box-cont (тоже растягивается) и width таблицы ставишь 100% то в IE таблица вылазит и принимает значение 100% от всего экрана, а не того …
0 votes3 answers -
краевые отступы в bootstrap3
помогите пожалуйста поправить краевые отступы у блоков на этой страничке проблема в том, что они отстоят от края .wrap на большее расстояние по горизонтали чем блоки пояснительная картинка
0 votes3 answers -
Можно ли мне уже?
Ну вот вроде бы уже могу делать сайты, но какая то тоска на душе... можно ли мне уже брать деньги за верстку и сколько, например такую, и где главное? Свой дизайн еще не придумывал брал из интернета.
0 votes25 answers -
слой в ячейке таблице
Добрый день. Задача такая: Есть таблица с тремя ячейками 73 пикселя в высоту (ширина не важна). Во всех трех background=image, а в средней есть еще и текст. Задача: Отцентровать надпись в средней ячейке по вертикали и горизонтали по уровню 25 пикселей от верхней границы ячейки. Проблемное решение: По-скольку все ячейки у меня в 73 пикселя, я решил в среднюю ячейку поместить div с высостой в 50 пикселей,в ячейке приэать его к верхнему краю, на него положить текст и выровнять его по середине слоя. Вот что у меня получилось: Запись в template.css /*ценральная часть кнопки меню*/ DIV.menucenter{ height: 50px; valign: center; } запись в верстке страницы: <table> <…
0 votes14 answers -
Подскажите тег "Больше или равно" и "Меньше или равно"
Есть ли такой специальный символ? А то мерзко выглядит: >= и =<.
0 votes10 answers -
Скажи диву "стоп"!
Здравствуйте. Проблема в след.: куча дивов у меня на странице.. и когда уменьшаешь размер окна они сдвигаются.. например "логотип" и "название сайта" на разных дивах, на одном уровне: один слева, др. справа. допустим ширЬ одного абсолютная, а второго нет. (если это важно) думал nowrap применить, но толи оно не по теме, толи не туда пихаю( HTML <div id="header"> <div id="title"> <h1>Бла-бла-бла</h1> <h4>тра-ля-ля</h4> </div> <div id="logo"> </div> </div> CSS #header { height: 200px; } #header #title { float: left; } #header #logo { width: 400px; height: 200px; background-repeat: no-repeat; float: ri…
0 votes9 answers -
Вопрос на засыпку!
ВОт сайт http://tour-ticket.ru/ При загрузке страницы, справа сверху телефон некорректно загружается - поначалу его видно, а потом он пропадает . Это только в фф так. В чём может быть причина, ведь в режиме оффлайн (тоесть до заливания на фтп) он работает нормально. Заливаю на фтп 1 в 1. Что не пробовал - всё время текст уезжает Убираю спаны - исчезает просто кусок строки, убираю первую строку - исчезает кусок 2й строка <div id="uptel"> м.Таганская: Тел./факс: <span> 8(495) 679-85-81</span> м.Проспект Вернадского: Тел./факс: <span>8(495) 935-01-38</span> </div> вот цсс uptel { background:url("img/uptel.jpg") no-repeat…
0 votes15 answers -
Вопрос по дизайну
Доброго времени суток всем. Есть сайт, на который надо "надеть" дизайн, а именно надеть шапку, левую колонку, поле контента и футер. Допустимо ли это сделать заменой background-ов с html цветом на background-ы с ссылкой на картинку в формате jpg, или gif, png, вместо многоэтапной обработки PSD шаблона?
0 votes15 answers -
ТАблицы
Так у меня есть вопросик. Как можно сделать таблицы для сайт со сглаженными углами!?? P.S.Пользуюсь "ФронтПейджем" P.S.Уважаемые гуру не сердитесь на меня чайника..плиз. И помогите пожалуйста!
0 votes11 answers -
А давайте таки добьем мою галерею!
Ребят, помогите, проблемма с позиционированием Div'ов. Основным содержаним моего сайта является фото (http://dnepr-city.com/). В качестве бесплатного хостинга я свои фото загружаю на http://photoshare.ru/, оттуда беру html-код и вставляю на мою страницу. Но для красоты добавил css, чтобы сделать страницу хоть отчасти похожей на галерею. CSS: div.box {border:1px solid #000000;font-size:14px;text-align:center;float:left;margin:10px} div.box:hover {border:1px solid #ff0000;} div.box img {border:10px solid #ffffff;} HTML: <div class=box> <a href="http://www.photoshare.ru/original/photoshare.ru-1437003.jpg" target="_blank"><img src="http://www.photoshare.ru/da…
0 votes17 answers -
как скрыть или заблокировать элемент <option> в Safari на iPad
Добрый день, коллеги! Реализую связанные списки, лишние элементы второго списка скрываются (display:none). Обнаружил, что в дектопном Safari элементы не скрываются, добавил атрибут disabled="disabled", на десктопе все работает. Однако на iPad'е все-равно не работает. Ситуацию смоделировал здесь: http://jsfiddle.net/6pYen/1/ Подскажите. пожалуйста, как решить эту проблему...
0 votes2 answers -
Оцените мою верстку
Всем привет. Оцените пожалуйста мою верстку http://verstka-primer.esy.es/Zonya/. Первый раз использовал препроцессор less поэтому сильно не ругайтесь. Макет не такой уж сложный, но все равно хотелось бы чтобы люди опытные посмотрели и по критиковали. Скажите пожалуйста может есть какие то элементы которые было бы правильнее сверстать другим образом. Заранее спасибо !
0 votes14 answers -
Кодировка и FF 3.0
Сделал html страничку с указанием кодировки. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> В IE 6.0 всё отображается корректно, но в FF 3.0 страница отображается в кодировке windows-1251 .. Что не так?
0 votes13 answers -
Использование сущностей типа &mycolor;
Три разных заказчика сознательно захотели использовать один и тот же дизайн на своих страницах. Надо только поменять некоторые цвета и ширину элементов. Теоретически вроде бы можно сделать так: Задаём определяемую сущность: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!DOCTYPE html <!Entity mycolor #999999> > и дальше в тэгах <table color=&mycolor;> и всё ДОЛЖНО работать, но НЕ работает. Правильного синтаксиса ни для DocType, ни для Entity я не нашел (потому что не знаю, где искать). Google дал кучу ссылок, но всё на XML. Вот и подскажите, плиз, как можно задат…
0 votes18 answers -
Вставить код jQuery
Здравствуйте. Помогите пожалуйста разобраться с плагином. На этом сайте есть пример, как можно задать ширину колонки, есть и код, но не могу понять в какое место его вставлять. Я импортировал таблицу из csv, табличка получилась красивая, с фильтром и несколькими страницами + сортировка, но вот беда, в опере последняя колонка слишком узкая получилась и все цифры после запятой переносятся на вторую строчку ячейки. Мне нужно задать фиксированный размер этой колонки. Сама таблица как я понял берется из базы (не уверен, через phpmyadmin ниче там не увидел), на страницу я вставляю только [table id=<ID> /]. Мне нужно для этой таблицы где-то прписать параметр, что 3-я колон…
0 votes2 answers -
Пагинация в вордпресс
Всем привет! Обращаюсь к знатокам вордпресса, очень нужна ваша помощь. Вот в чем проблема - на главной странице выводятся посты по определенной метке, я использую стандартную пагинацию движка и она почему-то работает некорректно - текущей страницей (с классом current) всегда является первая, на какой бы странице я фактически ни находился - хоть второй, хоть двадцатой ... В чем может быть проблема? В какую сторону копать?
0 votes17 answers -
@font-face и CuprumFFU
Нужно прикрутить кириллический шрифт CuprumFFU. Использую вот этот генератор http://www.fontsquirrel.com/fontface/generator но кириллица не работает. Нашел готовый kit, выбрал кириллицу, но опять ничего не выходит и вместо CuprumFFU отображается Arial =( Подскажите пожалуйста как заставить работать этот шрифт через font-face с русским текстом?
0 votes25 answers -
Резиновая таблица html
Пытался сделать резиновую таблицу, чтобы ячейки слева - распределялись равномерно, относительно центральной - при увеличении в ней контента. Для этого сделал несколько ячеек с заданными пропорциями и несколько без . Но растягивается только нижняя, пробовал всё: проценты, importan-ы, auto, fixed. Неужели таблица настолько тупая вещь и функционирует только равномерное распределений столбцов, а строки по нулям? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> <table border="1" width=500> <tr> <td colspan=4 height=20></td> </tr> <tr> <td>-</td>&l…
0 votes3 answers -
Фиксирование на экране без fixed
Привет, ребят. Есть какие-нибудь способы реализовать сабж? Нужно просто, чтобы шапка была всегда сверху и контент при скролле вниз тупо заезжал под неё. Фиксед не подходит, потому что с ним проблема, что блок просто обрезается при уменьшении экрана и не появляется скролл, width или min-width не помогают здесь. Хочется так, чтобы блок типа и не убирался никуда из основного потока, но просто поверх всех висит себе. Покидайте примеров если сталкивались с таким.
0 votes4 answers -
Word to HTML
Всем известно как MS Word сохраняет документ в html - устанешь разгребаться. А очень хочется чтобы БАЦ и на тебе <h3> и <p> Какой способ самый быстрый/оптимальный?
0 votes9 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-