HTML Coding

29,542 questions in this forum

1. float или position - для размещения контента

   Тут на днях упорно смотрел ролики В.Макеева, и по мимо массы полезных вещей как то вскользь прозвучало что "Все таки float не для разбрасывания блоков по странице" Возникла такая мысль - А насколько правильно, верстать опираясь на позиционирование блоков с помощью свойств float? Одно дело когда это действительно касается картинки которую нужно врезать в текст или что-то подобное. Другое дело формировать структуру отображения всего контента обернутого в различные блоки и раскидывать их налево или направо, и периодически не забывая, где нужно еще и clear впихивать. Это по сути теория, поскольку многие из вас наверняка скажут - "мол каждый верстает как ему удобно", но все же…

   Asked by cmndr_alexgreen, February 21, 2013

   • float position
   0 votes
   14 answers
2. CSS свойства стиля с потолка

   Не подскажите, можно ли в CSS стиле как-то хранить простые данные, к которым потом можно было бы обратиться через window.getComputedStyle Например, что-то типа этого .znak { background-color:red; border:1px solid; dyadyaVasya:100mb; } Т.е чтобы найдя елемент по классу znak, можно было вытащить из стиля свойство dyadyaVasya со значением 100mb ? alert(window.getComputedStyle(elem).dyadyaVasya); // выдало бы 100mb Или такое невозможно? Если нет, то каким другим простым способом можно так сделать ? Подскажите, пожалуйста, кто что думает.

   Asked by фонарик, February 22, 2013

   0 votes
   5 answers
3. Explorer не хочет понимать #cover_img_3:hover>.text{ display: block;}

   Здравствуйте коллеги, это мое первое обращение на форуме, так как не могу самостоятельно понять что происходит с этим факнутым эксплорером) в общем привожу ниже код, все просто. есть блок. наводишь на него мышкой и появляется текст с описанием. Все браузеры отлично воспринимают этот простейший код, проблема именно с эксплорером. <div id="cover_img_3"> <img src="1.jpg" /> <div class="text"> <p>Тут располагается скрытый текст..</p> </div> </div> #cover_img_3{ cursor:pointer; position: relative; float: left; margin: 30px; width:370px; height:200px; } #cover_img_3:hover>.text{ display: block; top: 200px; background: #000; -web…

   Asked by Березовский, February 23, 2013

   • explorer hover
   0 votes
   7 answers
4. Позиционирование

   http://jsfiddle.net/y3xmG/ Почему элемент не располагается в центре окна браузера?

   Asked by daniluch, February 22, 2013

   • позиционирование
   0 votes
   1 answer
5. В Chrome не работает псевдокласс focus для моего кода. помогите разобраться!

   Всем привет! помогите разобраться. очень нада. есть вот следующий код с эффектом раскрывающегося списка при клике на нем используя только css c псевдоклассом focus. хочу испольховать его. пример тут Но проблемма! В Chrome данный эффект не работает, а в остальных браузерах работает. если кто знает как эту проблемму можно решить? заранее благодарен.

   Asked by exctac, February 23, 2013

   0 votes
   3 answers
6. <Input type="text"> and ie8

   html: <div class="form-item"> <input type="text" name="" value="Search" maxlength="128" /> </div> CSS: * { margin: 0px; padding: 0px; } .form-item input { height: 19px; width: 100px; border: 1px solid black; } .form-item { height: 21px; } Screen from IE8 Как видите есть отступ сверху. margin-top: -Npx не помогает. Ума не приложу что с этим делать. Возможно из-за полнодневной борьбы с ie разум не видит очевидные вещи.

   Asked by dmitriydrachov, February 21, 2013

   • input
   • ie8
   0 votes
   3 answers
7. Кнопка-ссылка

   Здравствуйте. Подскажите пожалуйста как сделать кнопку-ссылку? Простую ссылку я написал так : <p><a href="index7.http">Регистрация</a></p> Эту кнопку я нашел в нете. <input type="button" value="Регистрация" onclick="location.href='index7.http'"></p> Вроде работает, но что такое "location.href= и почему 'index7.http'" в одиночных скобках?понять и найти ответа немогу. Зарание благодарен.

   Asked by Mirovich, February 21, 2013

   0 votes
   5 answers
8. javascript .replace

   Подскажите пожалуйста, как из строки "-896px -324px" при помощи replace в переменную a присвоить значение -896, а в переменную b значение -324? Числа могут быть и не отрицательные и разных порядков. Иными словами, нужны символы что идут как цифровое значение до символов "px". Никак не осилю как эта штука вообще работает

   Asked by фонарик, February 22, 2013

   0 votes
   4 answers
9. Некорректное отображение верстки в IE8

   http://test.idea-book.ru Буду очень благодарен, если кто-то подскажет, в чем проблема. Верстка выполнена с использованием Zurb Foundation. Привожу скриншоты: http://itmages.ru/image/view/907818/7dc7e38a http://itmages.ru/image/view/907820/cc91771f Самое необычное в том, что верстка отображается таким образом во ВСЕХ браузерах под Win XP (SP 2) Может кто-нибудь объяснить, почему так происходит? Ведь браузер должен быть ос-независимой платформой, разве нет?

   Asked by EugeneGlushkov, February 22, 2013

   • верстка IE8
   • верстка Windows XP
   • Foundation
   0 votes
   2 answers
10. Отображение другого сайта во фрейме. Нужна помощь.

    Здравствуйте, друзья. Поставлена такая задача: есть домен, нужно отобразить два фрейма, в одном будет шапка, которая не должна изменяться, а в другом сайт с другого домена. Как можно это реализовать? Графический пример: Буду очень благодарен за помощь! Спасибо!

    Asked by gaptr, February 22, 2013

    • фрейм
    0 votes
    0 answers
11. Полоса прокрутки!

    Привет всем. Меня интересует как сделать полосу прокрутки чтобы она появлялась с определенного масштаба. Допустим чтоб полоса появлялась с 1200px. Заранее спасибо!!!!!!!

    Asked by ivanu6kin, February 22, 2013

    0 votes
    3 answers
12. Как убрать непонятную рамку?

    Для тех, у кого Гугл Хром. http://anti.chashniki.net/uncategorized/название-предмета-12/ Покликайте на слайдер (4 изображения внизу) и закройте его. Появится под изображением непонятная рамка: https://www.dropbox.com/s/xfyadkigytit98c/21-02-2013_181908.jpg Подскажите, пожалуйста, как её убрать?

    Asked by Torm, February 22, 2013

    0 votes
    3 answers
13. Новичок. Помогите, пожалуйста, по верстке.

    Проблема в следующем: выпадающее меню сдвигает остальные блоки, вместо того, чтобы просто отображаться поверх. Приношу извинения, если такая тема была ранее, но не нашел. Все, что находил - не помогало. Привожу код. Разметка <!DOCTYPE html> <html lang="ru" > <head> <meta charset="windows-1251" /> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="menu"> <ul id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">Навигация</a> <ul> <li><a href="#">Карта сайта</a></li> <li>&lt…

    Asked by Stranger, February 21, 2013

    0 votes
    4 answers
14. Убрать рамку и тень

    Имеется два блока, возможно ли убрать рамку снизу, а также тень маленького блока снизу ?Нужно чтобы блок смотрелся как единый целый http://jsfiddle.net/jVPa9/.

    Asked by jaster, February 22, 2013

    0 votes
    6 answers
15. Два фоновых изображения в div`e

    Здравствуйте! Подскажите, пожалуйста, как сделать вот так: То есть чтобы две фоновые картинки одновременно отображалась сбоку и сверху. Заранее огромное спасибо!

    Asked by PeterLS, February 22, 2013

    0 votes
    1 answer
16. Как рисуется треугольник ?

    #triangle-down { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-top: 100px solid red; } Не могу понять как рисуется треугольник, контент по нулям, слева рамка толщина 50 px, справа 50 px, а сверху в два раза больше, по идее же квадрат рисуется ?

    Asked by jaster, February 22, 2013

    0 votes
    3 answers
17. Резинове меню

    Сейчас меню на ширину всего врапера нарисовано(сылка на рисунок). Нужно сверстать резиновое меню, чтобы при уменьшении размера экрана сужалась ширина элементов меню. http://s1.ipicture.ru/uploads/20130221/8WzaAP55.jpg

    Asked by romank, February 21, 2013

    0 votes
    2 answers
18. Ссылка на скачивание fb2 в дримвивер cs5

    Добрый день всем участникам форума! Подскажите, кто знает, как в Dreamweaver cs5 сделать ссылку на скачивание файла в формате "Fiction book" (fb2, он же - XML-файл). Пять (!) других форматов (txt,doc,rtf,chm и epub) по ссыкам, созданным обычным способом (выделение текста ссылки + стрелка мышкой с панели свойств на нужный файл) скачиваются без каких бы то ни было проблем, при попытке запустить то же самое в отношении fb2 выдаёт: "С этим XML-файлом не связана никакая таблица стилей"...

    Asked by Замстар, February 21, 2013

    0 votes
    1 answer
19. Проблема в верстке меню

    Всем доброго времени суток! Смотрите, проблема вот в чем. Есть меню, вертикальный аккордеон, несколько уровней. Все хорошо работает, но только вот есть проблема в css. Проблема в том, что открытые серые <li>(те, что светлее) по высоте больше, чем надо. И главное, что в коде пэддинг стоит только для верха и левой стороны этого <li>, но почему-то он и вниз растягивается, что и не очень выглядит, потому что сами эти <li> больше главных лишэк. Вот css: .topnav { background: #d3d3d3; width: 268px; padding:0; list-style:none; } .topnav ul{ padding: 0; margin: 0; font-size: 1em; line-height: 0.5em; list-style: none; } .topnav li { width:268px; list-style: no…

    Asked by dartwlad, February 20, 2013

    • меню верстка
    • вертикальное
    0 votes
    3 answers
20. Проблема с тегом <hr>

    Всем привет! У меня проблема, которую не могу решить целый день! В верстке в общем пробем нету! Короче у меня есть страница с новостями, они подгружаються с БД. Когда новости отпрограмировал, поставил что бы после каждой новости была линия, что бы чем-то разделять, ну и для красоты, использовал в этом случаи тег <hr> подошол на ура... но вот проблема, как мне убрать после последней новости последнюю линию, в гугли ничего не нашел. Сначало подумал, что проблем не будет, что уберу last-chil'ом, но это не css. Короче посоветуйте что-то. Буду благодарен.

    Asked by Cluber, February 21, 2013

    0 votes
    3 answers
21. Прошу помощи!

    Всем доброго времени суток! Хочу научиться верстке сайтов, html немного знаю, подскажите легкий шаблон psd на котором можно учиться верстке.

    Asked by webakkord, February 21, 2013

    0 votes
    1 answer
22. Несколько общих вопросов

    Буду признателен, если подскажите. 1. Не могу пока, что понять как сделать такое: т.е. пунктиры. Нашел вот такие решения http://www.xiper.net/collect/html-and-css-tricks/content/table-of-contents.html Но здесь кругом фиксированные размеры, т.е. если справа будет больше цифр, то все ломается. Собственно, может у кого что еще есть? 2. Как вы реализуете выпадающие селекты с чекбоксами? Я нашел пока такие варианты: http://dropdown-check-list.googlecode.com/svn/trunk/doc/dropdownchecklist.html http://www.xiper.net/collect/html-and-css-tricks/verstka-form/nice-select-jquery.html (вроде можно практически, что угодно внутрь option запихать) Может есть более "лучшие" реализации?…

    Asked by npofopr, February 21, 2013

    0 votes
    8 answers
23. Резиновая верстка

    Добрый день! Нужно резиново спозиционировать div относительно wraper. Чтобы при уменьшении размера монитора div не двигался, пока не начал сжиматься wraper. Рисунок по сылке http://s1.ipicture.ru/uploads/20130221/p4cSvlWn.jpg

    Asked by romank, February 21, 2013

    0 votes
    7 answers
24. Блоки едут почему-то. Нужна помощь

    Готов заплатить тому, кто объяснит, почему в Файрфоксе такая фигня* Пруф *Имеется ввиду, что блок сдвигается наверх, при прокрутке вниз. Точнее все блоки, включая body

    Asked by miloslovesky, February 21, 2013

    • верстка
    • адаптивная верстка
    0 votes
    2 answers
25. Позицианирование div в резиновой верстке

    Здравствуйте. Подскажите пожалуйста кокие свойства нужно прописать дивам (они на схеме черного цета, одного класса) чтобы при изменении размеров окна они начали позицианировать как на второй картинке . Флоат не помогает, дивы начинают располагаться в хаотичном порядке. Заранее спасибо. Так схематично выглядит страница в браузере Так она должна выглядеть при сжатии окна, вместо этого четыре черных дива в нижней части сайта располагаются в столбик.

    Asked by skostychev, February 21, 2013

    • div
    0 votes
    1 answer