HTML Coding

29,542 questions in this forum

1. Как масштабировать изображение при изменении окна браузера

   При верстке адаптивного шаблона возник вопрос, как масштабировать изображение при изменении окна браузера? Сколько не пробовала - никак не получается. Вот код: <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
2. float или position - для размещения контента

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

   Asked by cmndr_alexgreen, February 21, 2013

   • float position
   0 votes
   14 answers
3. 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
4. Ссылка на скачивание fb2 в дримвивер cs5

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

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

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

   Всем привет! Подключил на сайт 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
6. Прошу помощи!

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

   Asked by webakkord, February 21, 2013

   0 votes
   1 answer
7. Резинове меню

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

   Asked by romank, February 21, 2013

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

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

   Asked by Cluber, February 21, 2013

   0 votes
   3 answers
9. Проблема с line-height в Firefox

   Привет всем. Заметил, что в firefox выравнивание текста по baseline происходит отлично от других браузеров. Baseline не совпадает на 1px. Вот что я имею ввиду: Кто как с этим борется? Исходник на jsfiddle: http://jsfiddle.net/KtbDU/

   Asked by ExtendedPlay, February 21, 2013

   • line-height
   • css
   • firefox
   • bug
   0 votes
   2 answers
10. Новичок. Помогите, пожалуйста, по верстке.

    Проблема в следующем: выпадающее меню сдвигает остальные блоки, вместо того, чтобы просто отображаться поверх. Приношу извинения, если такая тема была ранее, но не нашел. Все, что находил - не помогало. Привожу код. Разметка <!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
11. Позицианирование div в резиновой верстке

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

    Asked by skostychev, February 21, 2013

    • div
    0 votes
    1 answer
12. Кнопка-ссылка

    Здравствуйте. Подскажите пожалуйста как сделать кнопку-ссылку? Простую ссылку я написал так : <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
13. Сделать swf анимацию под ссылкой

    Есть страница с swf анимацией http://cardterapia.ru/content/babochka. В этой анимации зашита ссылка на левый сайт. А мне нужно, чтобы при клике на эту анимация открывался другая страница на моем сайте. Вот сам код <object height="500px" id="Flash" width="920"><param name="movie" value="/sites/default/files/9.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /></object> Может как то z-index поможет отодвинуть на второй план анимацию, а сверху сделать ссылку на всю область анимации?

    Asked by smirn0ff, February 21, 2013

    • swf
    0 votes
    15 answers
14. Резиновая верстка

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

    Asked by romank, February 21, 2013

    0 votes
    7 answers
15. Несколько общих вопросов

    Буду признателен, если подскажите. 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
16. Прозрачный градиент

    Извините за глупый вопрос, но как сделать градиент прозрачным, как только пропишу прозрачность opacity 0.5, блок перестает быть градиентом и закрашивается одним цветом, в гугле не нашел инфу. Вот ссылка http://jsfiddle.net/RhTUQ/ .

    Asked by jaster, February 21, 2013

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

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

    Asked by miloslovesky, February 21, 2013

    • верстка
    • адаптивная верстка
    0 votes
    2 answers
18. Проблема в верстке меню

    Всем доброго времени суток! Смотрите, проблема вот в чем. Есть меню, вертикальный аккордеон, несколько уровней. Все хорошо работает, но только вот есть проблема в 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
19. Не получается поставить шапку

    Помогите пожалуста поставить шапку <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="x-ua-compatible" content="ie=edge" /> {headers} <link rel="stylesheet" href="{theme}/css/style.css" type="text/css" /> <!--[if lte IE 7]> <link rel="stylesheet" href="{THEME}/css/style-ie.css" type="text/css" /> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" href="{THEME}/css/style-ie8.css" type="text/css" /> <![endif]--> <script type="text/javascript" src="{theme}/js/sharett.…

    Asked by xdimn, February 20, 2013

    0 votes
    9 answers
20. помогите со скриптом Jquery

    http://jsfiddle.net/RwH5x/ Вот пример. В общем задача такова, чтоб при нажатии на блок, скручивался абзац, но не полностью, а так чтоб оставалась его первая строка или две первых строки и при этом я при открытом виде мог подключить один класс, а при закрытом, он удался... Заранее спасибо, помогите плизз...

    Asked by vladmih, February 20, 2013

    0 votes
    0 answers
21. Проблема с отображением! Помогите...

    Здрасти ! Создал сайт запустил и заметил баг в отображении ! С первого взгляда все нормально, но вот когда я увеличил сайт то появилась полоса прокрутки и сайт не поместился на экране. Я взял полосу передвинул и увидел что кусок сайта отрезался в том месте где он не поместился! я не могу почему то скинуть на форум картинки чтоб было легче ! на какой сайт скинуть картинки чтоб вы посмотрели проблему? код: [/size] *{ padding:0; margin:0 } body { background: #fff; width: 100%; margin: 0 auto } /*———————————————————--HEADER————————————————————--*/ .header { height:492px; background: -webkit-linear-gradient(#CABF9C, #FDFFF0 30%, #CABF9C 70%, #ae8979); background: -moz-linear-…

    Asked by ivanu6kin, February 20, 2013

    0 votes
    0 answers
22. Сверстать, чтобы занимало меньше места

    В дизайне есть следующие фоны. Как их лучше сверстать, чтобы они занимали меньше места. Не хочется делать фон одной большой картинкой. Если присмотреться к фоном, то можно увидеть, что там есть наклонные полупрозрачные линии по всей картинке. http://s2.ipicture.ru/uploads/20130220/PH8eiXDT.jpg http://s2.ipicture.ru/uploads/20130220/1dk7iaCN.jpg http://s2.ipicture.ru/uploads/20130220/TH8CATcY.jpg

    Asked by romank, February 20, 2013

    0 votes
    1 answer
23. как сверстать такой прогресс?

    Знатоки, подскажите плиз! Как сверстать такую штуковину??? Да так, чтоб шкала заполнялась? Или какими средствами?

    Asked by vladmih, February 20, 2013

    0 votes
    1 answer
24. Меню не отображается в опере

    подскажите пожалуйста ! www.joomla.metko.ru именно в opere не отображается левое меню ! почему такое может быть ??? только в опере и всё !

    Asked by morgusha, February 20, 2013

    0 votes
    1 answer
25. расстояние между

    подскажите пожалуйста вот есть такой вот класс section и при помощи него сделана такая вот конструкция ! http://jsfiddle.net/7FC9E/ так вот ! каким способом можно смешать скажем третий дви подинуть чуть ближе ко второму ??? joomla.metko.ru вот на сайте что бы Аксессуары для ipod подвинуть немного влево,а все остальное осталось на своём месте ?

    Asked by morgusha, February 20, 2013

    0 votes
    3 answers