HTML Coding

29,542 questions in this forum

1. Помогите подключить шрифт

   Не получается подключить шрифт в css. Шрифт в формате ttf. Пробовал и otf - все равно без эффекта. HTML <span class="title-font">Services</span> CSS .title-font { font-size: 22px; font-family: url(../font/officina.ttf); } Cufon не предлагать. Нужно подключить шрифт именно так. Еще я думал о google fonts, но используемый шрифт оказался платным, так что этот вариант исключается.

   Asked by Feel, March 22, 2013

   0 votes
   1 answer
2. Сайт с несколькими языками(необычный подход)

   Вот хочу свой сайт сразу сделать интернациональным,но не теми обычнми способами которые описаны в самоучителях и книжках,а немного по другому. У обычных сайтов у которых есть несколько языковых версий,при выборе языка(например русского) у сайта появляется приставка ru. и та часть печатного контента который перевели. Но у меня другие требования,мне нужно что бы при смене языка менялся не только текстовый контент,а и некоторые картинки,анимации и видео,елементы сайта.В общем я предполагаю что для этого всего нужно создавать отдельный дубликат сайта,менять все там как мне нада и как то подключать к основному сайту... как мне такое провернуть?

   Asked by pudge, March 20, 2013

   0 votes
   28 answers
3. Аномальный отступ справа от футера

   Добрый день уважаемые гуру. В процессе вёрстки наткнулся на неприятный глюк, вызванный скорее всего кривыми руками автора (т.е. меня). Суть глюка в том, что при уменьшении окна браузера, появляется в футере отступ справа (не смотря на то, что ширина футера 100%). Причём, по мере дальнейшего уменьшения размера окна, увеличивается этот отступ. Выглядит это вот так: Здесь всё ок. Началось Продолжилось Собственно стиль футера. Если что ещё нужно, скажите. /* Footer —————————————————————————--*/ #footer { background-image: url(image/footer.png); color: #d4d4d4; /* ???? ?????? */ padding: 5px; /* ??????? ?????? ?????? */ margin-top: 100px; height:170px; text-align: center;…

   Asked by Vartigont, March 21, 2013

   • вёрстка
   • лишний отступ
   0 votes
   6 answers
4. Как придать объем блоку

   Добрый день, мне необходимо сделать вот такую вещь http://min.us/lvw5hPeUbX2CD Пол дня отмучался с box-shadow, не получилось, сделал так: внизу страницы разместил небольшой блок, условно футер, сделал из него параллелограмм (при помощи transform: skew(20deg) и добавил по всему общему блоку border-right, почти то, но!!! уголок в бордере не срезан верхний,и этого не хватает для завершения образа. Следовательно вопрос: как срезать правильно уголок у бордера, либо, может кто подскажет как сделать такой мнимый объем? Буду очень признателен за любые подсказки и за любую информацию.

   Asked by wicked_kiD, March 21, 2013

   • box-shadow
   • border
   0 votes
   2 answers
5. вложенные списки , изменение отступа дочернего списка

   привет всем ! есть дерево вложенных списков вложенных списков есть определённый предел после которого надо вложенный список поровнять с главным самым верхним <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> а надо чтоб было <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> предел после которого происходит это действие может изменяться теперь сам вопрос возможно реализовать это только CSS Если есть идеи поделитесь пожалуйста.

   Asked by SergeyZelensky, March 20, 2013

   • css
   • html
   0 votes
   9 answers
6. условные комментарии в ie

   помогите пожалуйста разобраться в ситуации с некоторых пор стал замечать, что почти на всех моих сайтах перестали действовать условные комментарии для ie. это проблема. дело скорее всего в моей невнимательности, но сам не могу решить проблему например здесь в .aside_top .cart .body .text {} IE8 должен показывать очень маленький шрифт в соответствии с этим . но мой ie8 показывает это

   Asked by cyklop77, March 21, 2013

   0 votes
   1 answer
7. Подскажите самый простой и удобный хостинг для тестирования сайта

   Вот нужно протестировать некоторые детали на сайте,но на всех хостингах много мороки,возни и т.д.(((

   Asked by pudge, March 18, 2013

   0 votes
   26 answers
8. Завернуть каждые 4-e li в div ?

   Имеется ненумерованный список <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> </ul> Нужно завернуть по 4-е элемента списка li в div, вот как в таблице строка и в ней ячейки <table> <tr> <td></td><td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td><td></td> </tr> </table> Так же как в таблице хочу разбить на строки каждые 4-е li пример ниже <ul> <div> <li&g…

   Asked by ilyas, March 20, 2013

   0 votes
   3 answers
9. Как ограничить действия position:fixed

   Добрый день друзья, возникла проблема, требуется 3-колоночная структура, причем колонки должны быть с position:fixed; Структура html приблизительно такая: <div class="middle"> <div class="left-col"> </div> <div class="content-block"> </div> <div class="right-col"> </div> </div> Есть родительский блок и мне требуется что бы две колонки (левая и правая) не выходили за границы родительского блока middle. Надеюсь на вашу помощь, а то что-то никак не выходит=)

   Asked by Hol1killer, March 19, 2013

   0 votes
   10 answers
10. Предусмотреть возможность расширить всю шапку/

    Предусмотреть возможность расширить всю шапку вместе с элементами, изменив ширину блока в css. Как єто понимать?

    Asked by alekba, March 20, 2013

    0 votes
    0 answers
11. margin неправильно работает

    Есть 3 блока каждый со стилем .socbutton{ padding: 0 0 0 24px; height: 24px; margin: 3px 0; border: 1px solid #DEDFE0; background-color: #DEDFE0; font-size: 13px; cursor: pointer; color: #444; } и по идеи сверху и снизу блока должен быть отступ в 3 пикселя, что и доказывает хром но на самом деле это не так Что делать и как исправить без margin: 6px 0 0 0; и подобного?

    Asked by T@NKIST, March 20, 2013

    0 votes
    1 answer
12. Адаптивный бэкграунд

    Бьюсь над проблемой целый день Есть сайт - горизонтальный параллакс, никак не удается сделать фон (виньетка снизу) адаптивным, чтобы он сжимался пропорционально при изменении расширения экрана. Уже было испробовано много вариантов. Картинка в <body> (почему-то не удается поставить div, только картинку) <body> <img id="responsive" src="img/bg_body.png" /> <div id="wrapper"> <div id="header"> </body> #responsive { max-width:100%; width:100%; height: auto; top:40%; left:0; position:relative; } так почему-то не сжимается, хотя по правилам должен. body{ width:7000px; background:#000 url(../img/body.png) repeat-x scroll; background-si…

    Asked by Troll13, March 20, 2013

    0 votes
    3 answers
13. Почему может не работать виджет коментариев вконтакта?

    Собственно изза чего у меня может не работать виджет? Название сайта ввожу - test Адрес сайта - file:///D:/%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%BF%D0%B0%D0%BF%D0%BA%D0%B0%20(2)/Prog/AlphaDevelopment/TEST/link/test.html Основной домен сайта мне делает вот такой - file:///D:/%D0%9D%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%BF%D0%B0%D0%BF%D0%BA%D0%B0%20(2)/Prog/AlphaDevelopment/TEST/link/test.html и вконце концов код мне выдает вот такой: <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="//vk.com/js/api/openapi.js?82"></script> <script type="text/javascript"> VK.init({apiId: API_ID, onlyWidgets: true}); </script&…

    Asked by pudge, March 19, 2013

    0 votes
    53 answers
14. Меню отображается в разных браузерах по-разному

    Меню в эксплоэре отображается нормально справа, а в мазиле внизу сайта. Почему так и как это исправить? http://rabota-po-seti.ucoz.ru/ <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <?$META_DESCRIPTION$?> <p><title>Работа по сети</title> <meta name="description" content="Заработок в интернете – самый простой заработок в мире!В наше время благодаря «всемирной паутине» перед каждым человеком открывается безграничный мир, который не должен ограничиваться общение в чате и игрой в онлайн игры. Почему бы не придумать своему времени более рациональное использование, к примеру, заработок в сети Инте…

    Asked by alina9691, March 20, 2013

    • меню сайта юкоз
    0 votes
    6 answers
15. Разъезжаются блоки (не помещаются по ширине)

    Всем привет! Наконец-то форум заработал :-) Подскажите, пожалуйста, почему на странице №1 правый блок находится на своём месте, а на соседней странице №2 он не помещается и съезжает вниз? (актуально для FF и Chrome) Где нужно поправить, чтобы на второй странице правый блок не съезжал?

    Asked by vkapas, March 16, 2013

    0 votes
    2 answers
16. слой поверх флешки убивает swf

    Столкнулась с такой проблеммкой: есть два слоя, в верхнем лежит яваскрипт, в нижнем флешка. Флешка динамическая, при наведении показывает анимацию. у флешки поставила wmode transparent Проблема в том, что, находясь внизу, флешка не работает. Она показывается, но динамики нет. Как сделать так, чтобы, находясь в заднем фоне, флешка работала по-человечески, отображая динамику, чтобы нажатия на кнопки ее срабатывали. поможите

    Asked by Marishkas, March 20, 2013

    0 votes
    1 answer
17. Проблема с градиентом

    Возникла проблема при выполнении практического задания http://htmlbook.ru/practical/forma-registratsii То что сверстал можно посмотреть здесь: http://jsfiddle.net/Ratmir/hfCEB/ В Опере и IE градиент не отображается, хотя префиксы указал. В других браузерах все нормально. В чем может быть проблема? И второй вопрос. В задании на кнопке в верхней половине наблюдается полупрозрачный фон, который по форме напоминает уменьшеную кнопку. Можно ли сделать это при помощи CSS или только через картинку?

    Asked by gregsv, March 14, 2013

    0 votes
    4 answers
18. Двусторонее обтекание текстом

    Всем привет. Возникла такая проблема, нужно стандартными средствами html выполнить задание (рис). Я новенький, если данная тема уже поднималась, прошу прощения.

    Asked by Vomber, March 19, 2013

    • текст об
    • текание
    0 votes
    4 answers
19. Наследование свойств класса дескрипторами, расположенными вне класса.

    Здравствуйте. В стилях прописано так: ... select, input, textarea, submit {font-size: 13px;} ... #table_small select, input, textarea, submit {font-size: 10px;} В этом случае текст элементов textarea и submit, которые расположены вне id="table_small" присваивается 10 фонт. Если поменять местами строки: ... #table_small select, input, textarea, submit {font-size: 10px;} ... select, input, textarea, submit {font-size: 13px;} все происходит с точностью до наоборот: текст в формах находящихся в <div id="table_small"> ...</div> textarea и submit - 13px. Что интересно, текст в select - ведет себя как и предполагается... Подскажите, как исключить такое "насле…

    Asked by Kapust, March 19, 2013

    0 votes
    6 answers
20. Косяк в верстке, помогите найти.

    Сказать честно в верстке и веб програмировании я очень слаб, по этому надеюсь на вашу помощь. Проблема из разряда элементарных я так думаю, просто я совсем чайник. Суть проблемы, отпозиционировал дивами спанами текст как надо, везде отображается нормально...но когда открываю в Internet explorer, текст из php улетает в самый низ дива. За кривой код ногами не пинать HTML <div class="name1"> <div class="name2"> <span class="l1"><strong>Текст1</span> <br /> <span class="l2">текст1</strong></div> <div class="name3"><?php echo $heading_title; ?></div> </div> CSS .l1 {font-size: 50px; color: #0000…

    Asked by dram, March 20, 2013

    0 votes
    1 answer
21. 2 вопроса в 1-ном! (Twitter Bootstrap; background-position;)

    Здравствуйте. Так получилось что в данный момент у меня возникло сразу 2 вопроса, не имеющих между собой прямой связи. 2 поста создавать из за этого не хотелось. В общем - перейду к делу: 1) Можно ли отрепитить картинку 1px по обеим осям(x,y), создавая при этом необходимые отступы с требуемых сторон? (Учитывая что картинка имеет не однородный характер.. Знаю, что в другом случае конечно можно и средствами CSS3 обойтись..) 2) Возможно ли как то делать эти отступы больше чем с 2-х сторон? (Например, если нужно отступить с верху, c боку + что бы картинка до самого низа не репитилась? Есть ли простые обходные пути для таких задач?) 3) Насколько полезным(и актуальным), на данн…

    Asked by Yamaradg, March 20, 2013

    0 votes
    2 answers
22. HTML5 SVG грфика и анимация

    Люди подскажите пожалуйста,создал хтмл график и анимировал его но проблема, сам график черного цвета в анимации я хотел показывать путь выполнения заменяя цвет на зеленый по нажатию кнопки, но проблема при запуске страници цвет сразу заменяется на зеленый. подскажите пожалуйста что можно сделать? вот анимация отдельного блока для овала и линии <rect x="100" y="80" width="140" height="40" rx="60" ry="25" style="stroke: green; fill: white" ; stroke-width="1.5" fill="slategrey"> <animate attributeName="height" from="0" to="40" begin="button.click" dur="1s"/> </rect> <line x1="120" y1="150" x2="250" y2="150" stroke="green" stroke-width="1.5" > &lt…

    Asked by Гиф, March 14, 2013

    0 votes
    10 answers
23. помогите изменить сумму на буксе

    вот сайт http://zarabotai.hut...ise.php?adv=dyn вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd"> <html xmlns="webmoney.attestation.label" CONTENT="description" content=""> <meta name="stylesheet" href="/css/main.css" type="stylesheet" href="/css/task.css" type="Javascript" type="javascript:StayFilter();'> <div id="center' class='0' cellspacing='0' border='0'> <tr> <td><a class='logo-summer' href='/index.php' title='Tolstosum - Всё для максимальной раскрутки!'></a></td> <td align='right' valign='bottom' nowrap='nowrap'></td> <td alig…

    Asked by alik0071, March 20, 2013

    • помоггите скрипт букс сар
    0 votes
    0 answers
24. Шрифт A&S Black Swan

    Подскажите. Есть такой код - http://jsfiddle.net/...tPCz8CJv/t3KGP/ Но он почему-то не подключается, не работает в браузере. Почему? Может, синтаксис неверен? MyriadPro-Regular работает, все нормально.

    Asked by aaron, March 19, 2013

    • шрифт
    0 votes
    6 answers
25. Оцените заготовку для проектов

    Перед тем, как начать верстать за деньги, решила сделать заготовку проекта. Прошу оценить, поправить, посоветовать. Папка: прототип проекта. - папка css - папка img - папка js - index.html Содержание index.html: <!doctype html> <html lang="ru"> <head> <title>Page</title> <meta charset="utf-8"> <!--[if lt IE 9]> <script src="js/ie.js"> <![endif]--> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="wrap"> <header> </header> <footer> </footer> </div> <!-- wrap ends --…

    Asked by Zverushka, March 15, 2013

    0 votes
    11 answers