HTML Coding

29542 questions in this forum

1. Как сделать такой border

   Здравствуйте! В макете есть блок с границей: Подскажите пожалуйста как мне реализовать такой же блок с такой же границей только средствами CSS. Легкий способ(просто вырезать блок и установить через background), но это ведь не правильно как я понял. А с border-img я не разобрался. Заранее благодарен!

   Asked by FitTech, January 9, 2015

   • border
   0 votes
   2 answers
2. Стилизация скролла

   Ребят, привет, хочу сделать такой скролл, согласно макету , но scroll thumb не получается шире скролл трека самого, и я длину не могу задать скролл треку, подскажите, вообще можно ли это все сделать https://jsfiddle.net/6hy5q79u/1/ - вот сам код

   Asked by exoty, July 21, 2018

   0 votes
   1 answer
3. Фоновая картинка

   Как сделать так, чтобы фоновая картинка сжималась и растягивалась вместе с окном браузера?) заранее благодарен)

   Asked by MaTuAc, January 21, 2008

   0 votes
   3 answers
4. Помогите с меню

   Ребят я нашла код менюшки который понравился, только он изначально не работает у меня в мозилле , демо с сайта работают, а установленые нет. Вот ссылка где брала код _ttp://www.dhtmlgoodies.com/index.html?whichScript=slidedown_menu2 Если есть аналогичный, буду рада узнать о нём, но другой не нужен.

   Asked by Ketra, September 10, 2008

   0 votes
   1 answer
5. Рамка с закругленными краями

   Как можно сделать рамку с закругленными верхними краями без таблиц?

   Asked by Kenshi45, March 19, 2009

   0 votes
   3 answers
6. Выравнивание слоёв по нижней границе

   Подскажите пожалуйста, как внутренний слой выровнять относительно родительского по нижним границам? vertical-align почему то не хочет работать. #container { width:100%; min-width:400px; height:93px; background: URL(images/new/blue_fill.png) repeat-x; vertical-align: baseline; } #element { margin-left:auto; margin-right:0; margin-top:auto; margin-bottom:0; width: 400px; height:20px; } Вот я хочу #element выровнять относительно #container по правому нижнему углу обоих блоков. И вышеприведённый код почему то не хочет работать. Как правильнее сделать? UPD: HTML: <div id="container"> <div id="element">1 | 2 | 3</div> </div>

   Asked by Strate, April 26, 2009

   0 votes
   6 answers
7. Помогите пожалуйста.

   Здравствуйте! Помогите с одной проблемой, которая не дает покоя. Создаю див и внутри текст. По мере возрастания, текст выходит за границы блока, как сделать так, чтобы текст не тянулся как резина?

   Asked by Slator, December 14, 2009

   0 votes
   6 answers
8. Подскажите пожалуйста

   Можно ли как нибудь задать минимальный размер div? Спасибо

   Asked by Select, September 16, 2010

   0 votes
   8 answers
9. Закругленные уголки у таблицы

   Возможно сделать закругленные уголки у таблицы средствами border-radius? Скруглить же только блок можно?

   Asked by maerrry, March 29, 2011

   0 votes
   6 answers
10. CSS меню

    Имеется выпадающие CSS меню. Подскажите как сделать в выпадающем списке ещё один выпадающий список? Вот графически показываю как хочу: Текущий код: <div class="menu" align="left"> <li><a href="#" target="_self" >Технологии</a> <ul> <li><a href="javascript://" onclick="new _uWnd('ajax','AVS','800','600',{autosize:false,modal: true,close:true,header:true,nomove: true,fixed:true},{xml:false,url:'http://audi-info.at.ua/publ/audi/models/avs/2-1-0-9'})">AVS</a></li> <li><a href="javascript://" onclick="new _uWnd('ajax','ABS','800','600',{autosize:false,modal: true,close:true,header:true,nomove: true,fixed:true},{…

    Asked by _ZheKA_, October 22, 2011

    0 votes
    3 answers
11. Вечные проблемы с валидацией

    Валидатор ругается на эту строку, а именно на data-href, data-width, data-show-faces, data-border-color, data-stream, data-header. <div class="fb-like-box" data-href="http://www.facebook.com/pages/Free-Place/255003731206097" data-width="240" data-show-faces="true" data-border-color="#EEEEEE" data-stream="false" data-header="false"></div> Есть решение этой проблемы?

    Asked by Alex&R, November 18, 2011

    0 votes
    6 answers
12. высота вложенного в table-cell блока

    Доброго дня. можно ли как то растянуть высоту вложенного в table-cell блока до высоты родителя. В примере блок .height должен быть по высоте блока .right http://jsfiddle.net/digitalmedia/hokck58k/

    Asked by vip, June 23, 2015

    0 votes
    4 answers
13. Веб-программирование -- изучаем.

    Привет всем. Вот решил для себя заняться изучением веб программирования. Перерыл гугл, но толком ничего не нашёл: а именно что и в какой последовательности, какая литература лучше и т.д. Прошу у вас помощи, а вернее подсказки что в какой последовательности изучать (я понял что в такой: HTML5, CSS3, PHP, MiSQL) - поправьте если не прав. И подскажите какую литературу, ибо книг очень много, а достойные внимания новичка единицы, какие это единицы?

    Asked by systeman, July 25, 2016

    0 votes
    8 answers
14. равносторонний div в не равностороннем родителе

    помогите пожалуйста решить проблему резиновая страничка поделена на ячейки следующим образом . в ячейке .cell2 содержится блок .round-area. он не равносторонний. а хотелось бы чтобы он всегда равносторонний. такой: важно чтобы высоты блоков .cell2 и .round-area были одинаковыми

    Asked by cyklop77, December 3, 2016

    • css3
    0 votes
    3 answers
15. Не показывает изображение в css помогите

    <!doctype html> <html> <head> <meta charset="utf-8"> <title>Тритон Авто</title> <style> * { margin: 0; padding: 0; font-family: Tahoma, Geneva, sans-serif; color: #2e2e2e; } body { background: #f8f7f3; } a { color: #037d64; } #page { width: 1100px; margin: 0 auto; } #header { background-image: url(‪C:\Users\vip_c\Desktop\html\img\qq.jpg); } </style> </head> <body> <div id="page"> <div id="header"> </div> </div&gt…

    Asked by 7908.96, December 1, 2020

    • css
    • html
    • background-image
    0 votes
    2 answers
16. проблемы с ie7

    Уважаемые эксперты... Мне нужно сделать таблицу примерно следующего вида <table border="1" width="400" height="400"> <tr> <td width="20%" height="30">1</td><td width="80%" height="30">2</td> </tr> <tr><td width="20%" rowspan="3">3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br>3<br></td> <td width="80%" height="30">4</td> </tr> <tr><td width="80%" height="30">5</td></tr> <tr><td width="80%">6</td></tr> </table> В Opere и Firefox отображается нормально, а в IE7 нет, а если конкретно, то н…

    Asked by HoJ, September 11, 2008

    0 votes
    2 answers
17. два блока рядом по середине

    Здравствуйте! Подскажите, пожайлуста, как можно сверстать вот такой расположение блоков на странице: Сайт будет колончатым, прижатым к левому краю, поэтому расстояние от края до блока можно брать только от левого, расстояние от правого будет зависеть от разрешения монитора. Я было почти сверстал вот так: <style> #content{ float: left; width: 275px; } #container{ float: left; margin-right: -90px; padding-left: 40px; } #menu{ margin-right: 200px; border: 1px solid red; text-align: right; } #clearing {height: 0; clear: both; } </style> <div style="margin-left: 400px; padding-top: 65px;"> <div id="container"> <div id="menu"> <a …

    Asked by _axl, October 2, 2008

    0 votes
    0 answers
18. Неполучается сделать шаблон =(

    Хочу создать такой макет...: 1.header с заданной высотой... ширина:100% (минимальная ширина:1004px) 2.Сайдбар(левый) фиксирован по ширине.... по высоте тенятся в зависимости от контента... 3.#content_center - блок фиксирован по ширине, тянется виз... (в зависимости от наполнения контентом) 4.#content_right - резиновый блок, тянется вниз и вправо... (в зависимости от наполнения контентом) 5.#content_foot - резиновый блок, тянется вниз и вправо... находится под блоками: #content_right и #content_center 6.footer с заданной высотой... ширина:100% (минимальная ширина:1004px) Вот так это выглядит на рисунке: —————— Архив с моей вёрсткой Посмотреть можно тут —————— Практически …

    Asked by alexander.parphenuyk, September 29, 2009

    0 votes
    1 answer
19. рамка вокруг кнопки в фф

    скажите, пожалуйста, как запретить показ в ФФ рамки вокруг кнопки? задал border:0; и outline:none; не помогает.

    Asked by html, November 7, 2009

    0 votes
    2 answers
20. Помогите советом новичку

    Здравствуйте, мой первый сайт( www.nashepravo78.ru)Мне сейчас главное чтобы Баннер везде выглядел одинаково В опере он короткий, в мазиле выезжает....... <!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="text/html; charset=windows-1251" /> <title>Юридическая компания "Союз Автовладельцев"</title> <style type="text/css"> body { margin-top: 0px; margin-bottom: 0px; } </style> <link href="style.css" rel="stylesheet" type="text/css" /&gt…

    Asked by жекачка, February 7, 2010

    0 votes
    3 answers
21. Иконка в H2 - как вертикально центрировать?

    Значит, суть такова: у заглавий справа есть иконки: h2 img { float:left;} <h2><img src="icon01.gif" />Lorem ipsum</h2> <h2><img src="icon02.gif" />Lorem ipsum</h2> ... Сложность в том, что: - высота иконок может варироваться в пределах страницы - 10..60px и более; - заглавие может быть длинным, на 2-3 строчки (особенно в узких колонках); - кол-во иконок динамическое и не ограничено, так что создавать стили для h2 с иконкой-бекграундом и левым паддингом - не очень правильная тактика. Что можете предложить для решения такой проблемы? Вот рабочее решение, но оно... мягко сказать, некрасивое и нарушает логику построения документа: <table…

    Asked by PoshtarBoba, April 21, 2010

    0 votes
    2 answers
22. большой пробел перед ссылкой почему?

    Здравствуйте помогите пожалуйста почему перед ссылкой такой большой пробел как не выравнивай по центру или по краям всегда именно в этом месте так остается http://imageshost.ru/links/85805cd14962b6b6f5d36e6ec0de901f с чем это может быть связано?(помимо кривизны собственных рук )

    Asked by WaxArt, April 25, 2010

    0 votes
    3 answers
23. Свободное перемещение и таинственно исчезающий контент

    Есть такой HTML: <div class="wrapper"> <div class="a element"><p>A</p></div> <div class="b element"><p>B</p></div> <div class="c element"><p>C</p></div> </div> И такой CSS: .wrapper { overflow: hidden; background: #555; } .element { width: 150px; height: 100px; font-size: 30px; } .a { background: #c33; float: left; } .b { background: #fc5; color: #333; float: left; margin-left: 150px; } .c { background: #247; margin-left: 150px; } Вопрос: куда девается контент из блока "c" и почему? http://imageshack.us/photo/my-images/822/beforeti.png http://imageshack.us/photo/my…

    Asked by rookie, June 12, 2011

    0 votes
    10 answers
24. Посоветуйте бесплатный редактор

    Сейчас пишу в блокноте(обычном, который изначально в виндовс), но коды стали громоздкие, хотя бы подсветка синтаксиса нужна,подскажите какой хороший редактор, главное - бесплатный и русский

    Asked by Мелкий, July 9, 2012

    0 votes
    7 answers
25. либо footer не сдвигается, либо правый сайдбар сдвигается

    Здравствуйте, помогите пожалуйста найти ошибку, не могу разобраться. В общем, я не могу сделать так, чтобы footer сдвигался если я добавляю больше текста в main, он (футер) либо на месте остаётся, либо если я в стилях main'у делаю абсолютную позицию, то сдвигается правый сайдбар. Вот мой html и css: http://jsfiddle.net/rwczq667/

    Asked by RockeT, November 12, 2014

    • footer
    0 votes
    7 answers