HTML Coding

29,542 questions in this forum

1. Webkit-gradient

   Подскажите, пожалуйста. Вот эти две строчки: background:-webkit-gradient(linear,left top,left bottom,from(#77c531),to(#4d722d)); background:-webkit-linear-gradient(left top, left bottom, #77c531, #4d722d); В чем между ними разница? И еще. Между записями: background:-webkit-gradient(linear,left top,left bottom,from(#77c531),to(#4d722d)); и background-image:-webkit-gradient(linear,left top,left bottom,from(#77c531),to(#4d722d)); я так понимаю, разницы нет. Первая является более сокращенной записью второй. Верно?

   Asked by aaron, July 29, 2012

   0 votes
   1 answer
2. cufon не отображается шрифт

   Доброго времени суток! Решил отображать шрифты на сайте с помощью технологии cufon,с одним шрифтом всё прекрасно работает,а если использовать несколько,то всё равно отображается из них только один,которые вызывается первым,хотя написал код правильно.. <script type="text/javascript" src="cufon-yui.js"></script> <script type="text/javascript" src="Myriad_Pro_900.font.js"></script> <script type="text/javascript" src="Myriad_Web_italic_400.font.js"></script> <script type="text/javascript" src="TMC-Ong_Do_400.font.js"></script> <script type="text/javascript"> Cufon.replace('.text', { fontFamily: 'Myriad Pro' }); Cufo…

   Asked by tanaka, July 30, 2012

   0 votes
   1 answer
3. не работает свойство @font-face

   Доброго времени суток! У меня почему то не работает свойство @font-face,точнее работает только в firefox ,а больше нигде .. <style type="text/css"> @font-face { font-family: 'Myriad Pro'; src:url(Myriad Pro.ttf) format('truetype'); font-weight: bold; font-style: normal; } body{ font-size:25px; font-family: Myriad Pro;} </style>

   Asked by tanaka, July 30, 2012

   0 votes
   5 answers
4. Черты профессиональной верстки и немного кода.

   Приветствую всех посетителей форума.Собственно, сабж: Уже около года более-менее постоянно занимаюсь версткой(CSS+HTML+jQuery).Фриланс, разовая работа,помощь друзьям.Учился всему сам. Довольно часто заказчики кидают ссылки на крупные, добротные сайты, с просьбой "сделать как там".Ну и что уж греха таить,иногда внаглую копипащу код оттуда, и подгоняю под запросы заказчиков. Заметил, что на качественных сайтах верстка, скажем так, "усложнена"(не знаю какое слово подобрать ) Чтобы было понятнее, приведу кусок кода, взятый из формы. <div class="inputText" style="width:150px;"> <i> <b> <input type="text" name="phone" id="phone_number" value=""> …

   Asked by ByKraB, July 29, 2012

   0 votes
   12 answers
5. Радиус скругления в Photoshop

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

   Asked by aaron, July 29, 2012

   0 votes
   2 answers
6. Получить высоту блока

   День добрый!!! Необходимо сделать скобочку для блока под ссылки. Вот пример страницы, где выглядит все как надо, пока только в Опере http://izss.ru/Продукция На всякий случай сделал фото http://глобалавто18.рф/img/izss.png Столкнулся с двумя проблемами: 1) Не могу задать блоку с границами высоту родителя. Пробывал задавать высоте значения 100% и inherit, тогда блок становится маленьким, отображаются только границы, будто высота родителя нулевая. Пока задал высоту в 120px. Вот кусочек кода. HTML <div id='links'> <div id='border'></div> <a href='Продукция/Комплектные трансформаторные подстанции'>Комплектные …

   Asked by rulevoi, July 30, 2012

   0 votes
   1 answer
7. Понимает ли Chrome <br class="clear" /> ?

   Понимает ли хром такую запись - <br class="clear" /> Во всех браузерах нормально выглядит конструкция, есть перенос и отступ строки, а хром как будто не замечает в упор этой записи и продолжает выводить текст как будто там ничего и не стоит. Если он таких вещей не понимает то на что можно данный код заменить?

   Asked by weffer, August 4, 2012

   0 votes
   19 answers
8. Разница между inline и inline-block

   Подскажите новичку. Стоит задача создать горизонтальное меню. Имеются такие строки: ul li { ... display:inline; ... } А чем отличается вышеприведенная строка от следующей: ul li { ... display:inline-block; ... }

   Asked by aaron, July 30, 2012

   0 votes
   7 answers
9. Выравнивание по середине и слева

   Собственно что необходимо. Есть div в нем img и текст в виде сылок. img должен находится горизонтально по середине div. под img находится сылка(а1.1 а2.1). Которая также должна быть выравнена по горизонтали по центру блока. ниже самое интересное идет список сылок, и эти сылки должны быть выравнены по началу сылки выше. Тоесть на рисунке я показал как будет выглядить это в случае с длинным названием (белый цвет) и в случае с коротким названием (синий цвет). Лучше всего понятно на синем цвете. Тоесть список сылок а2.2 а2.3 а 2.4(на рисунке косяк мой). Должен быть выравнен по левому краю относительно сылки а2.1 Код я не показываю потому что уже бошка не варит на ночь глядя…

   Asked by korinf, July 30, 2012

   0 votes
   0 answers
10. Вырезать изображение в Photoshop

    Подскажите, пожалуйста. Имеется макет в psd, фрагмент которого привожу ниже. Точнее - это кусок макета с проблемным для меня местом. http://savepic.su/2233598.htm Стоит задача вырезать фотографию, причем без рамки (ее доделаю в CSS). В панели слоев Photoshop такая "картина": http://savepic.org/2402954.png Рамкой обвел те слои, которые рисуют это изображение. Но, насколько я понимаю, один слой связан с другим. И отделить один от другого, чтобы вырезать картинку, у меня не получается. Подскажите, как правильно это сделать? P.S. Когда писал, пришла мысль - может воспользоваться Crop? Все равно подскажите, как нужно выполнить эту операцию? До этого с такими замысловатыми слоя…

    Asked by aaron, July 30, 2012

    0 votes
    12 answers
11. Не работает background-color в body

    Имеется такой вот код страницы: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery-1.7.2.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div id="warp"> <div id="head"></div> </div> </body> </html> собственно ничего такого, и строчка в CSS body { background-color: gray; } Так вот, фон не заливается цветом, перепробовал все. Div'ы заливаются и цветом и имагой, то есть все работает. Но весь бэк браузера не заливается... в чем дело? Помогите, а то уже головная…

    Asked by vaak, July 30, 2012

    0 votes
    2 answers
12. <meta> и XHTML

    В XHTML атрибуты и их значения должны писаться в нижнем регистре. Действует ли это правило для http-equiv="Content-Type"? Если да, то должно быть так: http-equiv="content-type"? Я просто никогда не видел, чтоб так было. Еще вопрос по XHTML: вместо атрибутов name должен использоваться атрибут id (за исключением форм). Касается ли это якорей?

    Asked by nemo59, July 30, 2012

    0 votes
    8 answers
13. Клик по ссылке

    Как сделать что бы при клике по ссылки вылетало окошко Загрузка файла, а не открывалось в окне браузера?

    Asked by Zzz_, July 30, 2012

    0 votes
    4 answers
14. В ie 6 дочерний блок выходит за границы родительского блока

    Доброго времени суток! В ie 6 дочерний блок выходит за границы родительского блока,как это можно исправить? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> *{ margin:0; padding:0; } #cont1{ zoom:0; } /* *** Float containers fix ***#cont1 { zoom: 1; } */ html,body{ height:100%; min-height:100%; height:auto !important; background-color:#D2F7DF;} #header{ height:100px; width:1000px; background:#D0D0D0; margin:0 auto…

    Asked by tanaka, July 31, 2012

    0 votes
    3 answers
15. Текст

    Здравствуйте! Я чайник! Обрабатываю форму, в php. запускаю, появляется новая страница с обработанными данными. А как сделать чтобы на предыдущей странице появилось имя или логин!? Т.е. Как вписать туда какие то данные? Только начинаю! Если можно без мудреных слов. Пожалуйста!

    Asked by hobin, July 31, 2012

    0 votes
    1 answer
16. Вопрос по баннеру

    Подскажите, пожалуйста, как прикрутить к страничке вот такой вот банер - http://www.soft99.co.jp/ (наверху страницы, со стрелочками) и как сделать, чтобы картинки так же перелистывались? Ну и естественно, чтобы каждая картинка вела на свою страницу.

    Asked by Drakonyashka, July 31, 2012

    0 votes
    10 answers
17. Конвертер валют

    На сайте есть цена в долларах (обычное текстовое значение - не из БД). Рядом хочется вывести сумму в рублях, но из-за скачков доллара она постоянно меняется. Можно ли прикрутить скрипт, который умножал доллары на коэффициент, полученный, скажем из центрабанка, и выводил рядом? Есть ли какое-либо решение? Повторюсь, значение - обычный текст..

    Asked by B-Real, July 31, 2012

    0 votes
    3 answers
18. Иероглифы, при включенной кодировке

    Собственно код HTML: <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="jquery-1.7.2.js"></script> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <div id="warp"> <div id="head"></div> <div class="comment" action="script.php"> <textarea class="forms" name="comment" cols="40" rows="6"></textarea> <input class="button" type="submit" value="Отправить"> <input class="button" type="reset" value="Очистить"> </div> </div> </body> <…

    Asked by vaak, July 31, 2012

    0 votes
    5 answers
19. пунктриная рамка для круга

    Добрый день, уважаемые форумчане! Я столкнулся с проблемой, описанной в сабже. Собственно превратить div в круг довольно легко: #circle { width: 112px; height: 112px; background: #333333; -moz-border-radius: 56px; -webkit-border-radius: 56px; border-radius: 56px; } Задать простому прямоугольному div'у пунктирную рамку еще проще: border: dashed white; Проблема возникает при попытке соединить эти два момента в одном блоке - пунктир сливается в одну непрерывную линию. Чуть лучше получается если задать свойство border: dotted; - линия дробится на четыре равные части (на 12, 3, 6 и 9 "часов"). Возможно кто-нибудь сталкивался с такой проблем…

    Asked by Koloyar, July 31, 2012

    0 votes
    7 answers
20. не работает hover

    не могу понять почему список не отображается при наведение <!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="Content-Type" content="text/html; charset=utf-8" /> <script src="event_call.js"></script> <style> *{margin:0;padding:0;} .menu { margin:20px;} .menu ul{ display:none; list-style:none; color:#0FF; margin-top:20px; height:0; } .menu .menu-title { padding:5px 5px 5px 0; border:3px dashed blue; } .menu a:hover ul{ color:red; height:140px; display:block; } </style&g…

    Asked by cyber_ua, July 31, 2012

    0 votes
    2 answers
21. Проблема со слоями

    Помогите реализовать следующее. Есть два div'а всплывающих влево, у левого дива фиксированная ширина и высота, правый div растягивается в зависимости о количества текста в нём. Я реализовал это так: HTML: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="style.css" /> <title> Test Page </title> </head> <body> <div class="firstbox"> </div> <div class="secondbox"> ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ ТЕСТ </div> </body> </html> …

    Asked by Foxter, July 31, 2012

    0 votes
    10 answers
22. Проблема на сайте табличной верстки

    Здравствуйте. Сейчас ведется работа по созданию сайта. Шкурка табличная, изначально была привязана к таблице width="1024". Но нужна резина. И засада в том, что в некоторых блоках, дивы вылезают за границы ячеек таблицы. Если удается призвать к порядку в хроме и опере, то ползет IE/ И наоборот. А поженить никак не получается. Подкиньте пожалуйста здравую мысль, как эту пакость победить. css выводится в браузер, посмотреть пример вылезания можно тут - tt-rus.ru/index.php?page=wiki#all_articles Да и на других страницах тоже косяки табунами.

    Asked by favor, July 31, 2012

    0 votes
    8 answers
23. Проблема с работой "открывающегося" меню

    Меню <ul id="menu"> <li> <p align="center"> <a class="ssilka" style="margin-left:-40px;" href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/">Модули<br /> Воздухоподготовки</a></p> <ul style="margin-left:-40px;"> <p style="font-size:12px; color:#fff; margin-left:10px;"> - Охлаждение газов<br /> - Нагрев воздуха<br /> - Осушение воздуха<br /> - Смешение потоков </p> <li> <a href="http://www.yatagan.ru/ru/industry/moduli/vozduhpodgotovka/mob.html"><strong>МОВ</strong> – воздушный охладитель</a></li> <li> <…

    Asked by dtagan, July 31, 2012

    0 votes
    3 answers
24. Смещается по вертикали тест в формах и не только

    Добрый день! Возникла следующая проблема при отображении форм и некоторых элементов текста В INTERNET EXPLORER (в Опере и Мозилле проблем нет). Проблема заключается в том, что текст внутри форм болтается в этой форме смещаясь вверх-вниз. То есть текст расположен часто слегка уехавшим за пределы видимой области формы, а если зажать мышку, то можно как-будто проматывать вверх-вниз текст в формах таким образом, что он уползает за экран. Лучше всего это отразит картинка: Как видно, текст в формах можно болтать туда-сюда, а также цифры счетчика символов тоже подвержены этому. У меня только 1 подозрение, - возможно для элементов текста введёна слишком большая высота строки.. …

    Asked by oleg_ad, July 31, 2012

    0 votes
    4 answers
25. Блок с текстом и фиксированной высотой

    http://4tab.pavelzheglov.ru/sample.html Там, где выводится сейчас анонс статьи, размещен абзац с фиксированной величиной. Надо сделать так, чтобы при при растягивании и сжатии шаблона текст реагировал так же, но чтобы его не было видно за пределами блока, как сейчас. Т.е., допустим, на сайте будет подгружаться 1000 символов анонса, но при разрешении 1024 по ширине видно будет только 600 символов, а при разрешении большем будут вылезать остальные строки, т.к. ширина блока будет увеличиваться пропорционально. На последнюю строку скорее всего сделаю затухание белым полупрозрачным градиентом.

    Asked by Jackky, July 31, 2012

    0 votes
    5 answers