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
Добрый вечер, уважаемые форумчане! Столкнулись с нестандартной проблемкой. Я сверстала сайт с помощью Bootstap - его приняли, все ок, но сегодня мне заказчик пишет переделать пагинацию - код стандартный <ul class="pagination pagination-lg"> <li><a href="#" aria-label="Первая"><<</a></li> <li><a href="#" aria-label="Предыдущая" ><</a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#"&g…
0 votes8 answers -
Поиск на Яндекс
Помогите с кодом: <form method="get" action="http://yandex.ru/search"> <input type="hidden" name="do" value="yandex" /> <input type="hidden" name="subaction" value="yandex" /> <input id="story" class="search_input" name="story" value="Поиск..." onblur="if(this.value=='') this.value='Поиск...';" onfocus="if(this.value=='Поиск...') this.value='';" type="text" /> <div class="h_s_title"><button class="serchb">Найти</button></div> </form>Как сделать что-бы он мое значение перенаправлял на Яндекс? Вот CSS которые здесь применяются: .search_input { margin-left: 10px; float:left; background:#f4f4f4; border: 1px #FCD06E so…
0 votes8 answers -
Как правильно сверстать, дайте совет?
Привет всем, уважаемые форумчане, прошу вашего совета по верстке. Есть страница на которой в виде блоков (с картинками) выводятся категории, и расположение данных категорий несовсем типичтое вот скриншот. Подскажите пожалуйста как такое сверстать, с учетом того, что категорий будет не фиксированое количество (новые будут добавлятся), и все последующие должны добавлятся приблизительно по такому же алгоритму с тем же расположением что и предыдущие, только ниже их. Надеюсь на вашу помощь...
0 votes8 answers -
Стили и скорость загрузки
Допустим есть несколько файлов css,в которых переопределяется фон элемента,причем используется одна и та же картинка.Или одна картинка указывается отдельно для разных элементов.Влияет ли это на скорость загрузки?Картинка при этом загружается один раз или каждый раз при обращении?
0 votes8 answers -
Стрелка на css
Привет, всем! как реализовать такое на css, стрелка будет поверх слоя с изображением, вот такие трудности
0 votes8 answers -
Выравнивание DIV внутри таблицы
Здравсвуйте! Помогите начинающему. Есть такой код: http://codepen.io/anon/pen/vOxaXV Внутри ячейки таблицы может быть любое количество блоков, и они должны распологаться горизонтально (а не вертикально как по ссылке),и должны делить между собой доступную в ячейке ширину. Заранее спасибо за помощь.
0 votes8 answers -
как убрать padding у div последнего элемента
Здравствуйте участники форума подскажите, как убрать padding у div последнего элемента исходные коды html, css прилагаю ниже <div class = "news-main"> <div class = "news"> <div> <img src = "img/article-img1.jpg" alt = "" /> <h3>Column title</h3> <p class = "preview"> Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p> </div> </div> <div class = "news"> <div> <img src = "img/article-img2.jpg" alt = "" /> <h3>Column title</h3…
0 votes8 answers -
Что это за кодировка?
Подскажите, что это за кодировка? Бывает так, что в URL отдельные символы, типа "/", ":" вдруг становятся представленными тремя символами. Первый (если мне не изменяет память) - это знак процента. И где найти саму кодировку (описалово). Ну, или принцип, как русские буквы представлять в такой кодировке?
0 votes8 answers -
Помогите, пожалуйста, с написанием скрипта
Здравствуйте! Очень нужна помощь с JavaScript Необходимо сделать так, чтобы меню для сайта при изменении размера окна браузера меняло количество пунктов(*1) и те, которые не уместились в списке перемещались в выпадающий список в конце(**2). HTML-код такой: <ul class="Горизонтальное-Меню"> <li class="line"> <a href="/">Адреса магазинов</a> </li> <li class="line"> <a href="/">Оплата</a> </li> <li class="line"> <a href="/">Доставка</a> </li> <li class="line"> <a href="/">Сотрудничество</a> </li> <li c…
0 votes8 answers -
Пространство имен HTML5 для XSLT-преобразований
Здравствуйте! Подскажите, плиз, если знаете, можно ли используя XSLT на выходе получить HTML5? Какое пространство имен (атрибут xmlns) указать для HTML5? Для HTML 4.01 указывалось пространство имен XHTML 1.0 (xmlns="http://www.w3.org/1999/xhtml"): <?xml version="1.0"?><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"><xsl:template match="/"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <div>Any message you like</div> </html></xsl:template></xsl:stylesheet>Будет ли XSLT-преобразование корректным, если включать в него теги HTML5, не указав никакого другого …
0 votes8 answers -
Сверстаю за хороший отзыв 3 макета
Добрый день. Я начинающий верстальщик. Нужно набираться опыта и работ для портфолио. Поэтому сделаю верстку бесплатно для 3х форумчан с хорошей репутацией в обмен на положительный отзыв. Освоила HTML5, CSS3. Делаю верстку макетов с фиксированной шириной. Подключаю слайдеры на jQuery. На данный момент есть несколько работ. Проверяю код на валидность. Для того чтобы кода получалось как можно меньше, стараюсь не использовать классы и ид без необходимости. Проверяю верстку на кроссбраузерность. С простым макетом справляюсь за один день. На адаптивную верстку уходит времени больше, но могу взяться и за нее(если без подключения JS). Со мной так же можно связаться через: …
0 votes8 answers -
Сколько времени надо гуглю?
Чтобы изменения в микроразметке (schema.org) появились в выдаче?
0 votes8 answers -
Кривое отображение на мобильных
Вот сам сайт http://testx1.bl.ee/ Посмотрите пожалуйста например на блоки под "КАК СНЯТЬ КВАРТИРУ В СПБ". На десктопе хорошо, на мобильных плывут.. Не могу понять в чем дело.
0 votes8 answers -
Прозрачный текст с тенью в Chrome
Всем привет! Наткнулся я на странный баг в браузере Chrome (может есть и в других браузерах, но я заметил в этом). Вот суть бага: если сделать текст с тенью прозрачным цветом, то прозрачный цвет текста будет считаться не от фона, а от чёрного цвета. То есть как будто текст лежит на элементе с чёрным фоном. Вот пример. Без тени и без прозрачности всё ОК. Чем можно объяснить такое поведение, может это вовсе и не баг, вы с этим сталкивались, и как это обойти?
0 votes8 answers -
Подвал налазит на виджеты
Здравствуйте! Заказала у фрилансера адаптивный резиновый шаблон. Сама еще такие вещи писать не умею. Проблема в подвале, который налазит на виджеты и контент. Если на сайте короткая статья и много виджетов в сайдбаре, то виджеты оказываются под футером. Если на сайте мало виджетов и статья короткая, то футер оказывается посредине. Шаблон тестирую тут test.degavo.ru Фрилансер пишет, что нужен скрипт, типа он дорогой, и только он может выровнять подвал. Что это за скрипт? Фрилансер смог написать бесплатный, который не срабатывает. Вот этот: <!-- 3 colums --> <script type="text/javascript"> $(document).ready(function(){var $=jQuery.noConflict();setTimeout(ale…
0 votes8 answers -
Brackets
Подскажите как это исправить в brackets? Внизу в результатах кваказябры http://radikal.ru/fp/c831a58501194286bd2bc89b38deff0b
0 votes8 answers -
Как сделать вывод двух этих картинок в центре при любых разрешениях монитора?
Здравствуйте друзья! Как сделать вывод двух этих картинок в центре при любых разрешениях монитора? А то в одном разрешении картинки ровно по центру, а при других разрешениях разьежаются... <div align="center"> <img src="http://free-pc.ru/images/podp_str/header.png"alt="" /> <img src="http://free-pc.ru/images/podp_str/body.png"alt="" /> </div> Результат: http://jsfiddle.net/pa5y9f4g/ Спасибо!
0 votes8 answers -
Размытый блок, как сверстать?
Привет, всем! Очередной раз обращаюсь к вам за прозьбой по верстке. Короче говоря, есть список квестов в виде блоков, выводятся на главной, есть квесты, которые открыты для посетителя, есть закрытые. Так вот закрытые квесты накрывает размытая плашка, которая как-бы размывает картинку (миниатюру квеста), которая находится под плашкой вот скриншот: ссылка Если бы не надпись (полоса посередине закрытого квеста), которая не размывается, решить проблему можно было бы используя фильтр blur, но вместе с плашкой размывается и надпись... Как я только не пробовал это сверстать, ничего не получается :( . Наверняка кто-то сталкивался с подобной фигней подскажите как решить подобную …
0 votes8 answers -
Формат изображений для фона: почему не jpg?
День добрый форумчанам. Хочу задать вопрос - да, может смешной, но прямого ответа не нашла на него. Форматы изображений для фона: png, jpg, gif. Почему крайне редко используют jpg? Читала про прозрачность и пр. А если прозрачность не нужна, качество устраивает и вес файла подходит, то почему jpg практически не используют все-таки? Вот поставила в шапку background'ом крупное изображение - в формате png. Загружается долго, весит много, а в jpg - более-менее. Вот почему бы не поставить jpg? Или фоном для body? И где-то краем глаза видела, что что-то не так с использованием jpg и gif - то ли с безопасностью связано, то ли еще с чем. А может, я что-то перепутала и сама мор…
0 votes8 answers -
Резиновый блок
Ребят, есть такой код: <!doctype html><html><head><title>Page</title></head><body><div id="wrapper"> <div id="left">...</div> <div id="right">...</div> <div id="main">...</div></div></body></html>Блок wrapper имеет определенную ширину и фон у него белый. У блока right тоже своя ширина, а вот фон другого цвета. И мне нужно установить максимальную высоту, чтобы она была "равна" высоте блока wrapper, дабы в других блоках контента больше, соответственно высота у них тоже больше, а не очень то красиво выглядит то, что в правом блоке часть фона серая, а другая - белая.…
0 votes8 answers -
Верстка картинки без картинки
Помогите пожалуйста. Я хочу научиться верстке. Хочу попробовать сверстать вот это http://images.wikia.com/dragonvale/images/e/e8/Space_invader.jpg Не используя картинки и таблиц, как это лучше сделать?
0 votes8 answers -
Пропорциональное масштабирование <img>
Доброе время суток нужна помощь с масштабированием кнопки (пожалуйста [а то я уже запарился читать и нехрина не доганять]) подробности здесь - https://onedrive.live.com/redir?resid=52ADAD5F450670A4!382&authkey=!AAM1xQaBQ4zzhEs&ithint=file%2cmht за ранее спасибо с уважением Д.Владимир
0 votes8 answers -
Как слой <div> выровнить по середине экрана?
Собирал сайт на ноуте где разрешение экрана 1360х768. Выравнивал строго прописывая отступы. При попытке открыть сайт на компе где вместо монитора стоит телевизор с разрешением 1920х1080, оказалось что весь сайт смещен влево. и даже картинка фона сползла влево! Собственно от туда и вопрос: как выровнить слой по середине экрана независимо от разрешения экрана! Для примера, как выглядят сейчас мои слои: <html> <head><meta http-equiv="Content-Language" content="en-us"><meta http-equiv="Content-Type" content="text/html; charset=windows-1252"><title>Новая страница 1</title></head> <body> <div style="position: absolute; width: 4…
0 votes8 answers -
Как сделать скошенные углы
Доброго времени суток, уважаемые форумчане! Попался макет, где много элементов со скошенными углами. Один: http://www.screencapture.ru/file/A893fA1F Два: http://www.screencapture.ru/file/76106c72 Три: http://www.screencapture.ru/file/d8264D58 Четыре: http://www.screencapture.ru/file/A836B408 Подскажите какой-нибудь гайд, как это сверстать. Спасибо!
0 votes8 answers -
Не выводится картинка
#content-table{ width: 1000px; margin: 50px auto; background: url(images/page-bg.png) repeat-y #FFF;}Выводится лишь цвет, а картинка нет.
0 votes8 answers