HTML Coding

29542 questions in this forum

1. Раскрытие текста (что то типа спойлера)

   Заранее извиняюсь за тупое название темы) просто без понятия как это правильно называется Проблема такая: На фан сайте музыкального исполнителя, есть страница тексты песен. Хочу реализовать следующую вещь: есть строки ххх ууу еее это названия песен, что бы при нажатии на них, развертывалось окно, желательно под названием, и там был текст песни Это что то типа спойлера на форумах или, к примеру, как разворачивается текст песни в вконтакте Линками куда-то и новыми страницами категорически нельзя пользоваться. Буду рад за любую помощь! Если не ясно объяснил, скажите, попробую иначе)

   Asked by a1rborn, October 18, 2012

   0 votes
   17 answers
2. Посоветуйте препроцессор для css

   Мне просто нужно что то такое ul{ li{ } li a{ } } и задача переменных через @ Спасибо

   Asked by аркей, August 30, 2015

   • css для препроцессор
   0 votes
   19 answers
3. Интересная проблема с высотой елемента

   В общем, проблема такая. Есть елемент, который должен растягиваться на высоту всей страницы, то есть height: 100%; Этот елемент генерируется на страницу через JS. Проблема в том, что при первых заходах на сайт, нужный елемент не растягивается на полную высоту сайта, а оставляет небольшие пустые промежутки сверху и снизу елемента. При последующих обновлениях страницы все стабилизируеться. Мои догадки по поводу причины проблемы таковы: Пока все картинки сайта еще не загрузились высота всей страницы меньше, чем она выходит после загрузки всех картинок. И паралельно генерируеться нужный мне елемент с высотой страницы, которая еще не полностью загружена. А когда страница полн…

   Asked by Torkvemada, March 20, 2008

   0 votes
   8 answers
4. Как изменить соотношение (font-size-adjust) высоты шрифта к ширине

   Помогите кто может! Нужно изменить высоту шрифта сохранив его ширину и семейство (желательно), перерыл интернет там все говорят "это легко", есть свойство font-size-adjust, пробовал это свойство у меня не хочет работать ни на одном браузере. Если у кого была такая проблема киньте пример пожалуйста, и с какими браузерами и font-family это свойство работает. Заранеее спасибо

   Asked by LossBull, April 5, 2010

   0 votes
   6 answers
5. Якори

   <h1 id="iak">Это моя первая страница</h1> <ul> <li> <a href="#iak">Привет мой друг!</a> </li> </ul> Эти команды если их можно так назвать должны были перебрасывать на заголовок другого участка страницы, но сыллка не хочет работать хотя изображена как сыллка. Проверял в css id работает. Можете помочь?

   Asked by AndSan, December 9, 2017

   • якорь
   • html
   0 votes
   6 answers
6. IE7 margin-bottom от абзаца добавляется к img { float: left; }

   Обеспечиваю тут поддержку IE7 и не могу найти правильных слов для гугла. Примеры типа "добавьте плавающему элементу display: inline либо zoom: 1" не работают. Есть такой код: <div> <img src="http://placekitten.com/200/200?image=6" /> <p>Текст</p> </div> И к нему CSS div { overflow-y: hidden; } img { float: left; } p { margin: 1em; } Если запустить это в любом ИЕ <= 7, у img появится margin-bottom от подследнего вложенного элемента. В IE >= 8 такого бага нет. Смастерил на коленке фикс: .fix { zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).class…

   Asked by 7ion, December 9, 2017

   0 votes
   14 answers
7. Одинаковая высота блоков 2/1

   Добрый день. Застрял на такой схеме: Нужно чтобы высота блока "3" определялась относительно блока "4" и всегда заканчивалась одинаково с ним. Все блоки должны быть слоями Может кто сталкивался с таким уже?

   Asked by Rhema, June 16, 2008

   0 votes
   5 answers
8. PHP - редактор с подсказками на русском языке

   Подскажите, может есть какой то редактор PHP кода с подсказками на русском языке. Что то вроде такого: 1.Пишу код и в дримвивере есть подсказки по коду. 2.Понятно, что скажут типа учи инглиш... но все же может есть прога у которой можно писать код и получать подсказки по его написанию на русском? 3.Или может какой то плагин или еще какоего расширение к уже имеющимся программ? 4.Ведь работают подсказки на английском! Почему же нет подсказок на русском? За помощь дам скрипты: Elite Board 1.2 или Board Commercial Version 2 аська 4*7*5*9*0*2*6*3*2

   Asked by drweb433, November 17, 2008

   0 votes
   2 answers
9. Надо ли писать px?

   Надо ли писать "px" в шаблонах и стилях? То есть, что более правильно: 1.width="15" 2.width="15px" 1.font-size:15 2.font-size:15px? Желательно только с обоснованием - чем плох или хорош первый и второй способ.

   Asked by Колос, November 18, 2008

   0 votes
   9 answers
10. Ссылки не окрашиваются, адекватность изображения в браузерах исчезла и вообще...

    Здравствуйте уважаемые знатоки Раньше делал сайт в программе Фронтпейдж. Но весомые замечания гуру этого форума убедили меня что лучше делать своими руками. Для начала я начал переделывать страничку своего сайта http://www.po-miry.ru/POHOD/PVD/raspisaniei.htm поскольку она была самая проблемная. Действительно, сейчас она стала гораздо лучше, но у меня появились вопросы, может кто и ответит 1) У меня ссылки в одной горизонтальной ячейке и двух вертикальных. Я хочу, чтобы они были разных цветов. Но в Опере они все зеленые, а в ИЕ непонятно какие. Как выполнить задуманное? 2) Написал, чтобы при наведении мышки ссылка подчеркивалась. В Опере подчеркивается. в ИЕ нет. Почему? …

    Asked by beze, February 9, 2009

    0 votes
    12 answers
11. Масштабирование изображения

    Можно ли бесскриптовым методом сжать изображение ровно в два раза? То есть имеем изображение m х n пикселей (m и n неизвестны) и надо вывести изображение, чтобы оно было m/2 х n/2 пикселей. Это реально?

    Asked by Veseloff, February 25, 2010

    0 votes
    14 answers
12. Проблемы с выстраиванием блоков с помощью Masonry

    На сайте web-ui.ru на главной странице хочу сделать динамическое выравнивание элементов. Для CSS-сетки используется Bootstrap 3.3.5, контейнер .row взят за основной контейнер masonry-сетки, а каждый .col-элемент, как элемент сетки, но почему-то идет "наползание" нижних элементов сетки на верхние, подскажите в чем может быть проблема.

    Asked by erkoam, September 14, 2015

    • masonry
    • динамическая сетка
    0 votes
    3 answers
13. [jQuery] выпадающее меню ajax

    Здравствуйте. Я не знаю Javascript, поэтому обращаюсь за помощью. На сайте использую выпадающее ajax-меню от Anton Shevchuk (http://anton.shevchuk.name/book/code/menu.ajax.html) Это меню срабатывает при hover. Можно как-то переделать код, чтоб меню срабатывала при клике? $(function(){ //обработчик для события hover для элементов li $('.topmenu ul li').hover( function() { // добавляем проверочку - не загружали ли до этого элементы if ($(this).find('ul').length == 0) { var file = $(this).data('file'); var li = $(this); $.ajax({ url: 'ajax/'+file+'.html', // указываем URL beforeSend: function(){ li.addClass('loading'); }, success: function(da…

    Asked by Маленьке Звірятко, March 16, 2013

    0 votes
    1 answer
14. Как перекрасить scroll?

    Подскажите, как перекрасить scroll?

    Asked by studio_solutions, August 27, 2014

    • Как перекрасить scroll?
    • scroll
    • css3
    • css
    • в другой цвет перекрасить scr
    0 votes
    3 answers
15. Проблемы с масштабом в разных браузерах.

    Давно верстаю, но с таким еще не сталкивался. Гугл ничего вразумительного не выдает. В общем, проблема такая: При 100% масштабе высталенном в каждом браузере, странца все же умудряется отличаться по размерам в разрых браузерах. Заметил это при верстке своего сайта, потом решил зайти и посмотреть есть ли таже проблема с другими сайтами, там оказалось все то же самое. Причем судя по ширине выводимой страницы chrome и IE правильно показывают масштаб, а вот остальные браузеры нет. Хотя, повторюсь, в настройках у всех браузерах стот 100% масштаб. Не знаю теперь как это все к общему виду привести. Вручную, с помошью тега meta можно конешн масштаб выставить на вид один, но …

    Asked by skyman000, November 5, 2014

    0 votes
    3 answers
16. Макет (количество row) для bootstrap

    привет, есть такой макет - один элемент , по высоте занимает две строки Как в bootstrap 3 построить сетку - для этого случая. Пока вижу такие варианты, либо 3 строки (row) , либо 4 строки. Если 3 строки - то в ней первые пять элементов, но будут ли они тогда как на рисунке распологаться Большой элемент - тут как то не вписываеться. P.S. Все меньшие одинаковы между собой - большой два - малых по ширене.

    Asked by riki, July 29, 2015

    • bootstrapbootstrap
    0 votes
    10 answers
17. Экранирование кавычек в sass

    Как это сделать? В лесс можно поставить тильду и кавычки .. А тут как быть? Вот так, в sass-е не работает .. Без скобок тоже не будет работать, т.к там есть двоеточие. $tablet-width: (min-width: 750px); .main-header { width: 100px; height: 100px; @media $tablet-width { } }

    Asked by Hasiev, September 2, 2017

    0 votes
    2 answers
18. Прозрачность png в ИЕ6

    Собственно, проблема в том что скрипт http://www.twinhelix.com/css/iepngfix/ в IETestere работает как надо, но люди, сидящие на ие6 присылают скрины с неработающим скриптом (тоесть прозрачные области заполняются белым). Сайт: http://karnavalmasok.ru

    Asked by Sidoruk_sv, September 1, 2010

    0 votes
    13 answers
19. Строка поиска скачет

    акая фигня: Вот строка поиска в mozilla firefox: http://saveimg.ru/show-image.php?id=f696c3...9b66d07fe2500b2 А вот в Опере: http://saveimg.ru/show-image.php?id=cc1e89...21394e699cabfa6 Корявит это мой сайт не по детски( А вот строка поиска яндекса: http://saveimg.ru/show-image.php?id=70293e...917883062e7ee5f У них строка эта в картинку замурована поэтому при заходе из разных браузеров не скачет) Можно мою также сделать? Вот код строки поиска: <form action="адрес странице результатов поиска" id="cse-search-box"> <div> <input type="hidden" name="cx" value="partner-pub-4647668356768393:tgizyufcks8" /> <input type="hidden" name="cof" value="FORID:11" /&…

    Asked by htmlonline, January 14, 2011

    0 votes
    9 answers
20. хак только для opera 9

    Всем привет. Подскажите хак, который бы работал в 9й опере, и не распространялся бы на 10 и 11 Знаю, что плохо, но нет времени копаться.

    Asked by theo_, March 14, 2011

    0 votes
    10 answers
21. Новое окно с заданными параметрами по нажатию на submit

    Здравствуйте! Подскажите пожалуйста, как по нажатию на кнопку формы <input type="submit" value="КЛИК"> открыть файл обработчик, который указан в атрибуте action, в новом окне, поверх текущего с заданными параметрами. По типу mywindow=window.open('uploud.php' ,'','height=300, width=300' ); Или как вариант, как уйти от кнопки <input type="submit" value="КЛИК"> к обычной ссылке <a href='uploud.php'>КЛИК</a>, но так что бы все данные формы записались в суперглобальный массив POST. СПАСИБО!

    Asked by fiver, June 27, 2012

    0 votes
    5 answers
22. Слой поверх слоя с overflow hidden

    Здравствуйте. Прошу помощи в одной проблеме. Допустим у нас в шапке есть слой, в катором расположена Карусель (эта карусель работает через overflow: hidden, естественно), и теперь мне поверх этого слоя нужно сделать еще один слой: с меню или логотипом, например. И тут возникает проблема, что этого не получается сделать. Пробовал присваивать и абсолютное позиционирование, и z-index и отрицательные margin все равно слой с логотипом или меню попадает под слой с Каруселью. Сталкивался ли кто-нибудь с такой проблемой и можно что-то с этим поделать? Пример картинка, то что должно получится (1.Слайдер, должен находится под 2.Логотип и 2.Меню):

    Asked by vlasenkov, January 10, 2013

    0 votes
    9 answers
23. Непонятная ситуация со шрифтом

    Какая-то непонятная ситуация со шрифтом. В макете используется шрифт PF Square Sans Pro Medium. (скрин: http://savepic.su/4834376.png ) Но файл со шрифтом называется pfsquaresanspro-medium (скрин: http://savepic.su/4837448.png ) Вопрос: Почему разные названия? Какое название писать? PF Square Sans Pro Medium или pfsquaresanspro-medium? Почему спрашиваю: Я написала шрифт по названию файла font-family: 'pfsquaresanspro-medium';Но он не похож на шрифт, который в макете. (скрин: http://savepic.su/4831304.png ) Так тоже указывала шрифт: font-family: PF Square Sans Pro Medium;И так тоже: font-family: PF Square Sans Pro;Ничего не помогает. Правило @font-face указала …

    Asked by Alfa2015, January 26, 2015

    0 votes
    22 answers
24. высота промежуточного div'а в IE6

    Есть вот такой вот простой html-файл. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/HTML4/loose.dtd"> <html> <head><title>Тестовый пример</title> <meta http-equiv="Content-type" type="text/html; charset=Windows-1251"> <style type="text/css"> * { margin:0; padding:0;} body { color:#FFF; background-color: #FFF; } .cl_top { background-color: #000040; } .cl_middle { height: 15px; background-color: #F00; } .cl_bottom { background-color: #000040; } </style> </head> <body> <div class="cl_top">Строка1</div> <div class="cl_middle"></div> <d…

    Asked by tvolf, September 15, 2007

    0 votes
    2 answers
25. width 100% ie6 must die

    Вообще дроп даун ксс меню. <div class="nav"> <ul class="nav-menu"> <li><a href="#"><strong>LA CAVE<em>Rencontrez-nous !</em></strong><span></span> </a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2 over</a></li> <li><a href="#">Item 3</a></li> </ul> </li> .nav ul{ margin:-37px 0 0 0; padding:0; list-style:0; float:right; } .nav ul li{ background:url(../images/bg-nav-li.gif) no-repeat 100% 100%; list-style: none; padding: 0 15px 0 0; float: left; position: r…

    Asked by Dessss, January 6, 2010

    0 votes
    4 answers