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
29542 questions in this forum
-
Возможно решение без жс?
картинка врет )) размер первого блока 640px картинка два блока фикс третий резина контейнер для резиновый поставили задача при мелком разрешении 1080 (значение константа) 1 и 2 блоки сверху 3 снизу при большом разрешении все три блока в один ряд 1 окно посредством жс имеет способность расширяться на всю страницу и соответственно 2 и 3 блоки снизу (3 блок занимает оставшееся место (т.е. width: 100%-150px - margin/padding)) так вот пока все что пришло в голову это вычислять размер окна и потом высчитывать и прописывать ширину блоку который номером 3 но ввиду того что это всё счастье ещё и верстается под браузер консоли ПС3 жс там не всегда корректно работает
0 votes10 answers -
Прыгают кнопки
Верстаю сайт, сделал резиновым по ширине, а один див не получается сделать нормальным по длине. Там есть большое меню, см. картинку, когда меняется разрешение, то иконки становятся не ровно, одна выше другая ниже и т.п, причем не знаю с чем это связано, добавляю vertical-align: top; Тогда все притягивается к верху и иконки не уезжают, а вот кнопки "подробнее", прикрепляются сразу после текста, т.е мне надо чтоб они все были на одной линии, а они на разных, т.к область с контентом разная по высоте. Если указываю область с контентом фиксированной высоты, то кнопки стоят на месте, но когда меняю разрешение, на них залазит текст, т, к он вылезает за границы блока, overflow…
0 votes12 answers -
Как вернее использовать логотип?
Логотип должен быть картинкой или фоном?
0 votes6 answers -
Проблема с размещением картинок в строку
Здравствуйте! Не получается разместить несколько изображений в строчку. Точнее должно быть 2 строки по 3 изображения в каждой. Расстояние между изображениями - 5 px. Сейчас выглядит вот так: Прошу сильно не пинать, еще только учусь. Вот код файла index.html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title>Главная страница | Мануфактура Италия</title> <meta name="keywords" content="мануфактура италия, дизайн мебель, двери, кухни, столешницы, фасады, шкафы шпон,…
0 votes3 answers -
background-clip и background-origin
Пытаюсь понять чем отличаются друг от друга background-clip и background-origin, кроме того что последний работает при background-attachment:fixed. По мне они делают одно и тоже. В чём я ошибаюсь?
0 votes5 answers -
Две ссылки не выравниваются
https://jsfiddle.net/daniars/wzty3xp6/ - ссылка на код 1)Как должно быть 2)На данный момент Никак не пойму, почему они не ровно стоят
0 votes1 answer -
table + iframe -> broken height?..
Стоит следующая задача (на которой я обломался): необходимо в ячейке таблицы развернуть ПОЛНОСТЬЮ фрейм. Таблица состоит из двух ячеек (в одну строку). Ширина первой ? фиксирована, высота не имеет значения. Вторая ячейка: ширина не имеет значения, высота должна равняться строго высоте содержимого фрейма. Как такое организовать? Относительные размеры ведутся только по отношению к высоте отображаемой области, указание точных размеров тоже плохой вариант. Кто подскажет ? как быть? <html> <table width="100%" align="left" border=0 bgcolor=#b0f0e0 frame="void" rules="none" cellpadding="0" cellspacing="0"> <tr> <td align="left" width="190">any text &…
0 votes0 answers -
Выравнивание по правому краю
Подскажите. Есть div со стилем text-align:right. В нем расположены два текстовых поля и кнопка. В експлоере все работает норм, но в фаерфоксе нет - все расположено слева. Как выровнять?
0 votes2 answers -
Css-где ошибка?
Всем привет, помогите пожалуйста. Не знаю где ошибка в css коде. нужно что бы при входи в класс "active", показывалась картинка de_1.png html: <div id="myle"> <li id="qtranslate-language-chooser" class="widget qtrans_widget_switch"> <ul class="qtrans_language_chooser" id="qtrans_language_chooser"> <li class="active"> <a href="http://www.myscreenevent.com/MY/" class="qtrans_flag qtrans_flag_de"> <span style="display:none">Deutsch</span> </a> </li> <li> <a href="http://www.myscreenevent.com/MY/?lang=en" class="qtrans_flag qtrans_flag_en"><span style="display:non…
0 votes2 answers -
как разбить раздел на страницы
Как разбить один раздел на страницы? Например: 1,2,3,... след.
0 votes6 answers -
Решение проблемы с проверкой данных формы в FireFox4
Решение проблемы с проверкой данных формы в FireFox4 Буквально вчера наткнулся на такую засаду: Имеется форма, валидация данных в которой происходит через яваскрипт. В данном случае сбой произошел при применении атрибута required. На скринах видно, что должно было быть, и есть(!), в версиях до 4-й, и что стало в 4-й - 1. Версия 3.3.16 - При ошибке, при заполнении формы, выскакивает сообщение и поля формы, в которых сделаны ошибки, заливаются фоном, вот так: 2. Версия 4 - Мало того, что вокруг полей появляется красная рамка, так и еще и невозможно ввести данные, тут же выдает сообщения, так примерно: Решение нашел, помогли добрые люди, цитирую: "Это проверка на стороне…
0 votes4 answers -
Вопрос по верстке
Приветствую всех. Я так вообще только дизайн рисую, но решил еще и версткой сайтов заняться. Верстаю сейчас шаблон по видео-уроку, но столкнулся с некими проблемами которые не охвачены в уроке, вроде до всего догнал, но столкнулся с проблемой footera он почему-то не лежит постоянно внизу и налазит на более старший div, подскажите пожалуйста в чем проблема. Вот домен на котором тестирую http://transfer.milanodiluxe.com/ спасибо всем заранее))
0 votes14 answers -
проблема с div'ом id=#topmenu
в css я писал для этого div'a margin-top:10px; а он отступает не от родительского div'a header , а я не знаю от чего, похоже от окна браузера. index.php: <?php // защита от прямого доступа к файлу defined('_JEXEC') or die; ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" > <head> <link rel="stylesheet" href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template…
0 votes4 answers -
Рамка в виде изображения
Есть некая рамка, в которую заключены по всему сайту фотографии. Изображения имеют фиксированную ширину и длину. Вроде бы ничего сложного нет. Но по углам идет вырез, и все бы хорошо, но фон, на котором расположена эта рамка, не повторяющийся, а значит просто вставить как рисунком рамку нельзя. И прозрачной тоже соответственно не сделать, так как будет видно уголки фотографий. Как поступить, подскажите? Вот фото: http://joxi.ru/Zi5mBv3
0 votes6 answers -
проблема с версткой сайта в ie
http://sitemakers.lo...l/html/comment/ зайдите на эту страницу в IE: тут-то и появились проблемы во всех остальных браузерах - нормально 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <link href="/0.css" rel="stylesheet" type="text/css" /> <link href="/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" /> </head> <body> <div id="layoutblock"> <div id="headerblock…
0 votes11 answers -
Responsive верстка
Добрый вечер, при ширине экране 480px внизу отображается скролл, справа большой отступ, помоги найти причину появления этого отступа, пробовал background-size - не помогло. Вот ссылка http://sport.teslalight.com.ua/ Спасибо.
0 votes10 answers -
Как получить все элементы tr из нескольких таблиц (JavaScript)
Здравствуйте! Есть, например, три таблицы. Для фильтрации по этим трем таблицам одновременно, необходимо получить все элементы tr из всех таблиц. https://jsfiddle.net/kn7L0jn4/1/ Подскажите, пожалуйста, как это правильно сделать?
0 votes4 answers -
CSS условия в стилях
Здравствуйте. Подскажите, возможно ли средствами CSS сделать такое: Есть кнопки в таблице. На кнопке есть числа 0 +0 И это все идет столбиком. Пока цифра однозначная, все ок. Но когда счет переходит на 2-3 знака, структура ломается 0 +0 10 +30 100 +1 Можно ли заранее заложить с помощью CSS условия в стилях? Чтобы было вроде: 0 + 0 10 + 8 100 +122
0 votes4 answers -
CSS сетки
В css сетках есть такое понятие как колонки, во фреймворке бутстрап их кол-во равно 12, в стилях им прописывают следующие ширины: Скрытый текст .col-12 { width: 100%; } .col-11 { width: 91.66666667%; } .col-10 { width: 83.33333333%; } .col-9 { width: 75%; } .col-8 { width: 66.66666667%; } .col-7 { width: 58.33333333%; } .col-6 { width: 50%; } .col-5 { width: 41.66666667%; } .col-4 { width: 33.33333333%; } .col-3 { width: 25%; } .col-2 { width: 16.66666667%; } .col-1 { width: 8.33333333%; } Так вот, откуда берутся эти ширины? Если я разделю 100…
0 votes9 answers -
Табличная верстка. Как сверстать такое
Верстаю email-письмо. Использую Foundation. Не получается сверстать таблицей такой блок http://skrinshoter.ru/s/170919/5k7rvQdR Как его сверстать табличной версткой? https://codepen.io/yaparoff/pen/vYBzdPm?editors=1000
0 votes7 answers -
Css div
Недавно начал изучать css так что много еще не знаю... долги и усердно искал в интернете как это сделать но так и не нашёл... надо: то есть длинна может быть фиксированая, а вот высота меняется от содержимого и если растянуть браузер чтобы стало не 3 столбика, а 4... и т.д. cмог только построить их в ряд <html> <head> <title>Blank</title> <style type="text/css"> .left { float:left; width:100px; } </style> <head> <body> <div style="width:800px"> <div class="left">111</div> <div class="left">111</div> <div class="left">111</div> <div class="left">111</div> &…
0 votes4 answers -
Проблемы с переносом на новую строку
Добрый день, уже довольно давно столкнулся с проблемой не желания Оперы вмещать текст в одну строку, хотя в том же IE и Мозиле все впорядке и еще место остается.. Вот на этой странице, в опере видно, что "11 Орангутан ( Pongo pygmaeus abelii, Pongo pygmaeus pygmaeus )" расположилось в двух строках. Мне же надо, чтобы оно не переносилось (если будете смотреть в IE, там будут проблемы с центральной колонной(она съезжает вниз, эту проблему уже решил, просто не закачал еще на сервер, так что не обращайте внимание). Вот что из кода, относящегося к этой колонне, есть #center { float:left; overflow:hidden; width:560px; min-height:500px; background: url(../i…
0 votes3 answers -
Вопрос по блочной верстке...
В общем нашел симпатичный *psd решил его сверстать, проблемма в том что в одной ячейки у меня шапка и блок меню....Я шапку поставил на место, а блок должен быть кусочком под шабкой, а он залезает на неё, как мне загнать блок под шапку... ВОт так у меня(ссылка на фото хостинг!) Так должно быть!(ссылка на фото хостинг!) Вот такой у меня код: index.html <body> <div id="bd_sait"> <div id="header"> <img class="login" src="login.png" alt="введите логин" > <img class="pass" src="pass.png" alt="введите пароль" > <img class="ok" src="ok.png" alt="OK" > </div> <div id="container"> <img class="h_1" src="h_1.png" alt="Личная стра…
0 votes4 answers -
doctype
Начал читать книгу "Веб-мастеринг" - Петр Ташков, там указан <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> на что нужно смотреть при выборе этого doctype. Допустим если посмотреть код этой страницы в начале стоит <!DOCTYPE html> и все.
0 votes5 answers -
Откуда стык фона в Chrome?
Добрый день. Столкнулся с тем, что в Хроме градиентный текстурный фон страницы имеет стык, причем если покрутить колесиком масштаб, он исчезает, пока не вернёшься к определённому масштабу. Вот картинка: Почему? В других браузерах такого нет. Вот код: <body> <div id="main"> ... </div> </body> body { font: 14px/21px Verdana, Geneva, sans-serif; text-align: center; color: #003; background: url(images/bg.jpg) repeat; } #main { width: 100%; text-align: center; background: url(images/bg2.jpg) repeat-x top;/*верхний текстурный градиент фона*/ }
0 votes14 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-