HTML Coding

29,542 questions in this forum

1. Чистка css

   Добрый день, коллеги Попался мне в руки старенький шаблон, свёрстанный неким школьником. Внешне всё выглядит хорошо, но внутри как-то всё печально. Код я починил, насколько нужно, а вот с css тяжеловато. Там полторы тысячи строк и разобрать это вручную малореально. Конечно, что-то я уже почистил, но не более того. Посему вопрос: есть ли какой-то сервис, программа, скрипт, позволяющие (полу)автоматически сделать следующее: 1) убрать неиспользуемые правила 2) указать пересекающиеся/дублирующиеся правила 3) максимально сократить код, убрав конструкции, подобные этой Короче, нужно максимально оптимизировать css, но не просто убрать пр…

   Asked by MAzZY, April 7, 2016

   0 votes
   8 answers
2. Скошенный хедер

   Подскажите пожалуйста, как сделать такой хедер? имеется ввиду нижний скос

   Asked by thesanches, August 22, 2022

   0 votes
   1 answer
3. Всплывающие div'ы

   Всем привет! Прошу помощи!!!Скрипты не предлагать!! Создал страницу на которой отображаются div(общий)-->div(внутренний):картинка ->(ниже картинки) div(внутренний, но скрыт) и <--в этом то div'е краткое описание содержимой картинки! Далее поставил кнопочку(оформил стилями) и при наведении на нее курсора вплывает этот скрытый div с описанием картинки! Проблема такая: сборок с картинками много и к каждой такое скрытое описание, но нижние элементы при просмотре описания всплывают вниз за границы экрана и части текста не видно(приходится прокручивать вниз вручную) ! Есть ли возможность всплытия вниз так что описание выходило полностью пусть и страница немного прокрут…

   Asked by Trol, April 21, 2011

   0 votes
   14 answers
4. Прыгает текст при изменении масштаба

   Здравствуйте, перерыла весь инет, немогу найти как правильно сверстать блок, чтобы при изменении масштаба не прыгал текст, вот у меня есть код для меню, когда я уменьшаю масштаб страницы последний пункт меню спрыгивает вниз, что делать? вот код, <div id="menu"> <ul> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="…

   Asked by Lady_V, December 30, 2014

   0 votes
   13 answers
5. Вопрос от начинающего по CSS и HTML

   CSS не хочет добавлять просто заливку фона в один цвет ( для проверки подключения), НО цвет текста меняет. В интернете пытался найти проблему, писал в css по разному команды и ничего не выходит. Заранее спасибо

   Asked by lokelvor, November 3, 2022

   0 votes
   3 answers
6. firefox + explorer 6 + doctype

   В продолжение вот этого топика. Без доктайпа эксплорер не выравнивает слои по центру при "margin 0 auto" С доктайпом файрфокс не тянет автоматом высоту таблицы на 100% от ее контейнера (если в ней контента меньше по высоте). Распорки не катят, т.к. высота контейнера не фиксированная. Как победить?

   Asked by Chin, October 6, 2008

   0 votes
   3 answers
7. Подскажите как закрасить баннер

   Приветствую специалистов по верстке. Нарисовал мне дизайнер такой баннер Подскажите как сверстать: 1) Строка "Размещение рекламы" по центру (по горизонтали) 2) фон этой строки закрашен только слева

   Asked by VasyOK{!}, December 22, 2018

   0 votes
   11 answers
8. Не работает overflow:hidden

   Пробую сделать трехколоночный макет на дивах, где левая-правая колонки - фон, отсчет от центрального элемента, при изменении размеров баузера просто обрезаются... но почему-то overflow: hidden работает только для левого элемента, правая же колонка не обрезается.... почему? :/ html: <div id=main1> <div id=left_col_back> left col</div> <div id=main_col> Main col </div> <div id=right_col_back> rigth col </div> </div> css: #main1 { position: absolute; left: 50%; top: 0px; width: 1px; height: 100%; background:#6cdec7; } #left_col_back { position: absolute; left: -628px; top: 0px; width: 128px; height: 100%; overflow: hidden; b…

   Asked by Brianna, June 10, 2008

   0 votes
   5 answers
9. проблема с css

   У меня возникла проблемма: css таблица не подцепляется к HTML документу, после смены операц. системы (Windows). И я понятия не имею почему? Проблема действительно в Windows-е или нет? Знаний css и html у меня очень мало, пока только учусь... Что я делал? Создавал html документы и css таблицы. Подцеплял последние к первым, просматривал результат - C:\Documents and Settings\Администратор\Рабочий стол\HTML exmpls\CSS\Exmp less css.html Все получалось, но... проблемы с Windows Могу добавить, что в старом Windows-e css докум. , открывал AkelPad-ом и они имели ярлык/значок Cascading Style Sheet Document, а сейчас в новом Windows-e - они текстовые документы, открываю блокното…

   Asked by maratsafin, December 23, 2008

   0 votes
   10 answers
10. Полоса между div и img

    Помогите, не могу болше Есть конструкция <img width="960" vspace="0" height="240" style="margin: 0px; padding: 0px;" src="images/main.jpg" /> <div id="line"/> У всех элементов margin: 0 padding: 0 Между картинкой и div'ом, белая полоса шириной ~4px, никак не могу убрать, замучался, помогите. Спасибо!

    Asked by weblad, June 10, 2009

    0 votes
    3 answers
11. background при помощи after & before

    Добрый день, подскажите как задать background для классов first, second через after и before - чтоб отображался по ширине на весь экран. Сейчас отображается background только внутри элемента. http://jsfiddle.net/mrfrunze/krkbdruu/2/ Допустима ли такая запись: <section class="content"> <div class="container"> <section class="first"> </section> <section class="second"> </section> </div></section><section class="first"> внутри <div class="container"> ? Спасибо..

    Asked by mrfrunze, October 8, 2014

    • css 3
    0 votes
    6 answers
12. Как запускать сайт?

    Вот еще вопрос!!! Есть сайт но в папке ! В инете вычитал про какой то Веб сервер- сделал ! Теперь вопрос че делать с сервером ,куда кидать html файлы и как его запустить? P.S:обязательны ли покупной домен и что такое хостинг и нужен ли он?

    Asked by ukrop, February 12, 2011

    0 votes
    24 answers
13. зацикливание анимации css

    Добрый день! Подскажите как зациклить анимацию кнопки, пока что анимация работает только после клика, а мне нужно чтобы она работала всегда с перерывом в 1 секунду. код такой <!DOCTYPE html><html lang="en" class="no-js"><head><meta charset="UTF-8" /><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Creative Button Styles </title><meta name="description" content="Creative Button Styles - Modern and subtle styles & effects for buttons" /><meta name="keywords" content="button styles, css3, modern, flat button, subtle, effect…

    Asked by anutti, March 8, 2015

    • анимация css циклы
    0 votes
    2 answers
14. как узнать точное расположение элемента?

    как узнать точное расположение какого-либо элемента? если у меня в фотошопе нарисована страница и мне надо разрезать и перенести ее в хтмл - то как мне узнать точное расположение какой-либо кнопки или картинки? как вообще проф. дизайнеры добиваются точного совпадения страницы с тем что было в фотошопе?

    Asked by Umnik1, October 19, 2008

    0 votes
    5 answers
15. Уровнять разницу в размере шрифтов

    Ттакой вопрос, можно ли указывать помимо фонт фэмэли, ещё и к каждому шрифту индивидуальный размер. Потому как Калибри и Тахома, оч отличются по размеру, то что на 12 у тахомы - норма, на колибри дико не читаемо. Но и от калибры отказываться не хочется, т.к. он красивый, и уже у половины пользователей наверное есть.

    Asked by daykkin, November 30, 2009

    0 votes
    10 answers
16. Label, input, text-align and FF2

    Всем привет. Есть проблема со следующим кодом: <style type="text/css"> .row{ width: 800px; } label{ display:-moz-inline-stack; text-align: right; display: inline-block; width: 210px; } </style> <div class="row" > <label> Название учебного заведения </label> <input type="text" /> <label> Тип документа </label> <input type="text" /> </div> <div class="row"> <label> Код учебного заведения </label> <input type="text" /> <label> Номер документа </label> <input type="text" /> </div> Задача - выровнять label по правому краю. Проблема - FF2 капризнич…

    Asked by Йода, May 26, 2010

    0 votes
    7 answers
17. Как на фон body поставить 2 изображения?

    Добрый вечер! Собсна вопрос такой, хочу на фоне body поставить сверху градиент, высотой пикселей 200, а внизу например текстуру земли. Если тегу body ставить два background-image, то воспринимать он будет последний. Как задать такой двойной бэкграунд? Заранее спасибо ЗЫ в середине страницы таблица аля каркас

    Asked by artpol, June 17, 2010

    0 votes
    5 answers
18. CSS: в отдном столбце текс одним цветов, в другом другим

    Ребят, нужно с помощью CSS сделать так, что бы не использовать классы для изменения цвета текста. Есть ли возможность как то указать порядок ячейки или что-то в этом роде в CSS, чтобы не прописывать атрибут класса как каждому td тегу, если таблица большая? <table> <tr> <td>text 1 (color 1)</td> <td>text 2 (color 2)</td> </tr> ............... ............... ............... ............... ............... <tr> <td>text 1 (color 1)</td> <td>text 2 (color 1)</td> </tr> <table>

    Asked by mishamrv, March 5, 2011

    0 votes
    20 answers
19. Как принудительно заставить IE работать в стандартном режиме?

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> и страница в любом IE разваливается. Если поменять на <!DOCTYPE HTML>, то начинает работать правильно. Но у меня есть возможность править только то, что внутри <body>. Как можно в таких условиях переключить IE в стандартный режим?

    Asked by LittlePony, August 30, 2012

    0 votes
    12 answers
20. INPUT и CSS

    Описал фон для поля ввода - input{ background-color: rgb(255, 255, 255); width:100px; padding-left: 18px; border:1px solid #e0e0e0; } input.user { background-image: url('user_16.gif'); background-repeat: no-repeat; background-attachment: scroll; background-position: 0px center; padding-left: 18px; } В FF все работает отлично, в IE когда длинна текста превышает длинну INPUIT картинка уходит из видимости, можно это как-то исправить?

    Asked by leosun, July 22, 2008

    0 votes
    4 answers
21. Нижняя граница строки в таблице фоном....

    Хочу сделать нижнюю границу у строки в таблице фоном...... <table cellspacing="0" cellpadding="0" class="table_propetis"> <tr style="background-image: url(images/newsbuttomline.png); background-position: left bottom; background-repeat: repeat-x;"> <td class="table_propetis_param">Вес</td> <td class="table_propetis_value">5 кТн</td> </tr> </table> везде всё чётко...... а IE эту самую нижнюю границу не отображает (((

    Asked by alexander.parphenuyk, October 22, 2009

    0 votes
    6 answers
22. как сделать 4 уголка у слоя

    Подскажите, как можно сделать 4 скоса у прямоугольного текстового блока наиболее эффективным способом. (т.е. добавить картинки в каждый из углов). получается примерно следующее, только слишком громоздко: <td style="vertical-align: top; padding-bottom: 30px; background: #f7eedc;"> <div style="background: #f9e8d4 url(/images/center_top_fon.jpg) repeat-x top; height: 36px;"><img src="/images/center_top_left.jpg" align="left" alt="" /><img src="/images/center_top_right.jpg" align="right" alt="" /></div> <div style="background: #f9e8d4 url(/images/center_left_fon.jpg) repeat-y;"> <div style="background: transparent url(/images/cent…

    Asked by hitenok, April 9, 2008

    0 votes
    14 answers
23. Как выровнить текст по вертикали

    Нужно выровнить текст по вертикали в кнопке. Простыми словами дело обстоит так, блок кнопки например 50х200px, в левой части иконка, после заголовок. текст выравнивается по верхнему краю. Прописываю vertical-align:bottom для кнопки, но не действует. Можно использовать padding,но мне нужно при уменьшении разрешения монитора второе слова заголовка(кнопка) переходит на новую строчку и padding вот здесь все испортит. <ul> <li><a href="#" class="mNav01">Системы безопастности</a></li> <li><a href="#" class="mNav02">Контроль доступа</a></li> <li><a href="#" class="mNav03">Системы вид…

    Asked by termoplus, April 6, 2009

    0 votes
    10 answers
24. <style> внутри <body> XHTML 1.0

    Доброго времени суток. Интересует такой вопрос, можно ли размещать <style> внутри <body>? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> </head> <body> <style type="text/css"> <![CDATA[ #order-form { font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding: 15px; } .a { font-weight: bold; border-bottom: 1px solid #000000; padding: 0 10px 0…

    Asked by DiMMK4, November 29, 2011

    0 votes
    2 answers
25. Bootstrap и WYSIWYG редактор

    Здравствуйте, форумчане! Недавно начал заниматься написанием сайта (в верстке я относительно новичок). В своем проекте я использую Twitter Bootstrap и редактор elRTE. И между двумя этими инструментами произошел конфликт, в редакторе стали криво отображаться элементы в jQuery окнах (стили от Bootstrap применились). Вот ссылка на оригинальный редактор (для сравнения), а вот на мой пример с объединением с Bootstrap. Чтоб увидеть разницу, надо кликнуть в тулбаре например на "Изображение" и откроется окно. В моем примере поля текстовые (и не только) будут разъезжаться. Вот меня интересует, как побороть это? И да варианты "взять другой редактор", "отказаться от Bootstrap", "пе…

    Asked by System X - Files, October 31, 2012

    0 votes
    4 answers