HTML Coding

29,542 questions in this forum

1. Треугольник на всю ширину страницы

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

   Asked by zlodeev, June 24, 2014

   • css
   0 votes
   10 answers
2. Не отображается стиль

   Что делать если не отображается стиль главной страниц сайта? Вот так должна выглядеть страница: А вот так выглядитстраницы у меня на компьютере: Проверяла во всех браузерах (Opera, Mozila FireFox, Internet Explorer) везде одно и тоже. Советовали переустановить браузеры, это мне ничего не дало. Так же советовали искать проблему в Настройках браузеров... Я ещё не опытная, и не совсем понимаю какие настройкивообще должны быть в браузерах.

   Asked by SpyGirl, March 29, 2011

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

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

   Asked by Manager87, August 13, 2013

   0 votes
   19 answers
4. Как растянуть a на весь блок

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

   Asked by user, December 5, 2008

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

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

   Asked by kino_Jgor, May 29, 2009

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

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

   Asked by Ubhra, November 24, 2017

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

   Пробовал наложить картинку на текст для плавного затемнения на краях блока, вот так: .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
8. margin: auto не выводит в IE6 и IE7 блок по середине

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

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

   0 votes
   5 answers
9. Ширина выпадающего списка (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
10. Стили .

    Всем привет ! Как с помощью стилей сделать чтобы надпись была под картинкой а-не справа и чтобы надпись невыходила за пределы картинки . есть код : #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
11. Таблица с фиксированным заголовком

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

    Asked by zuzzz, January 14, 2009

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

    Есть узкий всплывающий блок с большим количеством текста. На больших мониторах проблем нет. Но если монитор узкий, то блок выходит куда-то наверх и половину текста не видно. Сайт имеет фиксированную высоту, такая особенность. Блок свёрстан так: <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
13. С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
14. на чем лучше сверстать

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

    Asked by ppvkomi, November 12, 2009

    0 votes
    89 answers
15. расположение 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
16. Применить стиль к 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
17. 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
18. Расположение в одну строку.

    Добрый вечер. Уже в который раз обращаюсь за вашей помощью. суть проблемы: Есть див: <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
19. Не работает 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
20. Передать значение checkbox

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

    Asked by PesBarbos, August 20, 2013

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

    Я использую шрифт 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
22. Блоки друг за другом

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

    Asked by LostCost, March 15, 2011

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

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

    Asked by d6|maz, February 24, 2011

    0 votes
    74 answers
24. Дивы. Выравнивание по нижнему краю

    http://www.htmlbook.ru/content/?id=87 - тут написано о том, как такое делается с помощью табличной верстки. А вот как дивами такого достичь - не знаю. Есть родительский див. В него помещаются 4 дива горизонтально. Содержимое каждого из 4-х дивов разное и поэтому они получаются разной высоты. И каждый див "липнет" к родительскому сверху. А я хочу, чтобы он "прилипал" снизу. Как такое сделать?

    Asked by Юзер, September 23, 2008

    0 votes
    3 answers
25. TEXTAREA - фон, общие вопросы

    Привет! Решил сделать сайт (http://fotolash.nm.ru/site/index.html) , столкнулся с некоторыми трудностями. Например, проблема с тегами TEXTAREA. Мне нужна была облость внутри свитка с полосой прокрутки. Поставил фоном в область для текста картинку, в ie все отображается нормально, а в опере фоном белый цвет...вот код: /область под текстарией/ /сама собственно текстария)/ Если ставить бэкраунд только у текстарии, то в ie тоже только белый фон. Подскажите, пожалуйста, как решить эту проблему или же как сделать это все по другому. ЗЫ: и если не трудно то кометарии к сайту, основные ошибки. Просто это один из первых моих проектов.

    Asked by chipsett, May 25, 2007

    0 votes
    24 answers