HTML Coding

29,542 questions in this forum

1. Не работает подсветка синтаксиса notepad++

   Доброго здоровьица, Установил notepad++, включил подсветку штмл, но она работает почему-то не полностью http://imglink.ru/show-image.php?id=7f3077e1708728da1102d7be1d733ccd. Например не подсвечиваются комментарии и многое другое. Контент выделен жирным шрифтом и т.д. Как установить подсветку, которая испльзуется на этом сайте в примерах?

   Asked by Антон82, August 9, 2014

   0 votes
   4 answers
2. Треугольник на всю ширину страницы

   В макете есть треугольник с фиксированной высотой в 60px и растянутый на всю ширину экрана. Как такое реализовать через CSS? Насколько я понял, вариант с бордерами не прокатит из-за параметра border-width не принимающего проценты. Думал ещё на счет трансформаций, но боюсь на счет того, что старенькие браузеры подкачают.

   Asked by zlodeev, June 24, 2014

   • css
   0 votes
   10 answers
3. Как растянуть a на весь блок

   Получится ли это сделать или надо попиксельно подбирать.

   Asked by user, December 5, 2008

   0 votes
   11 answers
4. Наложение изображения поверх текста

   Пробовал наложить картинку на текст для плавного затемнения на краях блока, вот так: .sloi1 { overflow: hidden; z-index: 1; } .sloi2 { background: url(http://site.ru/fon.png) repeat-y; background-position: right; z-index: 2; } <div class="sloi2"> <div class="sloi1"> Текст </div> </div> Получается под текстом. Как её на текст наложить?

   Asked by maxs, October 20, 2010

   0 votes
   5 answers
5. Открытие картинки на весь экран с затемнением без js

   Добрый день. Подскажите пожалуйста как при клике ссылку открыть картинку на весь экран с затемнением фона, так что бы при повторном клике на картинку или фон она закрывалась. И возможно ли все это только на CSS?

   Asked by Ubhra, November 24, 2017

   0 votes
   3 answers
6. Помогите пожалуйста разобраться с шаблоном

   Здравствуйте, я новичек в css, нужна помощь. Это шаблон для joomla 2.5 и мне нужно изменить: 1.Вот ссылка с видом позиций,позиция leo-content-toptop, мне нужно увеличить ширину этой позиции, пишу в template.css width:..; но ширина никак не меняется. 2.И подскажите пожалуйста, как можно поменять позицию шаблона?Шаблон как бы стоит по центру, я хочу перенести шаблон влево Сам пытался, пробовал разные варианты, но ничего не выходит....

   Asked by Manager87, August 13, 2013

   0 votes
   19 answers
7. Фоновый рисунок в таблице

   Здрасьте. Скажите пожалуйста, как сделать так, что бы фон (рисунок) в ячейке был не справа налево как всегда, а слева на право, ну и конечно же не повторялся.

   Asked by kino_Jgor, May 29, 2009

   0 votes
   23 answers
8. Ширина выпадающего списка (select)

   Здравствуйте. Как-то раньше не замечал это или не обращал внимание. Теперь заметил, что select по ширине меньше input`ов, хотя в стилях указана одна ширина для них. Предположим такой стиль возьмем input, select {width: 300px; padding: 3px; border: 1px solid #ccc;} Ширина input будет 300+1*2+3*2=308 пикселей. А на select это получается не распространяется? Для select нужно указать ширину 308 пикселей, чтобы он стал одной ширины с input. Почему так происходит?

   Asked by sergiyko, November 1, 2011

   0 votes
   10 answers
9. расположение 3 блоков div на одном уровне

   подскажите пожалуйста: sidebar1 {float:left; width: 180px; background: #EADCAE; padding-bottom: 10px;} .content {float:left; padding: 10px 0; width: 600px;} .sidebar2 { width: 180px; background: #EADCAE; padding: 10px 0; margin-left: 780px;} <div class="content"></div> <div class="sidebar1"></div> <div class="sidebar2"></div> Как сделать так, чтобы все три дива на одном уровне располагались? Визуально: слева сайдбар1... в центре контент, справа сайдбар2. Не меняя очередности расположения самих дивов, чтобы <div class="content"></div> впереди в коде шел

   Asked by Осенний Дождь, October 8, 2010

   0 votes
   16 answers
10. Блок выходит за пределы экрана и текст не виден

    Есть узкий всплывающий блок с большим количеством текста. На больших мониторах проблем нет. Но если монитор узкий, то блок выходит куда-то наверх и половину текста не видно. Сайт имеет фиксированную высоту, такая особенность. Блок свёрстан так: <li class="item" style="width: 53px; height: 133px; left: 592.667px; top: -222px;"> <a class="buble" href="#"> <span class="buble-m"> Длиннотекст </span> <span class="buble-b"></span> </a> </li> buble имеет свойство display:none li:hover - display:block Вот так вот хитро соорудили и мне теперь нужно как-то сделать так, чтобы блок не уплывал за пределы, с учётом того, что снизу…

    Asked by MAzZY, August 9, 2013

    0 votes
    9 answers
11. на чем лучше сверстать

    скажите как сверстать на DIV или TABLE Точнее на как практичнее хочу еще добавить с лева от картинки список фирм ну и поменять фон.

    Asked by ppvkomi, November 12, 2009

    0 votes
    89 answers
12. margin: auto не выводит в IE6 и IE7 блок по середине

    Этот блок должен находится в центре!

    Asked by ВысотНик, November 27, 2007

    0 votes
    5 answers
13. Таблица с фиксированным заголовком

    Не получается сделать таблицу у которой заголовок был бы не подвижным. И при этом что бы это нормально отображалось в разных браузерах. Я много примеров нашел, но ни один не не отображает правильно одновременно и в IE и firefox. Пожалуйста помогите мне....

    Asked by zuzzz, January 14, 2009

    0 votes
    8 answers
14. Стили .

    Всем привет ! Как с помощью стилей сделать чтобы надпись была под картинкой а-не справа и чтобы надпись невыходила за пределы картинки . есть код : #motioncontainer { margin:0 auto;/* Uncomment this line if you wish to center the gallery on page */ width: 600px; /* Set to gallery width, in px or percentage */ height: 150px; /* Set to gallery height */ } #motioncontainer a img { border: 1px solid #cccccc; /* Set image border color */ } #motioncontainer a:hover img { border: 1px solid navy; /* Set image border hover color */ } #statusdiv { background-color: lightyellow; border: 1px solid gray; padding: 2px; position: absolute; /* Stop Editing Gallery Styles */ left: …

    Asked by dima2207, January 13, 2008

    0 votes
    5 answers
15. Количество тегов <h> странице

    Добрый день! Неоднократно встречал утверждения о том, что количество слов выделенных тегами <h...>, <strong>, <b> на странице не должно превышать 2-3. Выделять этими тегами можно только ключевые слова. В противном случае - исключат из базы данных поисковой системы. Сначала считал это бредом, но после неоднократного упоминания на разных форумах начал сомневаться... Хотелось бы узнать ваше мнение?

    Asked by Чебурашка, September 20, 2009

    0 votes
    100 answers
16. Посоветуйте HTML-редактор замену Dreamweaver

    Подскажите плиз замену громоздкому Dreamweaver. Скачал KompoZer, но там нет подсветки синтаксиса и когда создаёшь таблицу например в две строки и хочешь обьединить в строке ячейки то они объединяются во всей таблице.

    Asked by d6|maz, February 24, 2011

    0 votes
    74 answers
17. Сlass=link1 отказывается работать.

    Почему ссылки класса линк1 не становятся красными??Заранее спасибо! <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>Var1</title> <style type="text/css"> body { background-image: url(Ôîí1.jpg); } .block1 { margin-top: 150px; margin-left: 18px; font-family: courier; font-weight: bolder; color: #646464; font-size: 18px; } .block2{ margin-top: 0px; margin-left: 80px; } p { margin-top: 10px; margin-left: 50px; color: Black; font-weight: bolder; font-size: large; font-family:…

    Asked by sinderman, January 2, 2008

    0 votes
    23 answers
18. Применить стиль к label при фокусе на input

    Обязательное условие - подсветка текста при фокусе на input. Простой пример. http://jsfiddle.net/GuCk4/45/ Как сделать так, чтобы при фокусе на input, стиль оставался примененным и к label, а не пропадал сразу же после клика? Нашел решение с помощью JQuery, но возможно есть способ попроще без скриптов? Структуру html можно изменять, лишь бы выполнялось условие.

    Asked by WhatIsHTML, February 26, 2016

    • form
    • label
    • input
    • focus
    0 votes
    6 answers
19. box-shadow inset и img

    Есть див в котором помещена картинка <div> <img src=""/> </div> К диву применена внутренняя тень CSS3 box-shadow : 0 1px 2px rgba(0, 0, 0, 0.6) inset; В итоге изображение перекрывает эту тень, как можно это побороть? Заранее благодарен.

    Asked by bookin, April 22, 2012

    0 votes
    8 answers
20. transform:scale() Не работает css transform

    Всем привет! Помогите пожалуйста разобраться в чем проблема. ——————————————————————————————————————————————————-- Ето код html <div class="top_menu"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">SERVICES</a></li> <li><a href="#">PORTFOLIO</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">CONTACT</a></li> &…

    Asked by pavel_osypov, November 5, 2016

    0 votes
    1 answer
21. Передать значение checkbox

    Подскажите, как посредством php передать значение checkbox (true false) т.е. выбран или не выбран checkbox. заранее спасибо.

    Asked by PesBarbos, August 20, 2013

    0 votes
    11 answers
22. Не работает a:active хотя вроде все учел!

    HTML: <div id="menu1" class="left"><a href="index.php"></a></div> CSS: #menu1 a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") 0 0 no-repeat; } #menu1 a:hover { background: url("images/menu1.jpg") -59px 0 no-repeat; } #menu1 a:active { background: url("images/menu1.jpg") -118px 0 no-repeat; } Все прекрасно, только a:active не срабатывает! Что может быть? Если рассуждать, что дело в a:visited, то вроде как это описано тут: #menu1 a {...} и к тому же a:active сидит ниже всех... Затем попробовал так: #menu1 a { display: block; height: 20px; width: 59px; background: url("images/menu1.jpg") 0 0 no-re…

    Asked by kireyev, March 9, 2008

    0 votes
    16 answers
23. Расположение в одну строку.

    Добрый вечер. Уже в который раз обращаюсь за вашей помощью. суть проблемы: Есть див: <div> Создать аккаунт войти в ваш аккаунт: ваш e-mail: <form> <input type="text"> </input> пароль <input type="text"> </input> выход </div> Короче все это должно находится в одном диве в одну линию. Какое свойство нужно задать тегу <form> или <input> чтобы они не переходили на другую строку? И какое свойство нужно задать тексту, чтобы он выравнивался относительно середины высоты формы. А то получится, что текст будет чуть ниже формы. Большое спасибо заранее!

    Asked by Sedacove, September 22, 2011

    0 votes
    7 answers
24. Блоки друг за другом

    Добрый день, форумчане. Возник такой вопрос, сейчас верстаю статичные страницы сайта, оформляю заглавную, вроде бы все не сложно, но. Необходимо поставить два блока друг за другом, в ряд, + так, что бы они оставались по центру страницы. На данный момент решения я до сих пор не придумал, для показательности того, что я хочу, я вписал в таблицы стилей: "position"; результат. Интересующие блоки - "Актуальные новости". На тематику и графическое оформление прошу не обращать внимания, она была выбрана случайна и накалякана просто так

    Asked by LostCost, March 15, 2011

    0 votes
    3 answers
25. По-разному отображается шрифт

    Я использую шрифт Myriad Pro, но на некоторых компьютерах он выглядит жирным, а на моем - нормально. Когда меняю его на Myriad Pro Light - у меня жирным, на некоторых других компьютерах - нормально. Причем, Firefox и Opera отображают у меня одинаково, Safari все шрифты отображает жирнее (вообще всегда), а IE вообще клинит и он не воспринимает: font-family: 'Myriad Pro Light', Arial, sans-serif; не находит или не воспринимает первый шрифт в списке, далее его клинит и он отображает шрифтом с зачечками (Times New Roman), игнорируя Arial или просто sans-serif. Странно, что на некоторых других компьютерах все наоборот: Myriad Pro - жирным, Myriad Pro Light - нормальным. У мен…

    Asked by azimsky, April 16, 2008

    0 votes
    9 answers