HTML Coding

29542 questions in this forum

1. Резинове меню

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

   Asked by romank, February 21, 2013

   0 votes
   2 answers
2. Проблема с тегом <hr>

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

   Asked by Cluber, February 21, 2013

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

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

   Asked by webakkord, February 21, 2013

   0 votes
   1 answer
4. Почему подключенные шрифты выглядят в разных браузерах по разному?

   Всем привет! Подключил на сайт http://flowqi.ru несколько шрифтов с помощью CSS @font-face { font-family: "Chine"; src: url('fonts/chine.eot'); } @font-face { font-family: "Chine"; src: url('fonts/chine.ttf'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.eot'); } @font-face { font-family: "President Cyr"; src: url('fonts/President_Cyr_Regular.ttf'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.eot'); } @font-face { font-family: "JakobCTT"; src: url('fonts/JakobCTT_Regular.ttf'); } В результате в разных браузерах шрифты отображаются по разному Идеально в IE. Можно ли это победить? Может со шрифтами чт…

   Asked by VasyOK{!}, February 21, 2013

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

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

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

   0 votes
   1 answer
6. Как отобразить текст со стороннего сайта?

   С картинками все просто - указал ссылку в img и все. А как с текстом? <div class="fileURLs"> <ul><li id="file_1">blablabla</li></ul> <div class="filelist-summary"> <span class="fltlft">Всего: <strong id="totalFilesBefore">5 файлов</strong> файлов общим размером <strong id="totalSizeBefore">5.5 Гбайт</strong></span> <span class="fltlft">Последний раз обращались сегодня. </span> <span class="success fltrt"></span> </div> </div> как отобразить фразу "5.5 Гбайт" со стороннего сайта на другом ?

   Asked by gendalv, February 22, 2013

   • html
   0 votes
   3 answers
7. Background в IE

   Здравствуйте! Есть сайт www.iana-fomina.site88.net Во всех браузерах всё отлично работает, но в IE как всегда проблемы. Если потянуть за скролл, то background растягивается до неограниченых размеров. Помогите разобраться в проблеме. body{ background:#f5f5f5 url("../images/geral/bkg-pat.png") repeat scroll 0 0; font: 12px/1.5em Arial, Helvetica, sans-serif, "Arial Narrow"; color:#a5a5a5; position: relative; width: 100%; height: 100%; }

   Asked by Iana-Fomina, February 21, 2013

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

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

   Asked by cmndr_alexgreen, February 21, 2013

   • float position
   0 votes
   14 answers
9. Как масштабировать изображение при изменении окна браузера

   При верстке адаптивного шаблона возник вопрос, как масштабировать изображение при изменении окна браузера? Сколько не пробовала - никак не получается. Вот код: <ul> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.jpg[/url]" alt="" height="[url=""]111[/url]" width="[url=""]111[/url]"> </a> </li> <li> <a href="" title=""> <img src="[url="view-source:http://test1.ru/wp-content/uploads/9-111x111.jpg"]1.…

   Asked by Mila, February 21, 2013

   0 votes
   8 answers
10. <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
11. Полоса прокрутки!

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

    Asked by ivanu6kin, February 22, 2013

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

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

    Asked by jaster, February 22, 2013

    0 votes
    6 answers
13. Как рисуется треугольник ?

    #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
14. Два фоновых изображения в div`e

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

    Asked by PeterLS, February 22, 2013

    0 votes
    1 answer
15. Как убрать непонятную рамку?

    Для тех, у кого Гугл Хром. 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
16. Некорректное отображение верстки в 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
17. Отображение другого сайта во фрейме. Нужна помощь.

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

    Asked by gaptr, February 22, 2013

    • фрейм
    0 votes
    0 answers
18. javascript .replace

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

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

    0 votes
    4 answers
19. Позиционирование

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

    Asked by daniluch, February 22, 2013

    • позиционирование
    0 votes
    1 answer
20. 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
21. Масштабирование ЛОГО

    Привет всем! С праздником!!! Не могли бы подсказать, как лучше сделать лого на сайте. Всё содержимое сайта помещается в блок с максимальной шириной 1240px Есть фоновое изображение логотипа (1240x315) и нужно что бы в шапке сайта было это изображение (не перекрытое контентом и масштабируемое в зависимости от ширины окна браузера). Вот как делаю я: #wrapper { margin: 0 auto; overflow: auto; max-width: 1240px; min-width: 400px; background: #FFFFFF; border: 1px solid #F1F1F1; margin-top: 3%; } .logo { width: 100%; background: url("img/UPLER.jpg") 0% 0% no-repeat; background-size: contain; min-height: 102px; height: 100%; max-height: 315px; display: block; } <section id="w…

    Asked by winston3d, February 23, 2013

    0 votes
    1 answer
22. Как выстроить блоки div с разной шириной в один ряд

    Всем привет, такая вот у меня проблема: <div class="block"> <img src="img.jpg" /> <h3>Заголовок</h3> <span>Текст, примерно одно предложение</span> </div> Это будут товары в каталоге, блоков будет много, как можно выстроить их в ряд, типа float:left, но с тем условием, что ширина картинки может быть разная, и в зависимости от этого менялась бы ширина блока и текста в span, в итоге лишние блоки переносятся на нижнюю строку, а в строке их может быть, в одной 3, в другой 4, в зависимости от ширины картинки и соответственно блока. При фиксированной ширине - это понятно, а вот так, не знаю куда копать

    Asked by galaydas, February 23, 2013

    0 votes
    10 answers
23. Растянуть фрейм/див/картинку/etc на всё незанятое пространство родительской ячейки - как?

    Доброго времени суток! Вроде бы простая задача... Может, я что-то не так объясняю, или гуру вёрстки обходят стороной такие пустяковые темы... Но я уже на трёх форумах побывал, и нигде никто не смог дать ответ. А вопрос в следующем: Есть табличка на две колонки. В левой - меню, а под меню - iframe (с котёнком). В правой - как обычно - контент. Как сделать так, чтобы таблица растягивалась за счёт контента, а фрейм занимал всё оставшееся свободное пространство под меню? На скриншоте слева - то, чего я хочу добиться. Собственно, для Оперы - уже добился, работает. Установил фрейму высоту в 100% и overflow hidden для ячейки. Однако это решение НЕ работает в хроме (скринш…

    Asked by Postscripter, February 23, 2013

    0 votes
    9 answers
24. em vs px

    Всех приветствую. Сабж, собсно такой: имеет ли смысл на сегодняшний день, задавать размер шрифта в em? Все более-менее современные и не очень браузеры нормально зумят шрифт, который задан в px ( да и зумить страницу гораздо проще, чем лезть в настройки и менять размер шрифта ). Ну а для резины проценты, имхо, гораздо удобней. В em меня не устраивает то, что некоторые элементы при увлечении шрифта, ломаются. Например, горизонтальная менюшка: на всю ширину, текст в em. В итоге меню лезет на новую строку... nowrap не катит. Как исправлять подобные вещи? Использовать в таких местах px?

    Asked by SuperJerk, February 23, 2013

    • шрифт em
    • px
    0 votes
    9 answers
25. Прижать блок к правому блоку без скрола при смене разрешения экрана

    Здравствуйте! Столкнулся с такой проблемой: Дано: Два блока. 1-ый блок содержит контент, 2-ой как элемент дизайна. Задача: Прижать 2-ой блок к правому краю экрана (ширина монитора 1900px по ширине) при условии, чтобы блок оставался именно в правом блоке, без смещений и при ширине экрана, к примеру, 1200px, соответственно чтобы небыло полосы прокрутки. Вот наглядные скрины: http://splotnikov.ru/1.jpg http://splotnikov.ru/2.jpg Подскажите пожалуйста как сделать. Заранее благодарен!

    Asked by 13bis, February 23, 2013

    0 votes
    9 answers