HTML Coding

29542 questions in this forum

1. Меню со скошенными углами

   Как сделать подобное меню? http://www.wildberries.ru/ (скошенные углы) В Firebag смотрел но так ничего и не понял. Может, есть подобные примеры с объясненем? Просто если меняется ширина пункта меню то и скос этот должен тоже менять свою ширину. В общем не понятно

   Asked by Imperil, May 9, 2013

   • скошенные уголки у меню
   0 votes
   4 answers
2. Никак не могу убрать отступ сверху сайта

   Недавно почему-то появилась проблема.Появился отступ сверху сайта.Подскажите, как его убрать?Сайт- prowarspear.ru Вот часть кода css: *{ padding:0; margin:0; } table.main{ width:1100px; margin-left:auto; position:top; border-radius: 10px; } body { background-image:url(bg-4.JPG) ; background-color:#171b24; margin-top:0px; padding:0px; } td.top{ height:270px; border-radius: 10px; } td.news{ margin-top:20px; background-color:#171b24; display:table-cell; vertical-align:top; border: 5px solid #171b24; width:230px; word-wrap:break-word; } td.footer2{ border: 7px solid #171b24; background-color:white ; word-wrap:break-word; color:grey; font-size:22px; border-bottom-left-radius: …

   Asked by demonuga, May 9, 2013

   0 votes
   9 answers
3. Подключение стиля с помощью @media

   Здравствуйте! Есть вот такая конструкция: <link rel='stylesheet' media='(min-width: 1281px) and (max-width: 1366px)' href='css/1366x768.css' /> <link rel='stylesheet' media='((min-width: 1025px) and (max-width: 1280px)) and ((min-height: 874) and (max-height: 900))' href='css/1280x1024.css' /> Но на практике она не работает... Хочу с её помощью подключать стилевой файл, если ширина окна будет колебаться от 1025 до 1280, а высота от 874 до 900 . Высота страницы задана в процентах, но высота блока с контентом - 874px. При увеличении ширины экрана (более 1280px) должен подключатся другой стилевой файл. Но почему-то этого не происходит. Даже при ширине в 1400 …

   Asked by maksvirus911, May 9, 2013

   • @media
   0 votes
   8 answers
4. Растянуть блок на всю ширину контейнера

   Всем привет! Есть два блока: 1. контейнер 2. блок внутри контейнера Возможно ли растянуть блок внутри контейнера на всю ширину контейнера с помощью css не зная при этом ширины контейнера? http://learn.javascript.ru/play/ACLeKb Спасибо.

   Asked by nerv, May 9, 2013

   0 votes
   12 answers
5. Не получается темизировать переводчик от Гугл

   Я установил на сайт http://monreall.net/ переводчик от гугл. Мне нужно, чтобы цвет шрифт и граница формы были серыми, а именно: border-bottom: 1px solid #D7D7D7; font-size: 11px; color:#7D7D7D Но у меня не получается прописать свойства в CSS. Переводчик не хочет темизироваться. Мне удалось только выровнить блок. .top_banner { margin-left:30px; margin-top: -11px; } А как сделать цвет шрифта и границу формы серыми? Подскажите, пожалуйста, с кодом.

   Asked by slaip, May 9, 2013

   0 votes
   2 answers
6. Как сделать верстку кроссбраузерной

   Сверстал свой первый макет и при проверки на кроссбраузерность в safare и chrome поплыли некоторые элементы, скажите, что именно исправить и почему так выходит? Вот как выглядит нормально в опере: А вот в сафаре: Скидываю эти участки кода. html: <div id="topmenu"> <ul id="navigation"> <li><a href="#" class="select">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li></ul> <div id="rss"><img src="img/rss.jpg" alt="rss блога" class=…

   Asked by NightHawk, May 8, 2013

   0 votes
   2 answers
7. Что за параметр VA в Photoshop

   Подскажите новичку. Верстаю в качестве практики макет небольшой. Инструментом Текст выделил фрагмент текста на макете и открыл палитру Символ для подробного изучения параметров данного текста. И там увидел такой параметр - http://itmag.es/2XBy0 Я так понимаю, что это тоже самое, что letter-spacing на CSS? Или это word-spacing? Что означает значение этого параметра: -25? Логично предположить, что знак минус означает - "ужимать" текст. Но насколько мне это нужно сделать в CSS? -25px, -2.5em? Буковка T с обоюдной стрелочкой - это line-height?

   Asked by aaron, May 8, 2013

   • photoshop
   0 votes
   1 answer
8. Не растягивается div

   Доброго времени суток. Прошу помочь с div'ом. Не растягивается (при масштабировании начинает повторяться). Ссылка. Сколько танцев с бубном вокруг width: 100%, position и т.д. не было, не помогает. Прошу помочь.

   Asked by cs-monitorer, May 8, 2013

   • div
   • не растягивается
   0 votes
   2 answers
9. как сделать резиновый двухколоночный макет с двумя разъезжающимся картинками по бокам

   резиновый двухколоночный макет с двумя разьежающимся картинками по бокам для этого сайта. это я верстал макет, хочу переделать на резиновый но проблема в том что по бокам две картинки которые должны плавать при растяжении до краев экрана. вот сайт http://biotrof.ru/ вопрос как это реализовать?!

   Asked by daggi, May 8, 2013

   0 votes
   4 answers
10. Не изменяется высота строки

    Если у элемента <a> указать размер шрифта 14px, то line-height перестает изменятся при ввода значений, меньших размера шрифта. HTML: <ul class="someClass"> <li> <a href="#">SometextSometextSometextSometexSometextSometextSometextSometexSometextSometextSometextSometexSometextSometextSometextSometex </li> </ul> CSS: .someClass li a { font-size: 14px; line-height: 4px; } Подскажите, пожалуйста, по какой причине не изменяется высота строки?

    Asked by TorchTT, May 8, 2013

    • line-height
    0 votes
    2 answers
11. windows 8: html/js + базы данных

    Интересует можно ли подключить в html/js приложении windows8 базу данных. База хранится на пользовательской машине. Хоть что-то хотелось бы прочитать про это.

    Asked by Slyfox, May 8, 2013

    • windows 8
    • приложения
    • html/js
    0 votes
    0 answers
12. [css] Вывод по верх всего содержимого

    Имеется стиль под всплывающее окно: Проблема: фон и текст этого окна заходит за изображения бокового меню. Вопрос: как изменить код что-бы приоритет был выше остальных изображений?

    Asked by jontsk, May 8, 2013

    0 votes
    6 answers
13. Div в две колонки

    Как расположить два div блока напротив друг друга? Сколько рылся в css так и не понял.

    Asked by Vamp, May 8, 2013

    0 votes
    4 answers
14. условные комментарии в адаптивной вёрстке

    кто-нибудь использовал условные комментарии в адаптивной вёрстке? имхо они просто не работают. к примеру есть код <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/styles_basic.css" media="all"> <link rel="stylesheet" href="css/styles_480.css" media="only all and (max-width : 768px) and (min-width : 480px)"> <link rel="stylesheet" href="css/styles_768.css" media="only all and (min-width : 768px)"> <!--[if IE]> <link rel="stylesheet" href="css/ie.css" media="all"> <link rel="stylesheet" href="css/ie_768.css" media="only all and (min-width : 768px)"> <![endif]--> в ie9 правила из файла css/ie_768.…

    Asked by cyklop77, May 8, 2013

    0 votes
    5 answers
15. Разместить таблицу по центру body

    Подскажите пожалуйста, как разместить таблицу шириной 300 px и высотой 100 px в центре страницы? Причем разместить необходимо как по вертикали, так и по горизонтали страницы.

    Asked by Alex_Dark74, May 8, 2013

    0 votes
    2 answers
16. Какой HTML5 видео плеер является лучшим?

    Здравствуйте! На данный момент занимаюсь изучением тега <video> (html5) и всему, что с ним связано. Пытаюсь разобраться, как всё это дело организовать наилучшим образом и столкнулся(по ходу дела) с определёнными трудностями: Не удаётся найти адекватный(человеческий) плагин! (Понимаю что на первый взгляд - это может звучать довольно странно.) Перепробовал практически все варианты по следующим ссылкам: http://www.dejurka.r...-video-players/ http://womtec.ru/201...-video-players/ + 2 дополнительных варианта: http://www.codoplayer.com/ http://uppod.ru/ Как правило во всех источниках(кроме последней ссылки) описания идут на инглише(в этом к сожалению пока не силен!) Инт…

    Asked by Yamaradg, May 8, 2013

    0 votes
    9 answers
17. Якорь без прыжка

    Есть меню сверстанное на CSS3, которое открывает подменю используя якоря. Т.е. пока в адресной строке присутствует якорь #id_открытого_подменю блок с таким id отображается. Но когда страница расширилась вниз, появилась полоса прокрутки, и теперь если кликать по этому меню, браузер прыгает до этого якоря. Как сделать так, чтобы меню продолжило работать, но браузер перестал прыгать по якорям: http://wiic.ru/wn6/ - меню Выбор квартиры

    Asked by zlodeev, May 7, 2013

    • html
    • якорь
    0 votes
    3 answers
18. Знает ли кто-нибудь хорошие учебники именно по вёрстке?

    Здравствуйте. Знает ли кто-нибудь хорошие учебники именно по вёрстке? С чего можно начинать? С html и css я уже знаком не много.. Хотелось бы пробовать что-то верстать наконец то.

    Asked by napstyle, May 7, 2013

    0 votes
    4 answers
19. div с фиксированной высотой внутри ячейки

    Пытаюсь создать таблицу, в которой высота ячейки фиксированная вне зависимости от контента, Для достижения эффекта заворачиваю внутри каждой ячейки div с фиксированной высотой. По идее все что внутри дива должно обрезаться, и на высоту ячейки никак не влиять, и тем не менее почему-то высота ячейки меняется в зависимости от контента внутри дива. Проверял в IE FF и Chrome. Нигде не могу найти обьяснения почему так происходит. <tr style="display: table-row;"> <td style="height: 24px; min-height: 24px; max-height: 24px; overflow: hidden;"> <div class="ecl-grid-cell-inner ecl-border-box" style="overflow: hidden; position: relative; height: 24px; ma…

    Asked by graf, May 7, 2013

    0 votes
    3 answers
20. Широкий сайт.

    Друзья - разработчики. Объясните мне пожалуйста причину, по которой на мониторах с небольшим разрешением сайт выглядит очень широким с возможностью прокрутки вбок? http://www.artsavina.ru

    Asked by ArgonXPrime, May 7, 2013

    • размер
    0 votes
    3 answers
21. Вертикальная отцентровка текста

    При таком CSS получается 1 строка текст ровно по центру, а как сделать, чтобы еще 2 строки были ровно по центру? <style> ul li { height: 30px; line-height: 30px; text-align: center; } </style> <ul> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> </ul>

    Asked by aquapasha, May 7, 2013

    0 votes
    2 answers
22. расположение меню

    Всем джамбо. Сайт на wp http://osobniak.com/ меню строится справа на лево, а хотелось бы чтобы слева на право или по центру его сделать. Подскажите кто может.

    Asked by CatInTheBread, May 7, 2013

    0 votes
    6 answers
23. Дергающиеся fixed элементы

    Сделал недавно сайтик и один пользователь жалуется: Он заходил с браузера Google Chrome под Android. С обычного, встроенного браузера все хорошо. Вот сам сайт: http://ikng-studio.tk/ Никак не могу придумать, как это исправить. Элемент закреплен элементарным

    Asked by iKNG, May 7, 2013

    0 votes
    6 answers
24. Как удлинить границу?

    Здравствуйте! Столкнулся вот с такой задачкой... Как удлинить верхнюю серую границу правого блока? Чтобы из правого блока переходило на шапку кусочек? В голову приходит только создание дополнительных блоков с нижней границей, но может есть какое-то решение попроще - через свойства?

    Asked by nikki4, May 7, 2013

    0 votes
    1 answer
25. Масштабирование и центрирование содержимого окна под разрешение клиента

    Здравствуйте. Есть макет. Ширина 1920px. На странице несколько больших фоновых изображений(на всю ширину макета). Область с контентом имеет фиксированную ширину в 960px и отцентрирована(margin: 0 auto). На разрешениях меньше 1920 естественно во-первых, получаем горизонтальную полосу прокрутки, во-вторых, после загрузки страницы ползунок уже сдвинут влево, т.е. пользователь видит сразу левую часть страницы. Как отцентрировать макет даже для малых разрешений, просто обрезая ту часть макета, которая выходит за границы разрешения и не показывая полосу прокрутки, чтобы, например, при масштабировании пользователь смог увидеть и остальное? Может у кого есть под рукой ссылки на п…

    Asked by son6ka, May 7, 2013

    • разрешение
    0 votes
    6 answers