HTML Coding

29542 questions in this forum

1. Прозрачный угол у блока

   Добрый день. Помогите пожалуйста ) Нужно сделать эффект "загнутого уголка", но что бы под блоком был не однотонный фон. Чего-то, не могу придумать, как это реализовать: http://jsfiddle.net/1pkm61ou/

   Asked by dion, May 29, 2015

   • css
   • загнутый угол
   0 votes
   1 answer
2. Резиновые шрифты при inline-block и *font-size: 0

   Здравствуйте! Помогите пожалуйста, разобраться. Известно, чтобы убрать пробелы между элементами - display: inline-block; Достаточно обнулить у всех элементов *font-size: 0; Но возникает вопрос - как в этом случае задать относительный шрифт (em, rem, %) внутри элементов inline-block, если font-size обнулен на глобальном уровне? Получается верстка с помощью свойства display не подходит для резиновых шрифтов или всё-таки есть какие-то способы?

   Asked by Goodman-77, November 30, 2016

   • inline-block
   • font-size: 0
   0 votes
   5 answers
3. img:hover ?

   Есть такой вопрос. Можно ли делать так img:hover. Что нужно пременить что бы при наведение вылезала 2имг сразу говорю нужно именно в рисунках

   Asked by musulman, December 18, 2007

   0 votes
   1 answer
4. Блоки выпадают из потока

   http://ucpb.org/new/index.html Див content имеет два вложенных блока, но почему-то они из него выпадают, причем из body тоже выпадают. Как бороться?

   Asked by Sevkov, February 21, 2012

   0 votes
   2 answers
5. float или position - для размещения контента

   Тут на днях упорно смотрел ролики В.Макеева, и по мимо массы полезных вещей как то вскользь прозвучало что "Все таки float не для разбрасывания блоков по странице" Возникла такая мысль - А насколько правильно, верстать опираясь на позиционирование блоков с помощью свойств float? Одно дело когда это действительно касается картинки которую нужно врезать в текст или что-то подобное. Другое дело формировать структуру отображения всего контента обернутого в различные блоки и раскидывать их налево или направо, и периодически не забывая, где нужно еще и clear впихивать. Это по сути теория, поскольку многие из вас наверняка скажут - "мол каждый верстает как ему удобно", но все же…

   Asked by cmndr_alexgreen, February 21, 2013

   • float position
   0 votes
   14 answers
6. Реализация кнопки нестандартной формы

   Пытаюсь реализовать кнопку необычной формы. Проблем с кнопкой не было, до того момента, как встала задача добавить при наведении эффект glow. Вот тут то и вышли проблемы. Сам пример тут. Если кратко то куски кнопки, которые эмулируют скосы отображаются как части, а не как единое целое. При ховер у меня также меняется прозрачность. По кнопке перерыл весь инет, нашел вот это. Но в основном эти реализации либо не работают с бордером, либо поддержка в браузерах малая(clip-path). В общем был бы благодарен за помощь.

   Asked by helio, March 31, 2016

   • кнопка
   • css3
   0 votes
   3 answers
7. Помогите!Верстка разрезанной картинки

   Итак, мне нужно сверстать сайт, где шапка - это одна большая картинка. Почерпнув множество рекомендаций, я решила разрезать ее на маленькие, потому что они быстрее грузятся. Но - у меня не получается их сверстать! Между маленькими картинками - пробел, и все тут! Div'ами пробовала, тот же эффект. В гугле ничего путного по этому вопросу найти не могу (во всех найденных статьях про это либо вскользь, либо предполагается, что это такая элементарщина, что и писать не стоит) Вот html: <table> <tr> <td><img src="1.jpg" width="100" height="200" alt="" border="0"></td> <td><img src="2.jpg" width="100" height="200" alt="" border="0"><…

   Asked by Sonya, June 2, 2009

   0 votes
   9 answers
8. Верстка стихов pre или br

   Здравствуйте! Прошу помочь советом. Мне нужно сверстать много стихов в html. Как лучше и правильнее это сделать? Использовать тег br на каждой строке, или заключать весь текст в теги pre? Заранее спасибо

   Asked by Ann, February 5, 2011

   0 votes
   2 answers
9. Помогите...

   Проблемма в том, что есть такое расположение элементов на странице: "Фотография текст текст текст | фотография текст текст текст | Фотография ... и т.д" до бесконечности. Это элементы каталога товаров генерируемые CMS и выводятся они просто в строчку, друг за другом. Надо для примера мне, отформатировать код ниже с помощью CSS так, чтобы сгрупировать элементы по четыре (фото текст текст текст) в столбики, которые идут друг за другом в строчку, как как здесь _http://www.sendflowers.ru/_ текст текст текст текст текст текст PS/ Мне бы это сильно помогло. Извиняюсь зарание, если тупость написал.

   Asked by qm, December 17, 2007

   0 votes
   5 answers
10. Подсветка текста

    Подскажите можно ли средствами html и css сделать подсветку текста не болком а ареолом т.е. чтоб посвечивались опрделеным светом имено очертание каждой буквы

    Asked by Unikal, December 27, 2007

    0 votes
    7 answers
11. Select HELP!

    Просьба сильно не пинать, т.к еще совсем новичек Необходимо, чтобы при выборе "Другой" появлялись два окна для ввода значений высоты и ширины Есть : <select name="select1" onclick="selectValue(this.form)"> <option value="90x50">90 х 50 мм</option> <option value="other">Другой</option> </select> <span id="_format_other_child">→ <input type="text" size="10" name="format_other_opt1" class="short" /> x <input type="text" size="10" name="format_other_opt2" class="short" /> мм</span> Методом долгих поисков по отрывкам, путем мутаций кодов родил: <script type="text/javascript"> function sele…

    Asked by Dimentiy77, November 23, 2009

    0 votes
    8 answers
12. Как сделать кнопку с тенью и закругленными краями?

    Как сделать кнопку с тенью и закругленными краями? Приведите пожалуйста примеры кода.

    Asked by 3Bepb, February 22, 2008

    0 votes
    5 answers
13. Как это св?рстано?

    Объясните мне пожалуйста.как так получаеться.что вот здесь например фон на этом сайте http://baby-studio.ru/ сделан(наверно в виде рисунка,одного и большого) тогда как получается,что при разрешении моитора 800х600 появляеться полоса прокрутки и фон не обрываеться?Как этого добиться? Я например сделал так: Сделал сначала скриншотом,а потом в Фотошопе вырезал фон,вставил в Бэкраунд своего сайта(учебного)У меня кстати 1900х1200.а потом када меняю разрешении на 800х600.то фон обрубаеться.почему?

    Asked by psywalker, June 18, 2008

    0 votes
    6 answers
14. ...учая менюшка

    Что-то ни как не получается вставить на основную страницу корректно работающее меню... отдельно функционирует нормально, вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!--Стиль главного меню--> <style type="text/css"> .L2 <!--слой меню--> { z-index: 1; position: fixed; margin-right: 10%; margin-left: 50%; } .top_menu, .top_menu UL { list-style: none; text-align: left; width: 100%; } .top_menu { position: relative; border: 0px; width: 100%; } .top_menu A { font-size: 12px; font-weight: normal; text-align: left; text-decoration: none; display: block; } .top_menu LI UL { display: none; position: absolute; text-…

    Asked by Grann, June 7, 2009

    0 votes
    8 answers
15. Помогите убрать косяки

    Всем привет я в верстке новичок. Шаблон для joomla нашел интересный но там есть пару косяков, а как их исправить ума не приложу. Есть знающие люди? Помогите плиз. Код блоков

    Asked by vadim_paladev, March 25, 2010

    0 votes
    19 answers
16. Меню "едет" в IE7

    Всем доброго времени суток. Мне нужна небольшая помощь. Собственно дело в незначительном изменении кода. Три ссылки меню над контентом (О компании, Услуги, Контакты) в нормальных браузерах отображаются вот так: А в IE7 они "поехали": Как это исправить? HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Сантехника Петербург / Главная</title> <meta name="keywords" content="магазины сантехники, смесители teka, смесители oras, ванны акриловые, смесители, душев…

    Asked by slava03, May 18, 2011

    0 votes
    12 answers
17. Разное отображение блоков с одинаковыми размерами в браузерах.

    Помогите пожалуйста разобраться с примером в конце 9-го урока на странице: http://www.site-do.ru/css/css9.php Там автор приводит пример, что блоки при одинаковых размерах могут в различных браузерах выглядеть по разному. Пример этот прикладываю: http://yadi.sk/d/m430JzMV2Or-L Я открывал этот пример в браузерах. Действительно в Fiirefox и Opera выглядит иначе чем в IE8. Но объяснения автора совершенно не улавливаю. Цитирую дословно: "...Но мы задали ширину у всех блоков одинаковую, почему же тогда в IE блок с id="second" шире первого блока? Да потому, что IE не включает в размер блока поля и отступы. Браузер отобразил 3 и 4 блоки шириной в 300 пикселов, а потом задал им по…

    Asked by rikitiki, February 6, 2013

    • вёрстка сss
    0 votes
    5 answers
18. Не работает overflow:hidden в Opera 12.16

    Здравствуйте! Почему-то Opera 12.16 не хочет обрезать затухающие линии у блока .disc при overflow:hidden. Похожее дело и с блоком .tail. Тут Opera 12.16 не хочет обрезать тень от дочернего элемента. Что это? И как обойти? http://cssdeck.com/labs/full/jb72htly

    Asked by Johnney, November 1, 2013

    • opera
    • overflow:hidden
    0 votes
    16 answers
19. Как отменить обтекание текст label а вокруг checkbox.

    По дизайну нужно сверстать вот так: Получается вот так: Fiddle Как можно делать делать так, чтобы получилось по дизайну. Спасибо.

    Asked by parnas, November 10, 2014

    0 votes
    3 answers
20. Работа сайта

    Никак не пойму как работает сайт... Помогите разобраться. http://www.jasonjulien.com/ При просмотре кода через Firefox почему то не видно ссылок на следующую, предыдущую страницы с его работами(большие картинки в середине) и др. ссылки отображаются как href="#" и.т.д. Вот вам куски кода. <a style="" href="#" id="PrevLink" title="Previous Photo"><span>Previous</span></a> <a style="" href="#" id="NextLink" title="Next Photo"><span>Next</span></a> <a href="#" onclick= При переходе по ссылки оба значение не меняются <a style="" href="#" id="PrevLink" title="Previous Photo"><span>Previous</span></a> …

    Asked by nicotin, March 2, 2008

    0 votes
    8 answers
21. слои и flash анимация

    При верстке слоями нужно чтобы flash в нижнем слое перекрывался верхним слоем, но он всегда вылазит поверх всех слоев при любом z-index как решить?

    Asked by SibBear, May 7, 2008

    0 votes
    3 answers
22. 2 div'а по горизонтали.

    Сталкнулся с такой проблемой. В header'е стоят 2 дива, один привязан к левому краю, второй соответственно к правому. И вот при растяжении-сужении когда они соприкасаются, то либо один перекрывает другой, либо один оптекает другой и проваливается вниз, в зависимости от position. Можно ли как то сделать так чтоб они не наезжали друг на друга и при этом оставались зафиксированными?

    Asked by 2_k, September 10, 2009

    0 votes
    8 answers
23. привязка края страницы к координатам

    Только начал заниматся веб програмированием и тут же вбил себе в голову что хочу сделать сайт именно с таким дизайном, а именно. Мне нужно что бы сайт был статичным. У него по краям будут некоторые поля, не содержащие важной информации и мне нужно что бы при уменьшение разрешения они "съедались" а при увеличение показывались настолько насколько увеличилась ширина страници. Этот приём риализован на сайте http://www.worldofwarcraft.ru (я не собираюсь воровать их дизайн, а просто обсуждаю техническое устройство их веб сайта из любопытства) Что интересно полоса прокрутки при уменьшение ширины страници появляется только когда начинает сжиматся уже центральная часть страници с …

    Asked by Barsik, October 21, 2009

    0 votes
    12 answers
24. Помогите плиз с картинками.

    Здравствуйте, у меня вот такой вопрос: Мне нужно чтобы картинки изменяли свой размер при изменении расширения экрана, т.е. например, на расширении экрана 1024 - 768 размер картинки был 300 -100 пикс., а на другом компьютере с расширением 1280 - 1024 размер картинки был 450-150. Можно ли так сделать ? Подскажите пожалуйста, как это сделать, и если можно показать на примере. Заранее блогодарен.

    Asked by Пашка, June 9, 2008

    0 votes
    9 answers
25. Подключение отдельного шрифта

    Надо подключить отдельный шрифт к сайту. Подскажите пожалуйста, как прописать путь к файлу. font-family: а дальше? Пробовал url, но не знаю, как именно, может надо указывать какое-то расширение. Заранее благодарен. P.S. Желательно написать сам код подключения.

    Asked by kent, July 31, 2009

    0 votes
    4 answers