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
-
Сдвиг контента скроллом
имеется вот такая верстка: для контейнера со списком туду задач установлены свойства: max-height:300px;overflow: auto; Как разультат, при добавление задач в список - появляется скролл. Так и задумано, но есть проблема - скролл сдвигает контент влево на размер скролла. Поэтому строка с созданием новой задачи(с синей кнопкой в строке) выглядит нессиметрично со строками задач в списке(с желтой, зеленой и красной кнопками). Как избавиться от такого сдвига контентента?.. Может кто сталкивался с подобными задачами? Спасибо.
0 votes2 answers -
Как грамотно выровнять блоки
Думаю как грамотно выровнять эти текстовые блоки. Само по себе это не трудно. Но фишка в том что они разные по величине и их величина (текст) может увеличиваться/ уменьшаться? Как сделать так, чтобы при добавлении/ удалении текста, они всегда оставались вертикально по середине? P.S.: vertical-align пробовал http://codepen.io/anon/pen/BNRZGB
0 votes3 answers -
Цвета и переменные
Здравствуйте. Прочитал Sass Guidelines. Есть вопросы касательно того как называть переменные которые хранят цвета. Например у меня 18 цветов. 8 из которых это оттенки серого, 4 оттенка желтого, черный, белый и т.д. Как называть переменные: $c-grey-1, $c-grey-2, ..., $c-grey-n? Или $c-dashboard-title, $c-main-menu__item__link? Если у меня $c-dashboard-title и $c-main-menu__item__link одного цвета(хотя они логически не связаны), то поступить так: 1)$c-dashboard-title: #933434; $c-main-menu__item__link: $c-dashboard-title; 2)Или каждому задавать свое значение? Минус первого варианта в том что если поменяется хоть одно из значений, то переделывать придется оба (а их же …
0 votes4 answers -
html страница с базой городов
Скажите как реализовать вот такую вещь что бы попроще было. html страница с базой городов гдето 10 и вот так все отображать как тут https://ff.ua/dostavka-cvetov.html .
0 votes3 answers -
помогите растянуть полосу на всю ширину блока
Здравствуйте. Есть блок у которого задана фиксированная высота , и ширина задана width:auto. в этом блоке есть полоска с текстом ,тег h2. эту полоску необходимо растянуть на всю ширину блока. Таких блоков много и они расположены в линию , фото разных размеров поэтому высоту фото фиксируем ,а ширина получается у всех разная. Пример блока здесь: https://jsfiddle.net/ishurgaya/e52yj6ne/ Как сделать ,чтобы ширина синей полоски с текстом была во всю ширину блока ? Спасибо
0 votes3 answers -
Как установить картинку?
по центру что бы при изменении окна она сдвигалась в центр? Извините за глупый вопрос, новичок просто.
0 votes1 answer -
вопросы по сайту
http://slavian.coolpage.biz/site2/ http://slavian.coolpage.biz/site2/template.psd как в картинку logo поставить буквочку М стрелки на баннере footer уменя wrapper-ом ограничен, надо фон сделать серый
0 votes1 answer -
Картинки автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна?
Как сделать так, чтобы картинки на сайте (обложка журнала и скрин youtube) были автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна? сайт www.moscow.octawa.ru index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Москвичи на бизнес-тренингах Тони Роббинса</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header"></div> <div id="head"> <p><font face="Droit Serif"><em>Знание - половина ума (русская пословица).</em></font></p> <img src="down arrow.png" width="48" heig…
0 votes1 answer -
Проблема с календарем
Доброго времени суток! У меня есть проблема с отображение текущей даты на странице сайта. Тоесть на сайте число 2 а в действительносте 5. Может быть нужен скрипт или еще что, для того чтобы нормально отображалось. Я чайник в этом так что не ругать)
0 votes1 answer -
Как Сделать Резиновым?
Друзья, вот такие дела: 1.Делаю сайт, http://vakhonina.ru/polnuy.html но никак не получается сделать резиновым по высоте. Почему то не реагирует на процентные размеры. В чем может быть косяк? Или как сделать так, что бы все-таки сайт отображался по человечески? 2.Почему то перестали открываться картинки во фрейме после переноса с локального сервера на хост. 3.Картинки отображаются не во всех браузерах. Подскажите, кто что знает, пожалуйста.
0 votes3 answers -
растягивание по высоте в ff
Помогите пожалуйста. В IE,Opera все тянется и стабильно работает. В фф, как не пытался не получилось - _http://profshopping.ru/index.php?categoryID=327&show_all=yes
0 votes2 answers -
Перенос строк при помощи CSS
Всем привет. Являюсь начинающим в веб-дизайне и не могу понять, как сделать следующую вещь. Интересует именно реализация через CSS. HTML <h3>Заголовок 1</h3> <p><img src="theme1.png" class="image">Текст текст текст</p> <h3>Заголовок 2</h3> <p><img src="theme2.png" class="image">Текст текст текст</p> CSS .image { float: left }
0 votes5 answers -
Помогите доработать подвал
Необходимо что бы копирайты были по левую сторону а счётчики по правую. Вот вырезки кода: footer.php </div> <div id="footer"> <div id="copy"> <p>Компания «<a href="http://мойсайт.ru">СтроимВместе</a>» - строительство и ремонт.</p> <p>Все права защищены. 2011 </p> </div> </div> </body> </html> CSS : /* Footer —————————————————————————--*/ #footer { height: 100px; border-top: 1px #e5e5e4 dashed; margin-top: 20px; text-align: right; } #fmenu { width: 90%; height: 25x; margin-top: 10px; } #fmenu ul { display: inline-block; } #fmenu li { list-style: none; padding: 0 …
0 votes5 answers -
Подскажите пожалуйста почему уехала таблица?
Здравствуйте! Не могу понять из-за чего съезжает таблица, на скрине видно, что таблица ниже выравнена нормально...
0 votes2 answers -
Tabe & rd
Всем привет. Такая проблема: есть таблица с шириной 100% и две ячейки. Нужно, чтобы обе ячейки были фикс. ширины (200px, к примеру). Но фикс. ширину, принимает только первая ячейка, что логично (последняя занимает всю остальную ширину таблицы). Можно ли как-нибудь зафиксить вторую ячейку? P.S. Добавлять в конец 3-ю ячейку - не вариант.
0 votes6 answers -
Меняется размер меню навигации в разных браузерах.
Здравствуйте, решил установить себе на сайт вот это меню. Все прошло нормально, меню нормально отображается в Chrome и IE11, но при открытии сайта через Firefox 28 меню укорачивается в длине на 3-4 пикселя. Не понимаю в чем может быть проблема. Снимки проблемы в разных браузерах: Код CSS навигации. /*—————————- CSS3 Animated Navigation—————————--*/.fancyNav{ /* Affects the UL element */ overflow: hidden; display: inline-block;}.fancyNav li{ /* Specifying a fallback color and we define CSS3 gradients for the major browsers: */ background-color: #f0f0f0; background-image: -webkit-gradient(linear,left top, left bottom,from(#fefefe), color-stop(0.5,#f0f0f0), color-sto…
0 votes2 answers -
ИЕ совсем развалилcя, как советский союз.
Да, для ИЕ это не ново. Но 11я версия до этого была вроде сносной в плане отображения сайтов. http://melodyn.ru/systemation/ - наброски сайта, не обращайте внимания на некоторые косяки. Нужно решить всего один вопрос, как исправить это: Мой телефон на Windows Phone с тем же самым ИЕ отображает относительно хорошо: Собственно, чтобы не пилить весь код на jsfiddle: http://melodyn.ru/systemation/style.css, http://melodyn.ru/systemation/index.php, http://melodyn.ru/systemation/front.css
0 votes6 answers -
Что нужно сделать, чтобы мой блок позиционировался сверху-вниз, а не наоборот.
Я почти нулевой-начинающий верстальщик. Никогда этим не занимался и за пару дней мало чему научился. Мой HTML: <!DOCTYPE html><html lang="ru"><head> <title>Моя страница!</title> <link rel="stylesheet" href="StyleSheet1.css" /></head><body> <header class="framing" style="height: 200px;"></header> <section class="framing inlineblock" style="width:900px; height:600px;"></section> <aside class="framing inlineblock" style="width: 200px; height: 300px;"></aside> <footer class="framing " style="width: 1125px; height: 100px; "></footer></body></html>Мой …
0 votes7 answers -
Форма с кнопкой
Как верстаются такие кнопки: http://joxi.ru/yYwqVIwyTJBgeQmmPUE http://joxi.ru/y40qVIwyTJDVAvBqhbk <div id="search" class="form-box"> <form action="/search/"> <input id="form" type="text" name="q" placeholder="Поиск товара..." value="" maxlength="50" autocomplete="off"> </form> </div><input name="s" type="submit" value="jr" id="submit">div.form-box { position: relative; z-index: 2; left: 20px; top: 20px;/*22px;*/ margin: 0; padding: 0;} #form { position: absolute; height: 30px;/*24px;*/ margin: 0; padding: 0 7px; width: 270px; border-top: transparent; border-bottom: transparent; border-left: 1px solid #00…
0 votes4 answers -
Как сверстать такую фотогалерею адаптивно?
Здравствуйте! Нужно сверстать такую фотогалерею адаптивно: Принцип Bootstrap, на мой взгляд, не подходит. Нужен совет, какой способ выбрать.
0 votes13 answers -
Простая задача на js
Доброе время суток! Начинаю изучать js. Помогите с такой задачкой вот условие: вывести в одной строке цифры 7 13 100 с двойными пробелами между ними.
0 votes2 answers -
Уменьшение фонового изображения, находящегося в спрайте
Здравствуйте! У меня есть спрайт с несколькими изображениями - логотип и иконки для соцсетей. На спрайте логотип имеет размеры 411 на 160 пикселей. Мне нужно сделать это фоновое изображение (логотип) в два раза меньше. Подскажите, реально ли это сделать? Если да - то как? Заранее благодарю за помощь!
0 votes1 answer -
Активация 2х Div'vov при наводке на род. div
Активация 2х Div'vov при наводке на род. div Добрый день, у меня возникла проблема, есть 2 блока которые имеют ховеры с разными цветами. Я вложил их в родительский div, но никак не могу понять: как сделать чтобы при наводке на родительский блок активировались вложеные дивы одновременно: <div class="horse"><a href="#"> <div class="onse"><p>ПОКУПКА 300 КЛЮЧЕЙ</p></div> <div class="prc"><p>1650<sup> руб. </sup></p></div> </a></div>
0 votes2 answers -
Google maps API проблема с выводом маркеров из БД
Всем здрасти. В общем есть у меня в БД таблица с информацией о маркерах (ид, имя, адрес, широта, долгота). Эта информация из базы данных размещается в XML средствами PHP Скрытый текст <?php require("phpsqlajax_dbinfo.php"); function parseToXML($htmlStr) { $xmlStr=str_replace('<','<',$htmlStr); $xmlStr=str_replace('>','>',$xmlStr); $xmlStr=str_replace('"','"',$xmlStr); $xmlStr=str_replace("'",''',$xmlStr); $xmlStr=str_replace("&",'&',$xmlStr); return $xmlStr; } // подключаюсь к бд $connection=mysql_connect ('localhost', $username, $password); if (!$connection) { die('Not connected…
0 votes0 answers -
Проблема с php js формой
Привет, очень нужна помощь в форме https://jsfiddle.net/1z0uhe7d/1/. Их три (третья отличается тем что поле emailвместо сообщения). Проблема в том, что обрабатывается только там, что не открывается как попап(через arcticmodal) и открываются при изменении input file. Я пробовал закинуть инпут файлы в попап формы, но не помогает, пробовал через классы обрабатывать в js не помогает. Моих знаний мало, чтобы повесить обработку новых инпутов в js и заставить обрабатывать все формы. Очень нужна помощь, кто разбирается.
0 votes0 answers