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 xmlns="http://www.w3.org/1999/xhtml"><head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="StyleSheet.css" /> <title></title></head><body> <div class="wraper"> <div class="block_news"> <div class="box_music"> <a href="#"> <img src="images\marilyn_manson.png" alt="Mari…
0 votes1 answer -
Можно ли реализовать такое на чистом css?
http://take.ms/g973S Реально реализовать такое на чистом css? Любой способ... Была идея светлую картинку затемнять прозрачным темным слоем через псевдоэлемент, но как потом кругом снова засветить? Как такое можно реализовать?
0 votes16 answers -
меню на hover -2
подскажите как сделать чтоб при наведении у выпадающего меню был отступ и оно не исчезало.? Спасибо. http://selfmaker.biz/oleg/polulux.html Ставлю ul.menu-nav{ padding-top:10px } не работает!
0 votes5 answers -
[Теория] Разница между адаптивной страницей и страницей с различными стилями
Уважаемые гуру, нужно ваше мнение: Что "лучше"-"предпочтительнее", сайт с адаптивным дизайном или сайт с различными стилями, работающими в зависимости, от необходимости?
0 votes6 answers -
svg - как включить текст к rect, circle и т.п.?
Затеял тут сделать простой редактор схем процессов. И подумал, чтобы линии в месте пересечения полукругом друг друга огибали сделать всё на Svg. И кажется так в дальнейшем будет больше преимуществ. Без svg всё просто стрелочки бы тоже дивами рисовал (там мона и треугольнички дивами к ним приделать... по большому счёту можно и полукруги сделать ..) Вот например, как я таскаю див и текст в него могу вбивать: http://jsfiddle.net/5g55uyjn/1/ А вот с svg начались непонятки. Но совершенно не понял, как тупо текст внутрь rect или внутрь circle поместить. А потом таскать это одним махом... Думал просто можно текст вставить... Нельзя вроде... Думал для этого <g> служит..…
0 votes2 answers -
Blur не работает в IE10
Привет, Проблема следущая использую фильтр blur на картинку, но в IE10 не работает. Много гуглил но решения не нашел. Может кто-то знает готовое решение или подкинет линку с мануалом.
0 votes1 answer -
Помощь по сетке bootstrap3
Подскажите, можно ли в bootstrap3 сделать вот такую сетку средствами css, без js?
0 votes1 answer -
Планшет, спрятать меню вверху страницы
Здравствуйте подскажите оттягивая пальцем страницу вниз на телефоне в браузере должно открываться закрытая область туда например можно спрятать меню подскажите как такое можно сделать...
0 votes0 answers -
Собсна, начинаю делать макет и уже траблы.
http://firstsiteinmymi.ucoz.com/ как я уже сделал и вот как надо Первый трабл у меня с текстом, позиционирую его по float right, но текст у меня теперь зеркально отражается, лого, лого тонкое, а у меня жирное.P.s фон под себя подбираю, мне не нравится те деревяшки. P.P.S Тему как переименовать, начинаю верстать макет =\
0 votes6 answers -
Подменю
Здравствуйте. проблема такова: Необходимо что-бы пункты подменю выравнивались по горизонтали (в одну строчку что-бы были все). Ставлю элементам float: left; но каждый элемент на новой строке все равно. 0_о При чем такое поведение только если у блока подменю position: absolute; , а нужен именно absolute, т.к. должен быть dropdown http://jsfiddle.net/yo333fo9/
0 votes3 answers -
выпадающее меню
Помогите сделать так что бы при наведении на профиль менюшка выпадала по верх контента а не отодвигала его... мучаюсь не могу, начинающий от роду неделя) архив.рар
0 votes4 answers -
прыгает меню при нажатии помогите
Приветствую при нажатии на ссылку в меню все ссылки которые там находятся прыгают вверх, потом возвращаются назад смотрится некрасиво ( _polukred.ru вот сайт, на верхнем меню не прыгает только при нажатии на Главная, остальные все нажимаешь - прыгают как исправить не пойму, по моему на всем сайте что то не так с ссылками подскажите что не так в ксс и как поправить ?
0 votes3 answers -
Радуга обрезается
Почему, если сузить окно браузера, то радуга обрезается? http://cssdeck.com/labs/pchbsooc
0 votes2 answers -
"Лишняя" остаточная ширина блока при переносе слов на новую строку
Пример: http://jsfiddle.net/cqm1Lnhg/ При переносе не помещающихся слов на новую строку (внутри блока) ширина блока не до конца подстраивается под ширину своего контента. Как добиться, чтобы в приведенном примере не оставалось дополнительного пространства в блоках справа от текста? Таким образом я хочу сделать пункты меню. Они должны быть плавающей ширины (зависящей от контента), и с ограничением по ширине (max-width). Таблицу не предлагать...)
0 votes5 answers -
И снова z-index в ie8-9
В ie8-9 Элементы с классом m-pointer находятся уровнем ниже main-img. Z-index не помогает при том, что элементы позиционированные. ...... <div class="m-pointer p1" id="p1"></div> <div class="m-pointer p2" id="p2"></div> <div class="m-pointer p3" id="p3"></div> <div class="m-pointer p4" id="p4"></div> <div class="m-pointer p5" id="p5"></div> <div class="m-pointer p6" id="p6"></div> <div class="m-pointer p7" id="p7"></div> <div class="m-pointer p8" id="p8"></div> <div class="m-pointer p9…
0 votes2 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 -
z-index + hover и змечательный IE8
Здравствуйте! Есть блок, в котором находится фоновая картинка(фоновую картинку вставил с помощью img, так как надо, что бы высота блока регулировалась по её пропорциям, если можно это сделать через backgound - буду ооочень благодарен, когда поделитесь методом, как это делается). Картинка спозиционирована relative и z-index: 1; Так же в блоке есть множество элементов с классом .m-pointer, которые принимают position:absolute, z-index:999. Проблема в работе псведокласса hover в ie8. Элементы .m-pointer визуально находятся сверху над главной фоновой картинкой, НО hover в ie8 не работает. Подскажите, как решить эту проблему.. Бьюсь уже несколько часов. .............. <…
0 votes3 answers -
Сколько заголовков h1 должно быть на странице документа HTML5 (СЕО)
Всем привет, вопрос наверное больше к СЕОшникам чем к фронт-эндерам. Недавно сдал верстку, ее уже залили на хост, поработал бэк-эндер, и настало время сео-оптимизации. Вот именно после этого прожект-менеджер отписала, что СЕОшника немного посмеялись над моей работой. Я в курсе, что учитывая стандарты HTML4 или XHTML заголовок H1 на странице должен быть один. НО!, ведь в HTML5 с появлением новых блочных элементов (article, section, main, footer...) заголовков первого уровня (Н1) может быть несколько. Вот так приблизительно выглядит прототип сайта, с пометками, где я использовал H1. С точки зрения валидности все верно. Действительно ли я затупил в верстке с точки зрения …
0 votes9 answers -
Не движется слайдер
Добрый день прикрутил слайдер взял отсюда http://www.cowboy.odessa.ua/gallery/13/ есть доступ к хостингу этого сайта, вроде все подключил, картинки есть движений нет. Подскажите где может быть ошибка? как подправить, чтоб заработало! Спасибо. Это то что получилось http://selfmaker.biz/oleg/gallery_2.html Надеюсь, что поможете!!! Спасибо
0 votes18 answers -
svg alignment-baseline
Здравствуйте. занимаюсь освоением svg. Для позиционирования текста использую верхнюю грань, чтобы было удобно выровнять bounding box относительно других элементов. Чтобы выравнивание происходило по верхней грани текста я задаю тегу tspan параметр alignment-baseline со значением before-edge, после чего почему-то лишаюсь кросс-браузерности. На примере видно, что в хроме слово not опустилось вниз, сровняв свою верхнюю границу bounding box-а с базовой линией элемента text, в то время как в фаерфоксе мы видим аккуратную строку без каких-либо сдвигов. Как исправить ситуацию и добится того, чтобы во всех браузерах позиционирование текста происходило так же как в хроме? В соответ…
0 votes3 answers -
Выпадающее меню(анимация)
Есть такое вот меню jsfiddle.net/v7tnh6jx/, мучаюсь ни как не могу сделать чтобы оно выкатывалось при наведении, transition пробовал 0 реакции, Подскажите пожалуйста)
0 votes6 answers -
Ошибка downloadable font: incorrect file size in WOFF header
Всем привет, Я пытаюсь в свою админку прикрутить "Metis Bootstrap Admin Template" темплейт и столкулся с тем что некоторые картинки в моих страницах не отображаются Например элемент с классом fa-calendar и в css-файле я нахожу определение .fa-calendar:before { content: "\f073";}В консоле браузера есть ошибка downloadable font: incorrect file size in WOFF header (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1)source: http://local-ci22.com/images/assets/metis/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0По ссылке выше файл fontawesome-webfont.woff скачивается. Как можно исправить эту ошибку?
0 votes3 answers -
проблема с позиционированием
Ребят верстаю макет и столкнулся с банальной ошибкой которую никак не могу выявить есть макет из 3 блоков шапки боковой колонки и контента с шапкой и боковой колонкой все нормально, все работает как надо а 3 колонка работает не понятно как (скрин) при максимальной ширине она не хочет растягиваться а остаеться в минимальной или залазин на боковую колонку скрин еще 1 header { display: block; position: relative; float: none; width: 100%; height: 70px; background:#4d76a3; }aside { display: block; position: relative; float: left; min-height: 900px; max-height: 100%; width: 200px; overflow: hidden; background: #375e88;}.container { display: block; position: relative; …
0 votes7 answers -
Проблемы с версткой html письма
Народ, помогите, пожалуйста, в первый раз сделал html письмо, все получилось как надо, но в яндекс почте и в outlook картинка с верхней тенью отображается с отступом в 1px, в остальных почтовиках отображается нормально, подскажите, что нужно изменить, чтобы все отображалось как нужно? <html> <head> <title>HTML шаблон письма</title> <meta charset="utf-8"> <style type="text/css"> /* Backgrounds */.email_background { width: 640px; //background: url('http://it-tektura.ru/images/html_message/email_bg.jpg') repeat-y;}/* Images */img { display: block; border: none;}/* Fonts and Typography */.footer { font…
0 votes2 answers -
Верстаю бесплатно для портфолио
Добрый день! Начинающий верстальщик выполнит верстку сайта низкой и средней сложности (фиксированный, резиновый и адаптивный дизайн) за отзыв и для портфолио. Валидность, кроссбраузерность IE9+ (если очень надо то IE8+); JavaScript, jQuery - начинающий, срок по договоренности. Примеры https://yadi.sk/d/UiqsrcUCa3JsB, https://yadi.sk/d/a2slFikwaSxLx Заранее большое спасибо!
0 votes24 answers