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
-
Сылка с переменой
Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой, То есть как сделать чтобы к силки добавлялось значение с переменой !DOCTYPE html> <html lang="ua-UA"> <head> <meta charset="UTF-8"/> <title>Люстра в моїй кiмнатi</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 align="center">Управлiння люстри в моїй кiмнатi</h1> <div class="zaholovok red" id="r">ЧЕРВОНИЙ</div> <input type="range" id="fan11" min="0" max="1023" value="0" step="1" oninput="fan1()"> <div class="zaholovok green" id="g">ЗЕЛЕНЙ</div> <input typ…
0 votes16 answers -
Помогите найти способ решения
Добрый день. Необходимо сверстать подобный макет: Фон у боди - серый. Центральный блок - 930px; Фон у сайдбара - серый ( 640px). Фон контента - белый (290px). Далее, необходимо что бы от левого края страницы до блока с div.content был белый фон, высотой в div.content. Я решил сделать следующим образом: Создал третий блок ( left ), и через jquery меняю ширину и высоту этого блока при загрузке и изменении страницы. http://jsfiddle.net/dioooon/g4v3aL6t/ Но думаю, что есть решение проще. Помогите пожалуйста
0 votes15 answers -
Фон не размножается до конца, загадка какая то.
Здесь header это черная и синяя полоска, это как выглядит при разрешение 1000px и более. Все норм. Проблема в том что при сжатии браузера меньше 1000px фон на header перестает размножаться когда появляется колесо прокрутки. Покажу на screen суть проблемы. По логике он должен размножаться до конца, но почему то на скока я понимаю принимает ширину div id=header который находиться внутри header. По логике так быть не должно, да и структура не рушиться проблема только в в фоне. Загадка прям какая то. Кто то сталкивался с такой проблемой? Думаю причина какая то простая, просто опыта не хватает догнать.
0 votes15 answers -
vertical align у inline-block
<div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…
0 votes15 answers -
Организация файлов по каталогам
Здравствуйте! Есть папка docs (основная папка) в ней лежат все html файлы. Так же в папке docs лежат папки содержащие css, картинки и js скрипты. Но я хочу еще сделать несколько подкаталогов каталог 1 (catalog1) каталог 2 (catalog2) каталог 3 (catalog3) В каталог 1 (catalog1) я хочу положить страницу HTML, но она не "может" определить где лежат файлы CSS и js (которые отвечают за её отображение). Вопрос - как мне нужно прописать путь к этим файлам, что бы страница index1.html смогла бы подхватить все папки и файлы из основного каталога docs? спасибо
0 votes15 answers -
Постоянный цвет элемента после клика по ссылке
Как сделать чтобы после клика на тег a, в теге mark голубая заливка не исчезала? https://jsfiddle.net/Delat/m7jy4bfe/
0 votes15 answers -
Прозрачные иконки
Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон
0 votes15 answers -
Как сделать такую сетку
Итак, имеется 4 блока, на мобильных устройствах они располагаются в столбик, друг за другом. Задача: сделать для больших разрешений сетку в два столбца, в которой высота всех блоков может быть различной, и не должно быть разрывов между блоками
0 votes15 answers -
Не работает clearfix
Доброе время суток. Не получается заставить работать clearfix, центральный блок уходит вниз. Прошу вашей помощи html: css: И вот так это выглядит:
0 votes14 answers -
Где разместить работы начинающему front-end разработчику?
Всем привет! Я еще только начинающий front-end разработчик и пока не имею реальных заказов. Есть сайт-портфолио и порядка 5 работ(не на заказ, а собственные), которые хотелось бы где-нибудь разместить. Покупать платный хостинг не хочется, так как он платный, а количество работ со временем будет увеличиваться. Вопрос собственно в том, где можно было бы разместить эти работы, чтобы у каждой было свое доменное имя? Или для этих целей лучше стоит использовать один сайт? Может даже тот же сайт-портфолио?
0 votes14 answers -
css transform
Добрый день, дайте направление куда копать. есть ромб делаю с помощью .romb{width:150px;height:150px;transform: rotateX(45deg) rotateZ(-45deg);border: 1px solid black;}.img{background-image: url(img.png);transform: rotateX(0deg) rotateZ(45deg);}<div class="romb"><div class="img"></div></div>т.е. перевернут против часовой стрелки на 45 градусов, картинку обратно перевернул, собственно вопрос как обнулить rotateX(0deg)? это пример по факту нужно сделать 1 большой ромб и в нем 9 маленьких ромбов в которых 9 background-image кликабельным должен быть именно ромб
0 votes14 answers -
Проблемы с передачей файла post'ом
Доброго времени суток. Только начал осваивать html, возникла проблема с передачей файла через веб-форму. Попытался ее локализовать и представить вам. Имеется html страница с простейшим кодом: <!DOCTYPE html><html><head><title>Главная страница</title><meta charset="utf-8"></head><body> <form name="upload" method="POST" enctype="multipart/form-data"><input type="text" name="filename" /><br><input type="file" name="filecontent" /><br><input type="submit" value="OK" /></form> </body>Сервлет обрабатывающий страницу получает этот запрос, видит в нем текстовое поле "filename" и …
0 votes14 answers -
Линия под заголовоком
Как сделать что бы не зависимо от длины заголовка, линия под ним была как у <h2>: http://jsfiddle.net/rus333/nva70qmz/1/ ?
0 votes14 answers -
Подскажите, как исправить меню
Здравствуйте, не могу понять, как исправить вертикальное раскрывающееся css-меню. Проблема в том, что при наведении на пункт, имеющий подпункты, субменю не просто вылезает справа, но и тащит за собой правую сторону обводки всего блока + раздвигает пространство между первым и вторым пунктами. Прилагаю скриншоты до и после наведения мыши. Код CSS #blocks {display: table-cell; width: 20%; background-color: #e9e9e9;-webkit-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);outline: 3px solid #8c3200;} .block-top {min-height: 44px; height: auto; width: auto;b…
0 votes14 answers -
Установка LiveReload для ST 3. Ошибка в браузере.
Здравствуйте форумчане. Суть проблемы в следующем. Крайне необходимо установить плагин LiveReload. Как бывший пользователь Linux, я знал, что эта песня будет долгоооой. В начале, всё шло неплохо: 1. Скачал нужный плагин. 2. Кинул в нужную папку 3. Установил нужные параметры в самом редакторе 4. Установил плагин на тот браузер, где по идее должен работать автоматический рестарт странички. 5. (!) Но весь мой идеальный план разрушил "favicon" этого плагина. Я его установил, но картинка включения этого плагина, не появилась. Хотя у автора видео все прошло гладко, с тем условием, что я копировал его действия. Сириус, почему ты со мной так строг се…
0 votes14 answers -
Исчезает блок (position: absilute) при скроле.
Здравствуйте! Подскажите, пожалуйста, в чем может быть проблема - есть сайдбар с перечнем недель (aside). Указал у него абсолютное позиционирование по отношению к блоку main. Если изменить разрешение или, например, сузить браузер до появления горизонтального скролла, то этот блок с абсолютным позиционированием исчезает... http://tia.in.ua/untitled/study_lecture.html Заранее благодарю за помощь.
0 votes14 answers -
Уменьшение изображений для адаптивной верстки
Здравствуйте, подскажите, есть макет psd, по нему надо сверстать адаптивный сайт, я взял оттуда все изображения, и те, которые вставлял через css, уменьшил для каждого типа разрешения. Проблема в том, что чем сильнее изменяю размер, тем сильнее изображения теряют качество, как решить эту проблему?
0 votes14 answers -
overflow-y: visible не работает если overflow-x: hidden
Всем доброго времени суток У меня возникла проблема с overflow. Вот упрощенный пример, для того чтоб "потрогать" проблему. В этом примере есть контейнер, и в нем абсолютно позиционированный элемент. Контейнеру заданы свойства overflow-x: hidden и overflow-y: visible для того чтобы все что вылазит за пределы контейнера по оси X скрывалось, а все что вылазит по оси Y - показывалось, при этом скролл на компоненте отображаться не должен. Но эта связка не работает (как видно на примере - у контейнера появляется скролл бар), однако если у контейнера изменить overflow-x c hidden на visible все работает как надо - скролл бар пропадает и абсолютно позиционированный элемент ст…
0 votes14 answers -
IE7 margin-bottom от абзаца добавляется к img { float: left; }
Обеспечиваю тут поддержку IE7 и не могу найти правильных слов для гугла. Примеры типа "добавьте плавающему элементу display: inline либо zoom: 1" не работают. Есть такой код: <div> <img src="http://placekitten.com/200/200?image=6" /> <p>Текст</p> </div> И к нему CSS div { overflow-y: hidden; } img { float: left; } p { margin: 1em; } Если запустить это в любом ИЕ <= 7, у img появится margin-bottom от подследнего вложенного элемента. В IE >= 8 такого бага нет. Смастерил на коленке фикс: .fix { zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).class…
0 votes14 answers -
A как вы делаете кривые линии блоков?
Собственно вопрос. Скрин Есть вариант png картинкой, но не удается поймать цвет, отличается хоть и немного. А если градиент там а не сплошной цвет? Вариант canvas знаю что есть, только ищу легкий путь)
0 votes13 answers -
Масштабирование сайта и проблема
Есть тестовый сайт http://libertyprint.ru/lencon/lencon/about. На нем нужно смаштабировать весь сайт (класс all). Но при этом теряется фон ( класс bg-about). Может кто знает как вылечить сайт? Заранее спасибо за помощь.
0 votes13 answers -
Не important
Есть ли свойство,которое обратно important в стилях?
0 votes13 answers -
Удаление подсказки из ссылки после нажатия
Как прописать полное удаление описания .removeAttr('original-title') jQuery(document).ready(function($) { $('#amoney').on('click', '.south', function(){ $('#amoney .south').removeClass('active').removeAttr('original-title'); $(this).addClass('active'); }); });
0 votes13 answers -
Откуда берется padding?
http://jsfiddle.net/220wsdx2/ Как сделать так чтобы высота блока .cell была 0, как задуманно, а не равнялась высоте одного из паддингов ссылки+line-height (насколько я понял)?
0 votes13 answers -
Адаптивная верстка и iphone.
Здравствуйте, уважаемые форумчане. Проблема следующая. Есть сайт с адаптивной версткой: grimakva.ru При проверке сайта в эмуляторах моб устройств все отображается корректно (за исключением меню (оно в процессе). Но при просмотре сайта непосредственно через айфон (различных моделей и версий ios) фон сайта отображается некорректно, выравнивается по ширине, оставляя внизу большое пространство. При этом прописанные @media screen полностью игнорируются. В чем может быть ошибка? Буду рада любым советам и полезным ссылкам, сама к сожалению не нашла ничего.
0 votes13 answers