HTML Coding

29,542 questions in this forum

1. Сжатие CSS

   Посоветуйте, пожалуйста, средства для сжатия CSS, к примеру, чтобы лишние пробелы удалялись и т.п. Пользуется кто-то таким? Есть смысл?

   Asked by Mr.Smith, January 5, 2010

   0 votes
   7 answers
2. text-indent и тег <p>

   Здравствуйте гуры вёрстки Я давно верстаю сайты и у меня всегда есть проблема с отступами параграфов. Хочу использовать тег<p>, пишу: <p class="italic" style="text-indent:30px;"> В этом случае появляются отступы сверху и снизу. display:inline убирает все отступы, в том числе и те, что появляются от text-indent Как же быть? Использовать тег <div>?

   Asked by mff, April 14, 2010

   0 votes
   5 answers
3. Стилизация css селекторами кнопок next и prev

   Есть разметка пагинации. <div class="pagination"> <a class="page-btn page-btn-prev" href="#">Предыдущая</a> <a class="page-btn current-page" href="#">1</a> <a class="page-btn" href="#">2</a> <a class="page-btn" href="#">3</a> <a class="page-btn page-btn-next" href="#">Следующая</a></div>Можно ли как-то прятать/делать видимыми page-btn-prev и page-btn-next в зависимости от позиции current-page используя css селекторы? Если вторая ссылка с классом current-page - не показывать page-btn-prev Если предпоследная ссылка с классом current-page - не показывать page-btn-next Вот так начал .pagina…

   Asked by grafnet, November 12, 2015

   0 votes
   3 answers
4. Напомните имя программы для оптимизации JPEG

   Ночки доброй. Запамятовал название программы, аналогичной optipng, но для формата JPEG. Уменьшает размер файла, не ухудшая качества. Спасибо и приятного кодинга!

   Asked by hooey_ru, October 27, 2008

   0 votes
   4 answers
5. как сделать пропорционально растягивающуюся картинку

   необходимо для дизайна сайта выполнить картинку в верхней части сайта, так чтобы в зависимости от разрешения экрана была меньше или больше

   Asked by orel1990, July 26, 2009

   0 votes
   7 answers
6. условные операторы

   Хочу реализовать иной вид для диапазона страниц через условный оператор <?if($URI_ID$>ID страницы)?> или <?if($PAGE_ID$>ID страницы)?> ("для страниц больше такого ID... и меньше такого") Только вот что подставлять в условии? Указание только номера ID не работает, указание ID через переменные "PAGE" и "sitePage" тоже не дали результатов. Что не так делаю?

   Asked by Joerrigo, October 29, 2009

   0 votes
   4 answers
7. альтернативы css свойству content

   Возможно ли заставить content работать в IE или может есть какая либо альтернатива данному свойству необходимо из этого <div class="id1"></div> получить это <div class="id1"> <p class="idp1"></p> <p class="idp2"></p> </div>

   Asked by AlexKon, February 22, 2010

   0 votes
   11 answers
8. hover + first-letter

   Ну собственно очень хочется сделать чтобы при наведении на Link получалось что то такое: Link, а как этого добиться я что то не могу сообразить. вот как то A:hover > A:first-letter {color: red;} неработает. PS я новичок

   Asked by XiBOR, July 6, 2010

   0 votes
   7 answers
9. Получить из подменю ещё одно

   Доброго времени суток! Решил зарегистрироваться наконец на этом форуме, после нескольких месяцев просмотра его Появился вопрос один, касающийся css деталей. Вкратце, есть стандартное меню, при наведении на один из пунктов ("Каталог"), появляется ещё одно меню - подменю, который содержит ещё два пункта, и вот в чём вопрос, хочу получить из одно из этих двух пунктов ещё одно меню - подподменю Создать его могу, а как обеспечить выбор пунктов уже в нём никак не могу сообразить. Исходничек с этой проблемой здесь. И я просто не знаю как это сделать. Буду рад любым подсказкам и помощи!

   Asked by drew, March 31, 2011

   0 votes
   20 answers
10. Вырезать изображение в Photoshop

    Подскажите, пожалуйста. Имеется макет в psd, фрагмент которого привожу ниже. Точнее - это кусок макета с проблемным для меня местом. http://savepic.su/2233598.htm Стоит задача вырезать фотографию, причем без рамки (ее доделаю в CSS). В панели слоев Photoshop такая "картина": http://savepic.org/2402954.png Рамкой обвел те слои, которые рисуют это изображение. Но, насколько я понимаю, один слой связан с другим. И отделить один от другого, чтобы вырезать картинку, у меня не получается. Подскажите, как правильно это сделать? P.S. Когда писал, пришла мысль - может воспользоваться Crop? Все равно подскажите, как нужно выполнить эту операцию? До этого с такими замысловатыми слоя…

    Asked by aaron, July 30, 2012

    0 votes
    12 answers
11. Windows Media Player

    Возможно организовать такое: при нажатии на кнопку (посмотреть) видео файл воспроизводился у клиента в WMP.

    Asked by vl@dvk, February 8, 2008

    0 votes
    3 answers
12. Отображение backrgound в Div'e

    Проблема: необходимо в Div загнать картинку именно png формата чтобы был прозрачный фон за ней. На мониторе SyncMaster (не жк) вс? отлично как надо, на плоских мониторах (например FLATRON) картинка почему-то отображается с фоном по умолчанию. В Dreamweaver при в?рстке на этом же жк мониторе вс? отлично, в готовом виде трабла Подскажите пожалуйста что за беда ?

    Asked by supec, March 25, 2008

    0 votes
    6 answers
13. проблема с экспрешном

    Подскажите, пожалуйста, почему конструкция: height:expression(document.body.clientHeight-241+"px"); (- структура из 3-х строк, 241px - сумма высот 1й и 3й, соответственно, расчет на то что 2я будет адекватно тянуться, но не тут-то было...) намертво вешает 6-го осла, отлично работает в 7-ом. если кто-нибудь располагает универсальным решением, поделитесь, пожалуйста, второй день мучаюсь.

    Asked by SerJey, June 11, 2008

    0 votes
    4 answers
14. Footer at bottom

    На этом форуме, да и на многих сайтах приводится пример прибивания футера к низу екрана. И многие сталкивались с проблемой что в опере это не работает. Изучив код из сообщения Scrum ( http://forum.htmlbook.ru/index.php?s=&...st&p=123368 ) я пришел к такому коду <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>footer at bottom</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html{ overflow:auto; height:100%; } body{ margin:0; height:100%; …

    Asked by mishka, December 12, 2009

    0 votes
    9 answers
15. Наследование стилей в таблице

    Хотел сделать рамку таблицы, нашел в стилях 'border: 1px solid gray;' , как можно сделать чтобы вложенные таблицы не наследовали свойство?

    Asked by gm0, July 28, 2010

    0 votes
    9 answers
16. Выбрать самый последний элемент

    Навожу мышкой на любой элемент и он например меняет прозрачность, но только он, без родителей, сестёр, двоюродных деушек и прочих - только то на чём стоит мышка, самый нижний (малый) элемент. :nth-last-child(1)+:hover - не работает

    Asked by VitaliyAT, May 10, 2012

    0 votes
    15 answers
17. 3 колонки внутри 3 колонок :)

    Сделал 3х колоночную верстку. Пытаюсь в левомй панеле сделать опять 3 колонки для того, что бы в блок 1 вставить угол декора в блок 2 линию блок 3 другой угод декора Так вот 1-2 идут в ряд, а блок 3 слетает вниз. Но почеееееему ???? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Основы блочной верстки (Div верстки)</title> <link href="styles.css" rel="stylesheet" type="text/css"> </head> <body> <div id="maket"> <div id="header">Шапка </div> <div id="…

    Asked by Coffin, June 19, 2012

    0 votes
    15 answers
18. Нужно выделить основной контент при выделении пункта меню.

    Очень нужна помощь! !! Верстка почти закончена за исключением одной детали, которая портит всю "малину". Не знаю как сделать чтобы при нажатии на пункт меню выделялся также и основной блок с контентом относящийся к пункту меню. Прилагаю ссылку на скриншот. http://itmages.ru/image/view/4756644/ed59c9f0

    Asked by lavrentyev, August 20, 2016

    • меню активное меню
    • контент
    0 votes
    3 answers
19. Эффект перекатывания

    Добрый день всем участникам. Подскажите начинающему как сделать сразу 4 такие картинки с перекатыванием, которые стоят друг под другом (описано в http://www.htmlbook.ru/content/?id=110)? Одну картинку вставила и все получилось замечательно. А вот когда стала вставлять вторую, то она перекрыла первую. Подскажите пожалуйста что делать, что вставлять в "голову" и что в "тело"? Только пожалуйста очень подробненько, прямо как для "чайника". Заранее спасибо

    Asked by Edem, November 21, 2008

    0 votes
    5 answers
20. Почему формат шрифта eot на некоторых сайтах подключают отдельно, от всех остальных fon-face ?

    @font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:500; src: local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 500'; src: url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } 1. Почему при подключении шрифта apple указывает имя шрифту такое font-family: 'SF P…

    Asked by Димитрий, November 19, 2017

    1 vote
    8 answers
21. что делает атребут "azimuth" подскажите

    что делает атребут "azimuth" подскажите

    Asked by artdizz, March 8, 2008

    0 votes
    2 answers
22. Border для Img

    Нужно сделать типа галереи и чтобы при наведении курсора появлялась рамка в 3 пикселя. Можно задать обычной картинке 3 пик. цвета фона а при наведении (:hover) просто поменять цвет, но нужно чтобы у обычной картинки была рамка в 1 пик. Простыми словами нужно чтобы при наведении курсора рамка в 1 пик. заменялась на 3 пик. без смещения остальных картинок. спасибо

    Asked by termoplus, May 7, 2009

    0 votes
    7 answers
23. {html 5} menu или nav

    Задался тут вопросом, а что же семантичнее при построении главного меню сайта? Тег "menu" или тег "nav"? Полазил по w3c, толком ответа не нашел, из тех кто уже на html5 пишет, кто что юзает?

    Asked by Demoni, July 22, 2012

    0 votes
    13 answers
24. Установка цвета через JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии…

    Asked by ErUnDAK, April 9, 2017

    • html
    • javascript
    0 votes
    3 answers
25. Float и подчеркивание у ссылки

    <html> <head> <style> a { color: #216a9e; font-size: 8pt; text-decoration: none; border-bottom: 1px dashed #bdd7e9; } </style> </head> <body> <a href="#">Первая ссылка</a><br/> <div style="float: left;"><a href="тест">Вторая ссылка</a></div> </body> </html> В IE первая ссылка подчеркивается, а вторая нет. В FF все работает.

    Asked by dimitrich, April 10, 2008

    0 votes
    8 answers