HTML Coding

29542 questions in this forum

1. @font-face для разных начертаний шрифта

   Доброго времени суток! Подскажите, пожалуйста, как правильно подключать разные начертания одного шрифта? Допустим, есть файлы шрифтов Font1-reg.ttf, Font1-mediumitalic.ttf, Font1-lightitalic.ttf, Font1-bold.ttf, Font1-blackitalic.ttf. Конвертирую и подключаю следующим образом: @font-face { font-family: 'Font1'; src: url('../fonts/font1-reg-webfont.eot'); src: url('../fonts/font1-reg-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/font1-reg-webfont.woff') format('woff'), url('../fonts/font1-reg-webfont.ttf') format('truetype'), url('../fonts/font1-reg-webfont.svg#Font1') format('svg'); font-weight: normal; font-…

   Asked by Catherine, May 24, 2012

   0 votes
   6 answers
2. Помогите понять в чем дело...

   Доброго времени суток! Уважаемые форумчане, помогите разобраться в чем дело. В ообщем суть проблемы такова есть верстка дизайна, после подвала, страница должна заканчиваться, в опере она заканчивается нормально, а вот в ИЕ почему то не совсем правильно заканчивается, смотрим на картинки, код css прилагается. Опера: ИЕ: Листинг html, body {height: 100%;} body {padding: 0; margin: 0; background-color: #E2E2E2;/*EFF1F6*/ color: #666; font: 70% tahoma, arial, sans-serif; text-align: center;} /*.sp {color: #666;}*/ #allpage { margin: 0 auto; background-color: #FFFFFF; text-align: left; height: 100%; margin-top: 5px; margin-bottom: 15px; width: 940px; /*min-width:…

   Asked by mario, December 12, 2008

   0 votes
   5 answers
3. Как скрыть значок битой картинки?

   Можно как-то сделать, чтобы на сайте не показывался такой значок, когда картинки нет по указанному пути? Лучше всего показывать пустое место.

   Asked by kpripper, March 9, 2016

   0 votes
   2 answers
4. Ссылка в браузере на файл Visio

   Как открыть ссылку в IE на файл .vsd в программе MS Visio? Сейчас открывется в окне браузера.

   Asked by Zuma, December 14, 2009

   0 votes
   11 answers
5. Как использовать @extend стилей из другого SCSS файла и есть ли в этом смысл?

   Заранее прошу прощения если этот вопрос уже задавался, но, несмотря на обширное кол-во информации по теме, найти ответа на свой вопрос я не смогла. Суть в следующем: Например, у меня есть два отдельных scss файла - header.scss и footer.scss. Стили футера почти полностью совпадают со стилями хедера, за исключением пары свойств. Но если я прописываю в файле footer.scss @extend header - стили хедера не могут использоваться, т.к. это другой файл. Подскажите, как идеологически вернее делать в данной ситуации? Чтобы новый класс/элемент получал стили существующего класса из другого файла + добавлял свои или менял некоторые стили на свои.

   Asked by VeraVostro, May 2, 2018

   • верстка
   • css
   • sass
   • scss
   0 votes
   1 answer
6. Подчеркивание ссылок пунктиром

   Сабж) Как сделать, чтобы при наведении на ссылку, он подчеркивалась пункиром?

   Asked by Itan, May 3, 2009

   0 votes
   5 answers
7. Как с помощью CSS и HTML показать только часть картинки

   Можно ли вывести на экран обрезанную картинку, используя только html и css, но при этом, не используя (float: left) Необходимо центрировать и масштабировать картинку по экрану и, желательно, сохранить радиусы и тени. В примере ниже используются два изображения: Верхнее - 1600х900 (размеры всегда такие) Нижнее - 800х900 (размеры всегда такие) - т.е. ровно половина от первого рисунка со смещением от левого края на Х пикселей. Можно ли не загружать для этого два изображения, а для отображения второго рисунка использовать только первый с указанием отступа Х от левого края? То, что должно получиться - на картинке с тигром. Помогите, у кого есть время. Я нашел…

   Asked by Alok, July 28, 2016

   0 votes
   2 answers
8. Css В Ie

   Здравствуйте . Не удается установить правильно текст в правой колонке(на желтом фоне) в мозиле и в опере все ок, а в IE текст прилип к низу. вот ссылка : объясните пожалуйста что надо еще прописать в коде для IE ? Спасибо.

   Asked by Lobo, August 25, 2008

   0 votes
   8 answers
9. Проблема с изображениями

   Собственно, вот сайт http://watermelon.ru. Проблема в том, что на некоторых компах постоянно загружаются не все картинки. Уменьшила качество картинок, переверстала, вставляла скрипт предварительной загрузки изображений - результат тот же. Подскажите, пож., в чем грабли?

   Asked by kaprmary, April 26, 2008

   0 votes
   20 answers
10. Кнопки в IE

    В IE почему-то не отображается фон на кнопках, заданный следующим образом: [b]CSS:[/b] #button { background-image:url(img/img_06.png); border:none; width:65px; height:32px [b]HTML:[/b] <input type="submit" name="enter" id="button" value=""> Вместо этого отображается обычная XP кнопка. В других браузерах разумеется все в порядке.

    Asked by Cmaster2K, July 19, 2009

    0 votes
    19 answers
11. Прыгающие блоки в IE

    Делаю простое меню. Как избавится от съезжания последнего блока вниз? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Меню</title> <style type="text/css"> * { margin:0; padding:0; } #mainlevel { clear: both; width: 100%; } #mainlevel li { display:inline; list-style-type:none; } #mainlevel a { width:25%; height:22px; display:block; float:left; } </style> </head> <body> <div id="mainlevel"> <ul> <li><a href="#" styl…

    Asked by Deacon, July 31, 2008

    0 votes
    8 answers
12. Кнопка поиска

    Здравствуйте. Мне необходимо чтобы поиск производился по нажатию на кнопку в виде картинки + чтоб при наведении на эту картинку курсора она менялась на другую. Чтоб заменить кнопку "Искать" на картинку я в html прописал код: <input type="image" src="wp-content/themes/MyTheme/images/search.png" name="submit" class="searchbutton" /> C помощью css знаю только как изменить фон класса searchbutton при наведении (псевдокласс hover), но при такой реализации он размещен под картинкой, прописанной в html, то есть то, что она меняется не видно. Так как сделать чтоб заменялась? Спасибо за ответ. P.S. Сайт размещен на локале.

    Asked by Dayks, August 14, 2011

    0 votes
    8 answers
13. Выравнивание <p> по вертикали в подвале <div>

    Здравствуйте! Помогите, пожалуйста, с выравниванием по вертикали тега <p> в блоке подвала. Первый абзац прижат к левой части с отступом 5пкс, а второй к правой части блока с отступом 5пкс и все это надо выровнять по вертикали. <div id="footer"> <p id="copyright">Copyright © 2008-2009. Все права защищены. | <a class="link2" href="#">XHTML</a> | <a class="link2" href="#">CSS</a> |</p> <p id="address">Континент<br> тел. 000 00000000, моб. 111 111111<br> e-mail: <a class="link2" href="mailto:support@.ru">support@.ru</a></p> </div> Спасибо тем, кто поможет в этом вопросе!

    Asked by Triumfator, December 16, 2009

    0 votes
    9 answers
14. table vs div+scc

    Потратил день, сверстал страницу div+css. {top page} {left}{body} {bottom page} Ужаснулся замысловатости глюков на разных браузерах. Переделал с position:absolute на float:left. Поразился громоздкости кода. Потратил полчаса все убрал и передела на таблицу. Вид тот же. Глюков нет. Все изящно. Хочу узнать, что за дань моде заставляет говорить про некошерность верстки таблицами?

    Asked by still swamp, December 29, 2010

    0 votes
    34 answers
15. Div height на 100%

    вопрос как создать div без содержания во всю высоту ——————————————————-- div c height на 350 px работает нормально устанавливаешь height на 100% div пропадает ———————————————-- что подкрутить

    Asked by serjico, February 5, 2009

    0 votes
    9 answers
16. Не убиарется отступ от рамки до бордюра фрейма

    Проблемма в том, что в плавающем фрейме у меня произошёл отсуп от голубой рамки до бордюра самого фрейма, и не могу его убрать, всё перепробовал.Вначале файл индекс запустить нужно. Там, всередине документа, находится плавающий фрейм. Как можно избавится от проблеммы, с отступом от голубой рамки до рамки бордюра, чтоб убрать эту пустоту, чтоб голубая рамка была впритык к бордюру плавающего фрейма? Проект в архиве http://www.sharemania.ru/0192600. Не вылаживаю здесь так как код будет длинноватый, загвоздка толкьо в той проблемме, описанной выше.

    Asked by people2010, April 7, 2010

    0 votes
    12 answers
17. Валидация

    Валидация документов обязательно необходима? Подскажите пож. программу бесплатную на русском языке для валидации документов html.

    Asked by people2010, September 7, 2010

    0 votes
    17 answers
18. Прокручивающийся список

    Подскажите пожалуйста, как сделать похожий список как здесь http://htmlbook.ru/css ? Это только css, или еще JS. В каком направлении двигаться.

    Asked by yume, August 4, 2012

    0 votes
    1 answer
19. Скрипт для Select'a

    Вроде все просто но что то ни как не соображу имеется Select1 <select name="select1" onclick="selectValue(this.form)"> <option value="">Выберите значение</option> <option value="Уровень1">Уровень1</option> <option value="Уровень2">Уровень2</option> </select> и Select2 <select name="select2"> <option value="">Выберано значение</option> <option value="Выбрали2">Выбрали1</option> <option value="Выбрали2">Выбрали2</option> </select> Вот приметный код селектов Задача: при выборе у select1 значения "Уровень2", select2 должен перескочить …

    Asked by slavok47, May 21, 2009

    0 votes
    32 answers
20. Смена css по клику

    В общем проблема такая у меня есть 4 слоя на каждом слое банер вот картинка для наглядности: http://s001.radikal.ru/i194/1002/91/3243c47bdc5e.jpg Допустим изначально показывается красный div, а уже по клику на голубой он выходит в перед. То есть в идеале бы сделать для каждого слоя свой z-index Красному z-index: 4 Зеленому z-index: 3 Голубому z-index: 2 Черному z-index: 1 при клике скажем на голубой надо чтобы индексы стали Красному z-index: 2 Зеленому z-index: 3 Голубому z-index: 4 Черному z-index: 1 далее кликаем на черный становиться Красному z-index: 1 Зеленому z-index: 2 Голубому z-index: 3 Черному z-index: 4 Я понимаю что нужно написать скрипт java div'y добавить па…

    Asked by stars, February 17, 2010

    0 votes
    11 answers
21. frD-не могу притянуть слои, помогите.

    сделал каркас /коменты убрал./ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>title here</title> <link rel="stylesheet" href="shablon.css" type="text/css"> </head> <body> <div id="container"> <div id="header">header <div id="baner" align="center">baner</div> </div> <div id="vrezka"> <div id="polosa">poloska</div> <div id="men-css"> <div id="container">vertical menu css</div> </div> </div> <div id="wrapper"> <div id="content">Lorem ipsum dolor sit amet, consect…

    Asked by Makcik, July 26, 2007

    0 votes
    5 answers
22. Проблема с плавающим фреймом

    Здравствуйте! На странице имеются плавающий фрейм (чат) и скрипт для его сокрытия/показа по клике на ссылку. Все прекрасно работает во всех браузерах, кроме Лисы. Почему-то, при назначении свойства display:none через атрибут style непосредственно диву с фреймом последний тут же куда-то уезжает. Причем в остальных случаях (например, при вытаскивании свойства через айдишник и подвешивания на наведение/убирание мыши) никаких проблем не возникает. Прошу помощи в поиске мистической связи свойства с глюком и способов его решения. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>..…

    Asked by Gamer, March 6, 2009

    0 votes
    28 answers
23. Как сослаться на якорь в табе?

    Собственно вопрос в заголовке, проблема такова: в пределах таба ссылка работает, а при попытке сослаться на якорь в другом табе, ничего не происходит, как можно решить проблему? типовая страница сайта http://travelsbase.ru/index.php/leningradskaya/goluboe , если нужен исходник вставлю код.

    Asked by DDeDMazday, June 11, 2015

    • таб
    • якорь
    0 votes
    6 answers
24. ccs

    Добрый день. Подскажите мне пожалуйста кто нибудь - как мне зделать так чтобы ссылки подсвечивались меняли цвет и т.д. Куда мне вставлять коды пока не разобрался еще. Коды есть а как и куда незнаю.Если кто откликнется то большое спасибо! пишите на емайл-здесь быстрее прочитаю

    Asked by kerzo, October 9, 2009

    0 votes
    17 answers
25. Некорректное отображение на мобильных устройствах

    Здравствуйте, есть макет фиксированной ширины в 1150px, по макету в header и footer сайта есть блок с заливкой на всю ширину страницы как в примере кода. <div class="wide"> <div class="menu"> <ul> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> <li><a href="#">Пункт меню</a></li> </ul> </div>…

    Asked by gurov87, February 12, 2014

    0 votes
    2 answers