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
-
На страницах товара боковое меню съезжает вниз
Есть интернет-магазин http://itr-kids.ru Боковое меню "Каталог" расположено на всех страницах сайта, включая страницы товаров. Везде, кроме страниц товаров, это меню располагается там, где задумано (слева под поиском и основным меню). На страницах же товаров, например здесь, меню по непонятной причине уезжает в нижний левый край. Подскажите, пожалуйста, в чём может быть причина? Сайт на Drupal 6.
0 votes1 answer -
Google map
Добрый вечер! Подскажите, пожалуйста, как сделать карту от Google "резиновой"
0 votes3 answers -
Кроссбраузерность: CSS3 и JS
Недавно скачал шаблон с HTML5 Up и увидел, что на том сайте все шаблоны делаются не на CSS3 media query для адаптирования, а через написанный автором того сайта JS фреймворк skeiJS. Вот и задумался. А ведь правда, JS, который был еще во времена войны Netscape Navigator с IE, намного кроссбраузерней CSS3. Почему все используют последний? Да и вроде с CSS3 media query браузеру приходится загружать стили для всех экранов, а JS их подгружает их по мере необходимости. P. S. Я не настаиваю на том, чтобы все использовали JS. Я понимаю, что на использование CSS3 есть причина и хочу ее узнать.
0 votes3 answers -
Как прикрутить карусель?
Хочу взять слайдер отсюда http://labs.juliendecaudin.com/barousel/#ba_demos в html пишу <div id="any_id" class="barousel"> <div class="barousel_image"> <!-- image 1 --> <img src="image_1.jpg" alt="" class="default" /> <!-- image 2 --> <img src="image_2.jpg" alt="" /> <!-- image xx --> <img src="image_xx.jpg" alt="" /> </div> <div class="barousel_content"> <!-- content 1 --> <div class="default"> [any html content] </div> <!-- content 2 --> <div> [any html content] <…
0 votes6 answers -
css или js анимации
Добрый день, подскажите что же все таки производительней и в каких ситуациях. А то сделал очень интерактивный проект, но не меня ни заказчика не устраивает периодические подвисания анимации. Полностью везде использовалась css анимация с JS управлением. Вот решил переделать проект, но нужно решить проблему оптимизации.
0 votes5 answers -
Можно ли сделать плавающий, но не фиксированный блок?
В сайдбаре есть блок с тизерами, их там много. Потому просто position:fixed не подойдет иначе будет видна лишь малая часть Вот вопрос - можно ли и если да, то как сделать так, что если человек прокрутил статью вниз на 1500 пикселей, то этот блок становится со свойством margin-top:1500px; это чувствую как-то с JS связано..
0 votes1 answer -
В каком направлении копать для адаптивного скроллируемого фона?
Добрый день! Есть такая задача - в заготовке для сайта имеется картинка очень большой ширины (около 4000 px). Её необходимо сделать адаптивным фоном (к размеру окна браузера/экрана компьютера), выводить центральную часть с несколькими товарами которые "вшиты" в картинку - а остальное пустить под возможность горизонтального скроллинга. (На саму фоновую картину должен быть пристыкован атрибут usemap, сообщенный с "картой", ведущей на страницы конкретных товаров). Пока что удавалось реализовать лишь адаптивность, но без скроллинга (и кажется, в таком варианте и map не пристыковать): .box{ background: url('../img/1.jpg') no-repeat; background-position: center cente…
0 votes2 answers -
Drag and drop на чистом css
Узнал про новое свойство -webkit-user-drag, то, что с помощью него можно перетаскивать элементы и решил попробовать, но почему не перетаскивается? https://jsfiddle.net/d4kgzac1/
0 votes1 answer -
Не отображается картинка
Здравствуйте, я начал изучать html мой первый язык программирования и я много не понимаю и ещё не знаю. Я столкнулся с проблемой. Хотел я вставить картинку в свой сайт но она просто не отображается на сайте. Я пробовал разные варианты и также не получалось. Пишу код в Brackets. Пожалуйста помогите <img scr="https://bigsp.ru/uploads/position/large_01c6d2f3e6c3430fbb597cac07d746f86dde1a1d.jpg" width="250" height="400" alt="Суши">
0 votes1 answer -
растягивание на 100% в списке (IE)
у меня проблема с растягиванием на 100% тега li в раскрывающемся меню... ниже пример... Тут пример с косяком в IE6,7 Буду раз за помощь)
0 votes3 answers -
Ошибка в css
.quote { background-color:#1C1C1C; border:1px solid #383838; color:#EEEEEE; display:table; line-height:normal; margin:15px; padding:10px; } <div class="quote">что за</div> Получилось так! А хочу вот так, что бы было! Помогите знающие люди! Объясню если не увидели, отступ стоит вокруг текста он их как бы игнорирует. И всё сживает!
0 votes3 answers -
position:absolute; div
Здравствуйте. Как сделать чтобы родительский слой изменялся по высоте исходя из размеров своего дочернего слоя который при этом position:absolute; Пример. <div style="border:1px solid #232323;position:relative; min-height:120px;"> <div style="top:2px;left:2px;border:1px solid #990000;position:absolute;height:240px;width:50px;"></div> </div> Необходимо чтобы родительский div изменял размер в соответствии с вложенным.
0 votes3 answers -
сайтик, отступы
не знаете почему тут отступы большие? Делал на компе все норм, перенес... вот такая шляпа.
0 votes6 answers -
Нужен совет
В общем верстал, верстал я свой первый макет. Но не учел изначально одной особенности, а именно классическую проблему "дивной" верстки - одинаковую высоту колонок в зависимости от наполнения контентом. Честно говоря, я всё ещё не в полной мере понимаю, как правильно бороться с этой проблемой. Пытался внедрить, то, что уже сделано в готовые решения. Например: http://www.master-web.info/equal-height-columns-cross-browser-css/ Но ничего у меня не получилось из этой затеи. Теперь, как мне кажется, нужно вообще верстать заново. Можно ли спасти мою работу http://kidrock.ks8.ru/project1/ или не морочить себе голову и верстать заново?
0 votes12 answers -
Тег <code> или CSS
Какую роль играет тег code? Он просто меняет шрифт или играет важную роль для поисковых машин. Что если его заменить CSS стилем?
0 votes5 answers -
Навигационное меню–слайдер
С помощью чего можно оргранизовать такое меню?
0 votes4 answers -
Проблема с кириллическими шрифтами.
Я столкнулся с проблемой реализации двуязычного сайта. Точнее подгрузки шрифта, чтобы сайт отображался на английском и русском языках. Выбранный шрифт - http://font.ubuntu.com/ Латиница и кирилица присутствуют. Через fontsquirrel генерировал необходимые файлы. Прописал все в код и в CSS и был счастлив, но кирилица нужным шрифтом не отображается. Вернулся в fontsquirrel стал копаться в опциях генератора, нашел где можно поставить галку Кирилица. Файлы получились вдвое тяжелее предыдущих. Почти что был счастлив снова, но теперь не только кирилица но и латиница не хочет отображаться нужным шрифтом. Как можно исправить ситуацию? Нужно ли в случае генерации пакета шрифтовых фа…
0 votes9 answers -
Псевдоклассы в атрибуте style
Возможно ли использовать псевдоклассы в атрибуте style?
0 votes3 answers -
DIV'ная рерстка списка статей
Здравствуйте форумчане. А подскажите мне пожалуйста как можно сотворить список статей, как примерно показанно на картинке, прикрепленной мною. Так, что все выводились друг за другом и имели строго такой вид, как я изобразил. Есть код мною написанный, но уже третья статья уезжает вниз, чего совсем не нужно. Помогите разобраться и привести код и все остальное в божеский адекватный вид. Я немного новичок в верстке, поэтому нужна помощь. <div calss="wrapper"> <div id="articles"> <div class="article">...</div> <div class="article">...</div> <div class="article">...</div> <div class="article">...<…
0 votes1 answer -
Минималистичная верстка, хорошо или нет?
Всем привет, есть хедер: <header> <a class="logo" href="/">Лого</a> <a class="button" href="/">Кнопка</a> </header> Кнопка имеет float:right и красивое оформление. Вопрос вот в чем: Нормально ли это? То есть, то, что эти элементы не обрамлены в div. Ведь на месте лого могла бы быть и картинка, но и в этом случае я не вижу смысла обрамлять что то в div. Ведь можно просто дать тегу a display:block и будет тоже самое.
0 votes2 answers -
Резиновый двухколоночный макет с фиксированной шириной правого блока
Пытаюсь сверстать адаптивную вёрстку сайта с двумя колонками. Я сделал два блока с атрибутами inline-block внутри общего контейнера. Задал левому ширину 80%, а правому 20%. И задал min-weight и max-weight. Но теперь моя задача усложнилась. Мне надо, чтобы правая колонка всегда была 200px, а левая заполняла всё оставшееся место. Можно так сверстать с помощью float и margin-right. Но мне нужно, чтобы правая колонка проваливалась вниз при достижении min-width для левой колонки. Как это можно сделать?
0 votes4 answers -
Косой бакграунд
Увидел лендинг с таким перекрытием изображений: Как такое можно сделать? Я имею в виду косой слой.
0 votes3 answers -
Как сделать такое меню ?
Как сделать чтоб этот треугольник при наведении появлялся по центру текста ? а то он на первом слове по середине а на других нет. И еще вопрос поставил себе ubuntu поставил gimp как в gimp узнать какой шрифт используется в слове ? http://pixs.ru/showimage/herdesigns_5346032_16234412.jpg
0 votes7 answers -
0 votes7 answers
-
Выравнивание
Приветствую, хочу сделать так, чтобы иконки соц. сетей располагались ровно под логотипом "Skype", но ничего не выходит http://jsfiddle.net/4nnbou8s/
0 votes1 answer