HTML Coding

29,542 questions in this forum

1. Вопрос знатокам

   Здравствуйте! подскажите,как решить проблему. фон - картинка, текст контента не имеет своего фона, менюшка тоже не имеет фона (общий фон картинка). меню имеет выпадающее подменю на текст. Вопрос: как сделать прозрачный текст под меню или чтобы фон в подменю повторял в точности основной фон? Заранее благодарен!

   Asked by Leonidk, July 5, 2011

   0 votes
   114 answers
2. В Firefox все слои длинее. чем в IE

   Почему в Firefox почти все слои выглядят длинее (по высоте), чем в Internet Explorer? Хотя в ИЕ высота жёстко задана. Padding не ставил. Но в некоторых ячейках не так мало информации?

   Asked by imariki, April 2, 2009

   0 votes
   25 answers
3. Сложная верстка

   Добрый день! У меня есть пара не простых заданий. Ломаю голову, думаю как их сделать, если кто нибудь знает прошу помочь, буду очень очень признателен. http://joxi.ru/dKMEU_3JTJB8WSyJq2k - вот первое http://joxi.ru/sqMEUxjKTJATR6BW7dk - вот второе

   Asked by Gasherezzz, February 19, 2014

   0 votes
   34 answers
4. chrom/safari как убрать рамку у input

   В браузерах хром и сафари у текстовых инпутов, если по ним кликнуть появляется цветная рамка. Можно ли ее как нибудь убрать?

   Asked by rediskavet, June 26, 2010

   0 votes
   6 answers
5. Высота и ширина в процентах

   Добрый день! В общем, такой вопрос. Мне необходимо задать размер изображения в процентах(%) от настоящего - т.е., размер оригинального изображения - 100%, а на экране мне нужно отобразать - 75% - естественно, я делаю это с помошью параметра width="75%". Но при этом, изображение на экране искажается(появляются неровности всяческие). Может кто-то может подсказать как избежать этих неровностей, или уменьшить их? И еще - почему я могу задать в процентах только параметр WIDTH="75%", но при указании в процентах параментра HEIGHT="75%" - он попросту игнорируется браузером - т.е. браузер понимает только параметр WIDTH(при указании в процентах). Подскажите - так и должно быть, ил…

   Asked by romero, May 21, 2008

   0 votes
   3 answers
6. резиновый div по высоте

   добрый день есть у меня "красивый" дизайн, который делить пространство документа на зоны горизонтальными и вертикальными линиями соответстсвенно заголовок и футер небольшого размера - с ними проблемы нет, контент может быть любым - вот тут то и начинаются пляски с бубном... есть слой обертка, который имеет border-left в него всталяю контент и получаю, что слой обертка по высоте меньше, чем контент! .line-vert{ margin: 0 0 0 20px; padding: 0; width:98%; border-left: 2px solid #57AE5B; } .line-vert p{ margin: 0 ; padding: 0; } попробовала побороть этот недуг написав скромный javascript, по изменению height при загрузке на высоту всего body скажем, но оказалось, что если…

   Asked by jul_k, June 1, 2010

   0 votes
   25 answers
7. Задать отступы между блоками <li>

   Здравствуйте. Подскажите как изменить расстояние между блоками ul.stroka li { display:inline-block; border: 1px solid #000; width:50px; height:50px; background: #00FF21; } В итоге я получаю расстояние по горизонтали между блоками 4px, а по вертикали 20px Как мне и по вертикали и по горизонтали установить отступ 10px https://jsfiddle.net/Ser8191/gs5fqxL5/5/

   Asked by Ser8191, July 20, 2017

   0 votes
   15 answers
8. смещение текста

   Привет, не пойму в ч?м дело. Текст смещается когда нажимаю на ЭНТР (начинаю новый параграф ) как это можно исправить?

   Asked by vrednyu4aya, July 4, 2007

   0 votes
   25 answers
9. Разная толщина шрифта в браузере и photoshop

   Здравствуйте, уважаемые коллеги! Дизайнер в макете использовал не совсем стандартный шрифт - "Myriad Pro", и у меня с ним возникли проблемы такого характера: У меня в системе он был установлен по умолчанию, мне не пришлось ничего ставить; В фотошопе если у шрифта стоит толщина regular и none, то буквы совсем тоненькие (см. скриншот) В css-свойствах шрифта для браузера я могу только первый параметр указать (font-weight:normal), и при этом в браузере шрифт выглядит толстым. Если ставить font-weight:bold, он тогда вообще нереально жирным становится. Я поэкспериментировал, и заметил, что в браузере тот шрифт, который для "Myriad Pro" называется font-weight:normal соответсву…

   Asked by worth, March 26, 2011

   0 votes
   5 answers
10. Кэширование внешних скриптов через .htacess

    Здравствуйте! Подскажите пожалуйста, что в .htacess нужно прописать, чтобы начали кэшироваться внешние скрипты? Сейчас инструмент гугла говорит следующее: Используйте кеш браузераЕсли указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета.Используйте кеш браузера для следующих ресурсов:http://connect.ok.ru/connect.js (не указан срок действия)https://www.google.com/recaptcha/api/js/recaptcha_ajax.js (50 минут)http://mc.yandex.ru/metrika/watch.js (60 минут)Каким образом эти файлы можно заставить кэшироваться? Стандартные способы кэша в .htacess не помогают.

    Asked by Автостопщик, November 23, 2014

    0 votes
    2 answers
11. аналог masonry

    посоветуйте пожалуйста аналог js-скрипта masonry для простейшего случая расположения элементов. нужно js-решение, не css

    Asked by cyklop77, April 25, 2013

    0 votes
    24 answers
12. position:fixed при transform

    Всем привет! Столкнулся с такой проблемой: У меня есть блок у которого задан position:fixed; left:0; top:0. и он у меня прилип к углу экрана браузера. но вот если родителю этого блока задать трансформ, например, transform: translateX(0), даже нулевой, то фиксед начинает считать не от экрана браузера, а от блока с трансформом. Никогда с таким не сталкивался, кто-то может объяснить почему он себя так ведет и как этом можно пофиксить. Набросал мини примерчик http://codepen.io/Z1gnet/pen/VYOxGG

    Asked by Z1gnet, April 7, 2015

    • fixed
    • transform
    0 votes
    3 answers
13. Как изменить размер видео

    В html размеры прописаны так: <div class="video"><iframe width="280" height="200" src="" frameborder="0" allowfullscreen></iframe></div> Как прописать размеры видео в css без приписки width, height в iframe ?

    Asked by Yeldos, October 3, 2015

    • видео
    0 votes
    4 answers
14. Типографика контента по Ководству Лебедева

    Уверен, что многие дизайнеры и верстальщики знают два приведенных ниже правила: 1. В оформлении русского текста кавычки должны выглядеть как «елочки». 2. Эти самые кавычки должны выносится за границу текста. Вполне подробно и ясно эти правила для Рунета были озвучены Артемием Лебедевым еще в 2004 и 2005 годах соответственно (см. параграфы Ководства «Кавычки» и «Висячая пунктуация»). Для простоты реализации этого принципа я пользуюсь следующим куском CSS: Q {quotes: '«' '»' '"' '"'; behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '«' + this.innerHTML + '»') : '');} Теперь любой текст, заключенный в тэг Q, будет браться в кавычки "елочками". …

    Asked by solovets-denis, February 20, 2009

    0 votes
    42 answers
15. Как через CSS нарисовать произвольную фигуру?

    Всем привет. Хочу на сайте создать блоки произвольной формы. Скрин ниже. Пробовал через SVG - да, получается, но мне это не подходит. Многовато будет весить страница, если таких фигур будет несколько. Так что этот вариант отпадает. Canvas - тоже не подходит. Ведь там JS, а он не у каждого пользователя включен (в браузере). Этот вариант тоже отпадает.CSS - я не знаю, как с помощью CSS нарисовать такой блок. Нашёл лишь свойства, которые могут помочь: [сode]z-index, border-radius, border-width, transform, transform-origin, display, :after, :before, position. Но как - я не знаю. Пробовал просто "налепливать" фигуру на фигуру, чтобы получить нужную, но не получилось. Нет, полу…

    Asked by DraculaOleg, July 8, 2014

    • css
    • canvas
    • svg
    • фигуры
    0 votes
    6 answers
16. Прозрачная форма

    Приветсвую всех кто решил вникнуть в мою проблему. Как мне сделать форму </textarea> прозрачной?

    Asked by Noks, January 19, 2009

    0 votes
    11 answers
17. Прозрачный фон в выпадающем списке

    Приветствую, друзья! Есть в просторах инета такое выпадающее меню на CSS: html-код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <!-- текст заголовка и меню нашего HTML документа --> <html> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="author" content="DarkRaha (Verma Rahul)"> <!-- стили для нашего меню --> <link rel="stylesheet" type="text/css" href="menudemo.css"> <!-- только для поддержки IE6 --> <script type="text/javascript" src="menuevent.js"></script> </head> <body onload="correctMenuIE6();"> <…

    Asked by StormMan, September 1, 2010

    0 votes
    6 answers
18. (Html) Кеширование и обновление

    Приветствую. Делаю сайт на SSI, и при очередной закачке нового блока-страницы (например колонка новости) - приходится каждую страницу обновлять вручную. Как намекнуть браузеру, что пора обновить всю инфу с этого URL? И вообще какие есть способы решения этого вопроса? Заранее спасибо за информацию.

    Asked by Quite Absurd, January 11, 2008

    0 votes
    11 answers
19. Перевод шаблона на русский язык

    Здравствуйте. Впервые берусь за верстку, нашел нужный шаблон, но при изменении в теге <h2> с английских слов на русские, при просмотре в браузере текст исчезает. Шаблон начинается со строк: <!DOCTYPE html> <html lang="en"> <head> <title>Название сайта</title> <meta charset="utf-8"> Пробовал менять <html lang="en"> на <html lang="ru"> - не помогает. Может нужно кодировку изменить? На всякий случай загрузил шаблон на Народ http://narod.ru/disk/17445643001/Airplanes.rar.html Пишу здесь т.к. в поиске по форуму такой темы не нашел. Подскажите пожалуйста.

    Asked by q3dm4pro, June 28, 2011

    0 votes
    14 answers
20. Пропорции изображения при изменении размера окна браузера

    На сайте skazka18.ru есть слайдшоу, оно сделано с помощую указания картинки в: <div class="slider-img" style="background:url(/assets/templates/main/img/img-puziri.jpg) no-repeat center top;"> благодаря этому картинка при изменении ширины окна браузера остается по центру и остается с необходимыми прпорциями (высота не меняется, ценрирование по центру, картинка не сужается). Вероятно будет правильней сделать картинку с помощью <img src=""/> и размещать ее внутри <div> и не использовать style="background:url(...) no-repeat center top;". Но что бы я не пытался использовать (задавал ширину 100%, высоту 500 пх, задавал явные размеры картинки) требуемый ре…

    Asked by senty, September 17, 2012

    0 votes
    9 answers
21. Открытие в новой вкладке ссылок через JavaScript

    Приветствую всех! Я недавно зарегистрировался на вашем форуме. И вот решил задать такой вопрос. У меня например есть теги <div></div>, которые должны быть ссылкой. Делать так <a href="#"><div></div></a> не верно, а так <div onclick="window.location = 'index.html'"></div> можно. Но уже нельзя это дело открыть в новой вкладке, можно только кликать. Как сделать через JS, чтобы можно было открывать в новой вкладке?

    Asked by aquapasha, January 6, 2013

    0 votes
    9 answers
22. Как убрать пустую строку между параграфами?

    Есть два параграфа, и между ними всегда создается пустая строка. Как от нее избавиться? Нужно что бы следующий параграф начинал сразу после первого. И ещ? такой вопросик. У меня почему-то параграф не начинается с красной строки! Хотя по свойству параграфа такой должно быть. Хотя я знаю, как с помощью CSS сделать у параграфа красну строку, но все же.

    Asked by rarog83, November 29, 2007

    0 votes
    12 answers
23. Плавное появление текста (CSS)

    Всем доброго времени суток. Задача: необходимо сделать чтобы при наведении на ссылку в виде картинки (обрамленную обводкой) сбоку от нее расширялось место (увеличивается ширина обрамленной области) и там появлялась текстовая подсказка. .block a { float:left; transition: all 0.4s linear; -moz-transition: all 0.4s linear; -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; width:30px; height:30px; border:1px solid #CECECE; background: #fff url(images/block.png) no-repeat; } .block a:after { content:'подсказка'; float:left; margin-left:30px; font-size:22px; line-height:34px; color:transparent; } .block a:hover { width:50px; background: url(images/block_hov…

    Asked by Dayks, March 28, 2013

    0 votes
    4 answers
24. div залезает на другие divы

    Здравствуйте. Скриншот: CSS: *{font-size: 10pt; font-family: Tahoma;} a:link {color: #0066FF; text-decoration: none;} a:visited {color: #006600; text-decoration: none;} a:hover {color: #0066FF; text-decoration: underline;} html, body {height:100%; background-color:#7bc543; background-image:url(3.png);} .maindiv{width:80%; margin:0 auto; height:90%;} .logo{margin-top:30px; height:83px; background-image:url(logo.gif); border: 1px solid; border-color: white; border-radius:15px 15px 0 0;} .menu{width:15%; background: aliceblue; text-align:center; float:left; height:90%;} .content{width:70%; background: aliceblue; text-align:center; float:left; height:90%;} .right{width…

    Asked by GuitarFan, March 18, 2012

    0 votes
    5 answers
25. div выравнивание по вертикали

    Какое свойство, чтобы выравнивать по вертикали в div?

    Asked by Slyfox, January 29, 2008

    0 votes
    6 answers