HTML Coding

29542 questions in this forum

1. Подскажите новичку

   Ребята, всю голову сломал, как добиться такого эффекта?Может кто урок подскажет или советом поможет? http://tripict.com/0037/compact/l.html Сразу под музыкальном плеером Что это?Выдвигающаяся кнопка или что?

   Asked by dance7, November 6, 2012

   0 votes
   2 answers
2. Куда пропадают пиксели

   Здравствуйте есть главный блок с width:1000px padding:0 . В этом блоке хочу разместить два блока .bl1 { float:left; width:490px; padding:10px 10px 10px 10px; } .bl2 {float:left; width:490px; padding:10px 10px 10px 10px; margin-left:20px; } но второй блок располагается под первым , я так понимаю ему места не хватает. Но как? 490+490+20 =1000 px

   Asked by mylogin, November 6, 2012

   0 votes
   6 answers
3. Подскажите сайт

   Здравствуйте. Подскажите пожалуйста сайт, где можно просмотреть самые популярные сайты разных стран. Например: 100 самых популярных (посещаемых) сайтов Америки или Японии и т.д. Спасибо за внимание. P.s. Рейтинг LiveInternet не предлагать.

   Asked by One312, November 6, 2012

   0 votes
   2 answers
4. Нужна ваша помощь.

   Добрый день форумчане. Так как, я в сайтостроении совсем зеленый мне нужна ваша помощь. Возникла проблема с заливкой заднего фона div-блока, через CSS стиль (-moz-,-o-,-ms-,-webkit-)linear-gradient. Когда я пытаюсь залить мой DIV, он то заливаеться, но и заливает мою картинку, вот пример кода: HTML <div class="header"> </div> CSS div.header {background:url("../img/img.png") no-repeat center; background:-moz-linear-gradient(top left, #000000 30%,#ffffff 70%); height:400px; width:100%; border-bottom:2px ridge #ffffff;} Надеюсь на ваши мудрые ответы. Спссссс.

   Asked by TheBroadcast, November 6, 2012

   0 votes
   3 answers
5. отображение swf на сайте

   Здравствуйте! Хотел бы узнать, как решить проблему не отображаемости объекта swf в браузерах на андроиде. Естественно проверяю на браузерах с поддержкой Flash, саму анимацию воспроизводит по прямой ссылке, но вот вставленную в структуру сайт нехатит. мой простенький сайтик: sir-shaak.ru вставляю флешку так: <object width = "1000" height = "200"> <param name="movie" value="Flash/logo.swf"> <embed src="flash/logo.swf" width="1000" height="200"> </embed> </object> кто может что-то подсказать по этой теме?

   Asked by Shaak, November 6, 2012

   0 votes
   2 answers
6. border у картинок-ссылок

   Нужно сделать ссылки на всех страницах подчёркнутыми пунктирной линией, цвет которой отличается от цвета самой ссылки. Вставил код в CSS: a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} Всё заработало, но стали подчёркиваться картинки-ссылки. Вставил строчку: a img {border:0 none;} (пробовал так же {border:0;}, {border:none;} и даже {border:none !important;}) Картинки перестали подчеркиваться только в chrome. Во всех остальных браузерах картинки подчеркиваются. Как исправить? Да, и ещё. Когда ставлю a:link, a:visited { color: #423927; text-decoration:none; border-bottom:1px dotted #c5bcab;} a img {border:5px solid;} то карти…

   Asked by ProcyonLotor, November 6, 2012

   0 votes
   6 answers
7. Позиционмирование DIV-ов

   Всем доброго времени суток! Хотел бы поинтересоваться у знатоков, как решить такую задачу: Необходимо разместить 9 квадратных DIV'ов внутри одного DIV'а, да так, чтобы в строку вмещалось 3 квадрата, и всего строк было 3. Причем отступ от границ каждого квадрата должен равняться 5 пикселам. Примерно как на рисунке: У меня получился следующий код, но что-то мне подсказывает, что можно сделать правильно #center { border:1px solid #000; padding:5px; position:absolute; width: 330px; } .square { position:relative; margin: 5px; float:left; background:#f00; width:100px; height:100px; } html-код: <div id="center"> <div class="square">1</div> …

   Asked by Akselar, November 6, 2012

   0 votes
   2 answers
8. Дизайн страницы

   Доброго времени суток. Хочу на сайт "повесить" шторки по бокам страницы. Как это лучше сделать? У меня несколько вариантов: - сделать одну фоновую картинку - или же как то НЕ смещая текста, разместить шторки по бокам Вообще, что один что другой вариант - я не знаю как исполнить. Полагаю, что в первом варианте (мной предложенным) будет громоздким изображение и грузиться будет долго. Значит не подойдет. Может можно как то разбить одну большую картинку на маленькие, а потом чтобы эти маленькие картинки загружались на фон сайта по своим местам? Другой вариант - пробовал не получается, текст смещается и пр. Премного признателен тем, кто даст дельные советы.

   Asked by Вальдемар, November 6, 2012

   0 votes
   3 answers
9. как удалить авторские права у шрифта

   Подскажите, пожалуйста , как удалить авторские права у шрифта ? Что б его можно было генерировать на font-squirrel.

   Asked by ruvi, November 6, 2012

   0 votes
   3 answers
10. Подлый СSS не потдается

    Помогите разобраться плз почему при следующем коде: HTML: <body> <p class="footer_one"> </p> <div class="menu"> <ul> <li ><a href="#">All Clients</a></li> <li ><a href="#">Regions</a></li> <li ><a href="#">Board</a></li> <li ><a href="#">Working</a></li> <li ><a href="#">New Client</a></li> <li ><a href="#">Search</a></li> </ul> </div> </body> СSS body { margin:0; padding:0; } .footer_one { display: table; width: 809px; line-…

    Asked by Bizon4ik, November 6, 2012

    0 votes
    4 answers
11. Блоки

    Помогите пожалуйста реализовать такое размещение блоков Тут: красный блок имеет непостоянную высоту (зависти от содержимого), но постоянную ширину; зеленый блок имеет высоту, равную высоте красного блока и постоянную ширину; желтый блок имеет непостоянную высоту (зависти от содержимого), но постоянную ширину и по любому выравнивается в самом низу зеленого блока. Да, забыл нарисовать - зеленый и красный блок находятся в одном общем блоке GENERAL соответственно с непостоянной высотой, но постоянной шириной. Вот что делал я и оно не работает как надо - зеленый блок не равный по высоте красному и желтый блок не в самом низу. .general { margin-bottom:10px; } .red { fl…

    Asked by Dayks, November 6, 2012

    0 votes
    11 answers
12. Кодировка для отправки в FaceBook

    Использую такой код для кнопки отправки в FaceBook: <script type="text/javascript" language="javascript"> var u = window.location.href; var t = 'Заголовок'; var c = 'Контент'; var img = 'http://site/img.jpg'; </script> <div style="cursor:pointer" onclick="window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+t+'&p[summary]='+c+'&p[url]='+u+'&p[images][0]='+img,'sharer','toolbar=0,status=0,width=700,height=400');" href="javascript: void(0)">отправить в FaceBook</div> Все работает, но вместно русских букв, в появившемся окне, при нажатии кнопки, появляются квадратики. Подскажите как правильно отправить GET-запрос с русс…

    Asked by SFproG, November 7, 2012

    0 votes
    2 answers
13. Помогите с font-face

    Всем привет. Помогите плз, час уже бьюсь, нечего не понимаю. Нужно подключить к сайту нестандартный шрифт, bankgothic russ medium назвается. Обычно для генерации font-face пользуюсь ресурсом http://www.fontsquirrel.com/fontface/generator, и до настоящего времени он меня не подводил. Но сейчас происходит какая-то ерунда: скачиваю ttf файл шрифта, кириллицу он поддерживает, но при прогоне через вышеуказанный сервис все русские буквы меняются на квадраты Может есть другой подобный сервис, или с этим кто поможет разобраться, был бы очень признателен! Сам шрифт выложить куда-то нет возможности, но он легко ищется гуглом. Очень надеюсь на помощь!

    Asked by lolka84, November 7, 2012

    0 votes
    3 answers
14. Проблема переноса блоков <div>

    Проблема заключается в следующем : Мне нужно чтобы при сужении экрана браузера, блоки 1 2 3 4 5 6 7 8 съезжали вниз . Т.е все этажи становились полностью вертикальными. Кто поможет - буду признателен. Заранее спасибо html код <div id="body"> <div class="floor"> <div class="blok"> <div id="one"></div> <div class="vert_line"><a href="" class="body">Идея</a></div> </div> <div class="blok"> <div id="two"></div> <div class="vert_line"><a href="" class="body">Домен</a> <p>Мы зарегистрируем для вас дом…

    Asked by FRAGnat, November 7, 2012

    0 votes
    3 answers
15. Ошибки в работе сайта

    Здравствуйте уважаемые форумчане. Подскажите пожалуйста, создал небольшой сайт, в него впихнул всплывающее окно посредством Fancybox. Собственно в современных браузерах проверил. Нашел как минимум 3 ошибки. 1) Всплывающее окно в Chrome заполняется не по содержимому контента а до конца окна браузера. Во всех остальных - нормально. Для теста взял только алтайский край. Ссылка там 2) В Firefox надпись с названием уплывает вверх, но тут собственно, наверное можно что-то придумать с префиксом. 3) При наведении мышки на регион подсвеченный желтым возникает подсказка, первые две колонки отображают подсказку нормально, а вот последняя жестоко сносит ее влево. Файлы прилагаю. Соо…

    Asked by henry007rta, November 7, 2012

    0 votes
    0 answers
16. Непонятное смещение текста

    Добрый день! Не подскажете в чем может быть проблема, плиз. Наверняка что-то простое, но что - не пойму. Есть неизменные шапка, горизонтальное меню и правый информационный блок. Меняется только целевой текст, в зависимости от того, на какой странице находишься. Он располагается от левого края экрана до правого информационного блока. Все было хорошо, но при создании нового варианта страницы основной текст странным образом смещается вниз, ниже нижнего края правого блока. Это происходит только в IE, остальные браузеры таких проблем не обнаруживают. Вроде все теги закрыты, лишнего нету. Все так же как на остальных страницах - ан сползает и все :-( http://www.anticisco.ru/inde…

    Asked by flider, November 7, 2012

    0 votes
    3 answers
17. аналог box-shadow

    Здравствуйте мне нужно сделать тень в почтовом шаблоне, которая бы отображалась в gmail. box-shadow я так понимаю не работает. есть ли аналоги?

    Asked by Alekto, November 7, 2012

    0 votes
    1 answer
18. Картинка выходит с блока , если float:left

    Здравствуйте! Картинка выходит с блока (.box) .box { padding:5px 5px 5px 5px; margin-bottom:10px; border:1px solid grey; width:700px;}, если для картинки свойство float:left. Почему?

    Asked by mylogin, November 7, 2012

    0 votes
    1 answer
19. Не работают стили во всех браузерах кроме Chrome

    Здравствуйте. Столкнулся со странной проблемой: ни в одном браузере кроме Chrome не работают стили. Проверял в IE8, IE9, Opera, Firefox. Версии браузеров - последние стабильные на сегодняшний день. Пути пробовал указывать и абсолютные и относительные: "css/changeGoods.css", "http://192.168.204.83/pos/css/changeGoods.css" и даже так "Z:\home\192.168.204.83\www\POS\css\changeGoods.css" (но так даже в Хроме не работают). html-страничка лежит в каталоге http://192.168.204.83/pos/, css в http://192.168.204.83/pos/css/. Помогите разобраться с данной проблемой. Прилагаю код странички и код css. html: css: PS: На кривой код и несоответствие стандартам не смотрите если это напря…

    Asked by Triyan, November 7, 2012

    0 votes
    4 answers
20. Фон для текста

    Есть проблема, уже даже и не знаю, что еще можно попробовать сделать. Есть текст, которому нужно задать фон: html: <h4><a href="#">Новый алгоритм Google <br> усовершенствуется</a></h4> css: h4 a{ color: #fff; background-color: #ffba00; } Должно получиться: Сразу скажу, что уже перепробовал все свойства дисплэй - все что не строчный элемент, отображается блоком, а тут явно видно, что фон задается строкам. Пробовал задавать значение padding, но у строчных элементов, padding отодвигает начало первой строки (действует как text-indent), что тоже не годится. Пробовал сделать фон через значение outline, но там тоже проблемы. В общем, может …

    Asked by Jake Blues, November 7, 2012

    0 votes
    6 answers
21. Резиновая верстка, позиционирование, вопрос

    Как сделать стили чтобы для макета на картинке в хтмл блоки шли в таком порядке: <div id="content">MAIN CONTENT</div> <div id="left">LEFT SIDEBAR</div> <div id="right">RIGHT SIDEBAR</div> <div id="footer">HEADER</div> <div id="footer">FOOTER</div>

    Asked by datum, November 7, 2012

    0 votes
    5 answers
22. Использование тега <nav>.

    Прибудьте во здравии! "Мастер глупых вопросов" снова в эфире. Подскажите, пожалуйста, правильно ли я понимаю: Тег <nav> просто тыкает носом браузер и гуглоботов в то, что тут, внутри, важная/основная (по мнению… кого, кстати?) для всего сайта менюшка навигации. И ему (тегу) без разницы что там – хоть <menu> с <command>, хоть списки, хоть просто <a>? При этом, сам <nav> можно закинуть еще в другие "секционные элементы" типа <article> или <aside>, а вот внутрь <nav> уже можно помещать только "привычные" элементы (вроде этого же <menu>, а также <div>, <a>, <h…>(?)) без дополнительных семантических излише…

    Asked by Kray Storm, November 7, 2012

    0 votes
    0 answers
23. Отсутствует скролл на сайте в IE8

    В IE8 отсутствует скролл на стринице, хотя при уменьшении масштаба видно оставшуюся часть страницы. В средствах разработчика показывается, что код загружен полностью. http://savepic.su/2857811.htm http://savepic.su/2849619.htm В IE7 и IE9 скролл присутствует, но страница не подгружается полностью. http://savepic.su/2841427.htm сайт www.vodoley.pro

    Asked by nikitaneo, November 9, 2012

    0 votes
    4 answers
24. Горизонтальное меню

    Доброе время суток. Помогите плз со следующей проблемой: Я создаю горизонтальное меню через список. Высоту меню указываю в ul используя height:40px; И уменя получается ровное меню высотой в 40 пикселей. И все вродибы нечего если бы не одно но, мне нужно что бы один из пунктов меню был скажем 20px высотой, а все остальные остальсь 40px. Как это можно реализовать?

    Asked by Bizon4ik, November 7, 2012

    0 votes
    5 answers
25. Уже замучался, помогите.

    Проблема заключается в том, что если жать мышку (ну как будто хочешь выделить текст) в месте нижнего меню или справа от кнопки контакты и потянуть верх, то начнут выделяться пустые куски местности, даже тем где никакого текста нету. Я сначала думал, что это из-за того, что у меня не все дивы имеют display:block. Но он ничего не меняет, просматривал как сделан сайт "фрилансим" с которого я делал себе макет для тренировки, но так ничего путного я и не понял. Пожалуйста подскажите в чем ошибка, что я делаю не так? Вот макет сайта, он очень маленький: http://logicface.narod2.ru/ Вот скрин беды: (Нажмите для увеличения)

    Asked by logicface, November 7, 2012

    0 votes
    6 answers