HTML Coding

29542 questions in this forum

1. Как сделать у меню вот такой угол закругленный ?

   Подскажите как сделать вот такой закругленный угол ? http://pixs.ru/showimage/herdesigns_2623263_16167245.jpg

   Asked by Shenia132, February 22, 2015

   • верстка
   0 votes
   3 answers
2. Как решить проблему с z-index?

   Доброго времени суток! Попробую сформулировать вопрос. Есть меню, при наведении на пункты появляется выпадающее меню. Проблема в том, что меню выпадает при изменении координаты top и свойства transition и является дочерним элементом меню главного, поэтому получается перекрывание и z-index не помогает (здесь эта проблема подробно описана). Как решить такую задачу? Пример

   Asked by web-monster, February 22, 2015

   • css
   0 votes
   1 answer
3. Как мне сделать такое меню ?

   http://pixs.ru/showimage/herdesigns_2623263_16167245.jpg Как мне сделать такое меню ? Вот что есть http://jsfiddle.net/mnuy4o11/ не могу последние слова About us, My collection, Login не могу задать им отдельно цвет текста и сделать его не заглавными буквами, точнее могу но если использовать !important читал что лучше избегать его.

   Asked by Shenia132, February 22, 2015

   • верстка
   0 votes
   2 answers
4. Футер съехал вправо

   Подскажите, пожалуйста, почему футер съехал вправо и находится не внизу страницы. И слева серое поле как убрать(после кнопки дизайнерам)http://www.mix-mart.ru/Roto-door.html html,body{ height:100%; margin:0; padding: 0; background:#fff;}#body{height:100%;height: auto; min-height: 100%; }#container{height:100%; background:#e6e6e6; width:1000px; min-height:1670px; margin: 0 auto; padding-bottom:30px; }#footer{ clear: both; position: relative; z-index: 10; background:#ddd; float:right; width:1000px; height:30px; font:12px Verdana, Arial, Sans-Serif, Helvetica; text-align: left; padding:14px 20px 0 0; margin:0 12px 0 0; margin-top:-30px;}#f1{ float:lef…

   Asked by Савоини Анастасия Андреевн, February 24, 2015

   • Футер внизу страницы
   0 votes
   11 answers
5. Как стилизовать нумерованный список?

   Привет, друзья! Прошу помощи в решении задачи. Уже не знаю как подойти... Необходимо сделать такую стилизацию http://prntscr.com/68s92w . Мои попытки успехом не увенчались: .content-list ol { list-style-type: none; /* Убираем исходные маркеры */ counter-reset: num; /* Задаём имя счетчика */ }.content-list li::before { content: counter(num) ' '; /* Выводим число */ counter-increment: num; /* Увеличиваем значение счётчика */ color: #ff0000; font-weight: 600; display: inline-block; padding: 5px; width: 100px; height: 100px; background: url(images/list-style.png) no-repeat; }Заранее благодарю!

   Asked by donkos, February 23, 2015

   0 votes
   4 answers
6. Свои атрибуты в SVG

   Можно ли в SVG файл вставить свои атрибуты и уже на сайте вывести картинку и получить эти атрибуты через JS?

   Asked by Vlad, February 23, 2015

   0 votes
   2 answers
7. Подскажите по верстке

   Здравствуйте. Не могу разобраться с версткой. Что предполагается: Что получается: http://jsfiddle.net/0jkoaz4w/9/ Таблица уехала в какие то дебри ( Подскажите, как правильно сделать.

   Asked by Trident, February 24, 2015

   0 votes
   1 answer
8. Как правильно определить разрешения экрана

   Замучился с адаптивным дизайном. Наконец-то понял почему разрешение на мобильных устройствах занижается. Вот тут хорошая статья http://programador.ru/dp/ Вот нашел скрипт, но он определяет "devicePixelRatio" - это для ретины, да и не работает он, на мобилке сайт зависает при загрузке - просто белый фон и делает вид что что-то грузит <script>$(function() {if (window.devicePixelRatio !== 1) { var dpt = window.devicePixelRatio; var widthM = window.screen.width * dpt; var widthH = window.screen.height * dpt; document.write('<meta name="viewport" content="width=' + widthM+ ', height=' + widthH + '">');}}) </script>Скажите пожалуйста, как можно переделат…

   Asked by alleclf, February 24, 2015

   0 votes
   20 answers
9. Как фотошоп показывает отсутствующие шрифты и еще пара вопросов от новичка

   Глупый наверное вопрос. Если я открываю макет, в котором используются шрифты, которых нет у меня в системе, он будет показан, как его задумывал дизайнер или шрифты заменятся на другие? Могу я не устанавливая шрифтов делать скриншот и спокойно верстать? Разумеется не трогая текстовых слоев и не нажимая вот тут "ОК" Можно ли из .psd файла получить все используемые шрифты, допустим в текстовый файл? Какие инструменты есть для работы со шрифтами (сохранить в другой формат, вырезать лишнее и т. д.)?

   Asked by Shiza, February 24, 2015

   • photoshop
   • фотошоп
   • шрифты
   • fonts
   0 votes
   2 answers
10. Можно ли скриптом отловить смену ориентации?

    Можно ли скриптом отловить смену ориентации экрана устройства?

    Asked by alleclf, February 24, 2015

    0 votes
    2 answers
11. Прижать элемент

    Приветствую! Не могу прижать картинку вниз к дочернему блоку div, почему то она прижимается к низу body http://cssdeck.com/labs/71rtjukt

    Asked by Vans, February 24, 2015

    0 votes
    2 answers
12. Ссылка с якорем и без.

    Здравствуйте! Помогите советом. Имеем стандартное меню с выпадающими списками. Основные пункты меню ведут на соответствующий раздел, подпункты ссылки с якорями осуществляют плавный переход к соответствующему блоку на странице. Возникла проблема следующего типа: Находясь в своейм разделе подпункты работают как и подобает ссылке с якроем, а вот подпункты из другого раздела не работают как ссылки. Ссылка типа: http://temp.loc/#block-1Работает как якорь. Ссылка типа: http://temp.loc/?page=2#block-2Работает как и подобает ссылке, но как её заставить работать с плавным переходом?

    Asked by Vicos, February 25, 2015

    • ссылки
    • якоря
    • scroll
    0 votes
    8 answers
13. Нужно ли сейчас уметь писАть код руками

    Здравствуйте. Хотелось бы из полиграфического верстальщика переквалифицироваться в web верстальщика. В связи с этим вопрос. Нужно ли в нынешних реалиях уметь писать код полностью руками? Если да, то сейчас акуально изучать сразу HTML5? Потому как знаю есть Dreamweaver в котором все гораздо проще чем писать в Notepad++, и, на сколько я знаю, есть Muse в котором просто рисуешь что тебе нужно, а он все это переведет в грамотный код. Выскажитесь профессионалы так ли это? Спасибо.

    Asked by KoKa, February 25, 2015

    0 votes
    8 answers
14. Как растянуть блок на оставшуюся высоту.

    Пробую верстать сайт.Возникла проблема растянуть блок блок на оставшуюся высоту,но не знаю как это сделать. Пробовал три метода. Вот скрин что нужно сделать. [hide] [/hide] Вот код HTML: <!-- Контент --> <section id="content" class="margin-center"> <!-- Левая часть контента --> <section id="left-aside-content"> <article> <header class="hookah-icon"><a href="#"></a></header> <p>Максимальное наслаждение от курения ароматного, сладкого кальяна.</p> </article> <article> …

    Asked by ELBegemotos, February 25, 2015

    0 votes
    2 answers
15. Меню съехало

    Что-то не получается убрать этот промежуток. Съехало все после того, как добавил картинку звездочки в элемент списка. <body> <div class='wrapper'> <header> <img src="images/logo.png"> <div class='right'> <a href="#"><img src="images/search.png"></a> <button type='submit'>LOGIN or REGISTER</button></div> <div class='clearfix'></div> </header> <nav> <ul> <li><a href="/home/">Home</a></li> <li><a href="/products/">Products</a></li> <li><a href="/about/">About</a></li> <li>&lt…

    Asked by sp0k1e, February 25, 2015

    • съехало
    • меню
    • отступы
    0 votes
    3 answers
16. Сохранение символа и его вывод на экран, вся цепочка процесса

    Тема не о верстке, но не нашел раздела форума, где можно спросить было бы, поэтому пишу в этом разделе. Сколько не читаю статьи, никак не могу "въехать", я опишу, как вижу "мир", а вы, пожалуйста, напишите, где неправильно и как правильно. Большое вам спасибо! Я открываю текстовый редактор, нажимаю клавишу на клавиатуре. Контроллер клавиатуры отправляет процессору код нажатой клавиши. Операционная система передает этот код в текстовый редактор. Текстовый редактор определяет какая кодировка выбрана в операционной системе. Далее коду нажатой клавиши сопоставляется значение символа в текущей кодировке операционной системы. Например, код клавиши - 100, в кодировке windows-…

    Asked by FanAizu, February 25, 2015

    0 votes
    1 answer
17. Модальное окно поверх этого же модального окна

    Здравствуйте. Прошу кликнуть в этом прекрасном блоке на 4-м раунде кнопку "Подробнее", а затем в лайтбоксе на кнопку "Принять участие". Хочется, чтобы второй лайтбокс был над первым. Ну и очень хочется, чтобы первый ретировался туда, откуда вышел. Нашла такое и такое. Но насчёт второго с z-index'ом ни разу не слышала. А по первому - может, совет и хороший. Но нет времени учить JS, нужно модальное окно) П.С. Обещаю JS подтянуть, то самоё уже надоело спрашивать.

    Asked by kattiperk, February 25, 2015

    • модально окно bootstrap
    0 votes
    8 answers
18. выравнивание горизонтального меню с картинками

    Здравствуйте,столкнулся с проблемой,не могу выровнять в горизонтальном меню картинки,сейчас это выглядит вот так http://slayers.zz.vc/ ,а нужно что бы ссылки были под картинками. <style> .menu_head{float:right;margin-top:17px;display:table;}.menu_head li{display:table-row;float:left; }.menu_head li a{display:table-cell;text-align:center;}</style> <ul class="menu_head"><li><a href="#"><img src="img/home.png"/>Про комплекс</a></li><li><a href="#"><img src="img/key.png"/>Квартири</a></li><li><a href="#"><img src="img/shopping.png"/>Покупцям</a></li><li><a …

    Asked by BlooDSikeR, February 26, 2015

    • горизонтальное меню
    0 votes
    7 answers
19. Как настроить перетекании текста

    Всем доброго дня, Подскажите, как сделать перемещение текста из одной колонки в другую Макет: http://prntscr.com/6a12l1 Сейчас я использовала свойство columns, но все содержимого разбивается на три колонки, а мне надо что бы колонки по вертикали тянулись и размножались, вот как-то так Вот как сейчас все выглядит http://azharova.ru/test/ee.html

    Asked by Anna Zharova, February 26, 2015

    0 votes
    8 answers
20. макет

    приветствую,народ я начинающий подскажите как сверстать текст,что бы он так же отображался как в макете(с переносами с отступами и т..д.)

    Asked by Krendel, February 26, 2015

    0 votes
    18 answers
21. Наложить блоки на картинку

    Добрый день! Можно считать, что верстаю впервые. Проблема возникла вот с чем. Не могу понять как наложить два блока на картинку(пример во вложении). =( сейчас а нужно вот код html и ниже css <!doctype html> <html> <head> <meta charset="utf-8"> <title>Parlez-vous français</title> <link type="text/css" rel="stylesheet" href="css/table.css"/> <style> body { background: url(image/fonmain.png); background-repeat: no-repeat; background-position: center; } </style> </head&gt…

    Asked by oledgan, February 26, 2015

    • картинка
    • наложение
    0 votes
    3 answers
22. Адаптивный дизайн

    Добрый вечер, господа. Есть сайт написанный с использование bootstrap Все отлично, но вот проблема с футерем при разрешении 786x1024 Ссылка на cайт: http://justexemple.host56.com/ Вот изображение того как футер выглядит http://c2n.me/3ddzptb Подскажите как решить такую проблему

    Asked by alex.kv, February 26, 2015

    0 votes
    1 answer
23. Проблема со шрифтом Roboto

    Скачал с гугла фонтс шрифт и установил. Но когда в фотошое фокусирую текст, пишет мол это приведет к изменению текста. Вопрос почему? если шрифт один и тот же? жму окей и текст слегка видоизменяется. Что за ерунда?

    Asked by raptor-dm, February 26, 2015

    0 votes
    0 answers
24. Сдвиг контента скроллом

    имеется вот такая верстка: для контейнера со списком туду задач установлены свойства: max-height:300px;overflow: auto; Как разультат, при добавление задач в список - появляется скролл. Так и задумано, но есть проблема - скролл сдвигает контент влево на размер скролла. Поэтому строка с созданием новой задачи(с синей кнопкой в строке) выглядит нессиметрично со строками задач в списке(с желтой, зеленой и красной кнопками). Как избавиться от такого сдвига контентента?.. Может кто сталкивался с подобными задачами? Спасибо.

    Asked by FanAizu, February 26, 2015

    0 votes
    2 answers
25. Установка якорей внутри страницы.

    Добрый день! Имею структуру с прилепленным верхним меню (position:fixed). Со ссылок меню уходим на якори внутри страницы. Проблема в том, что при переходе на якорь, на какой-либо раздел страницы, заголовок этого раздела уходит под меню, причем, даже выше, чем это должно быть по геометрии (https://www.dropbox.com/s/infvu3rvgj6yk0e/screen1.jpg?dl=0, а должно быть вот так: https://www.dropbox.com/s/nwbuny770z0fxlr/screen2.jpg?dl=0) Пробовали дать элементу с якорем отрицательный margin-top, но это дало эффект почему-то только в Firefox, в других браузерах не сработало. Подскажите, у кого есть подобный опыт, как с этим быть?

    Asked by olgastaf, February 27, 2015

    0 votes
    4 answers