HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Как сделать такой border
Здравствуйте! В макете есть блок с границей: Подскажите пожалуйста как мне реализовать такой же блок с такой же границей только средствами CSS. Легкий способ(просто вырезать блок и установить через background), но это ведь не правильно как я понял. А с border-img я не разобрался. Заранее благодарен!
0 votes2 answers -
Стилизация скролла
Ребят, привет, хочу сделать такой скролл, согласно макету , но scroll thumb не получается шире скролл трека самого, и я длину не могу задать скролл треку, подскажите, вообще можно ли это все сделать https://jsfiddle.net/6hy5q79u/1/ - вот сам код
0 votes1 answer -
Фоновая картинка
Как сделать так, чтобы фоновая картинка сжималась и растягивалась вместе с окном браузера?) заранее благодарен)
0 votes3 answers -
Помогите с меню
Ребят я нашла код менюшки который понравился, только он изначально не работает у меня в мозилле , демо с сайта работают, а установленые нет. Вот ссылка где брала код _ttp://www.dhtmlgoodies.com/index.html?whichScript=slidedown_menu2 Если есть аналогичный, буду рада узнать о нём, но другой не нужен.
0 votes1 answer -
Рамка с закругленными краями
Как можно сделать рамку с закругленными верхними краями без таблиц?
0 votes3 answers -
Помогите пожалуйста.
Здравствуйте! Помогите с одной проблемой, которая не дает покоя. Создаю див и внутри текст. По мере возрастания, текст выходит за границы блока, как сделать так, чтобы текст не тянулся как резина?
0 votes6 answers -
Подскажите пожалуйста
Можно ли как нибудь задать минимальный размер div? Спасибо
0 votes8 answers -
Закругленные уголки у таблицы
Возможно сделать закругленные уголки у таблицы средствами border-radius? Скруглить же только блок можно?
0 votes6 answers -
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},{…
0 votes3 answers -
высота вложенного в table-cell блока
Доброго дня. можно ли как то растянуть высоту вложенного в table-cell блока до высоты родителя. В примере блок .height должен быть по высоте блока .right http://jsfiddle.net/digitalmedia/hokck58k/
0 votes4 answers -
Веб-программирование -- изучаем.
Привет всем. Вот решил для себя заняться изучением веб программирования. Перерыл гугл, но толком ничего не нашёл: а именно что и в какой последовательности, какая литература лучше и т.д. Прошу у вас помощи, а вернее подсказки что в какой последовательности изучать (я понял что в такой: HTML5, CSS3, PHP, MiSQL) - поправьте если не прав. И подскажите какую литературу, ибо книг очень много, а достойные внимания новичка единицы, какие это единицы?
0 votes8 answers -
равносторонний div в не равностороннем родителе
помогите пожалуйста решить проблему резиновая страничка поделена на ячейки следующим образом . в ячейке .cell2 содержится блок .round-area. он не равносторонний. а хотелось бы чтобы он всегда равносторонний. такой: важно чтобы высоты блоков .cell2 и .round-area были одинаковыми
0 votes3 answers -
Не показывает изображение в 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>…
0 votes2 answers -
проблемы с 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 нет, а если конкретно, то н…
0 votes2 answers -
два блока рядом по середине
Здравствуйте! Подскажите, пожайлуста, как можно сверстать вот такой расположение блоков на странице: Сайт будет колончатым, прижатым к левому краю, поэтому расстояние от края до блока можно брать только от левого, расстояние от правого будет зависеть от разрешения монитора. Я было почти сверстал вот так: <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 …
0 votes0 answers -
Выравнивание слоёв по нижней границе
Подскажите пожалуйста, как внутренний слой выровнять относительно родительского по нижним границам? 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>
0 votes6 answers -
Неполучается сделать шаблон =(
Хочу создать такой макет...: 1.header с заданной высотой... ширина:100% (минимальная ширина:1004px) 2.Сайдбар(левый) фиксирован по ширине.... по высоте тенятся в зависимости от контента... 3.#content_center - блок фиксирован по ширине, тянется виз... (в зависимости от наполнения контентом) 4.#content_right - резиновый блок, тянется вниз и вправо... (в зависимости от наполнения контентом) 5.#content_foot - резиновый блок, тянется вниз и вправо... находится под блоками: #content_right и #content_center 6.footer с заданной высотой... ширина:100% (минимальная ширина:1004px) Вот так это выглядит на рисунке: —————— Архив с моей вёрсткой Посмотреть можно тут —————— Практически …
0 votes1 answer -
рамка вокруг кнопки в фф
скажите, пожалуйста, как запретить показ в ФФ рамки вокруг кнопки? задал border:0; и outline:none; не помогает.
0 votes2 answers -
Помогите советом новичку
Здравствуйте, мой первый сайт( 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" />…
0 votes3 answers -
Иконка в 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…
0 votes2 answers -
большой пробел перед ссылкой почему?
Здравствуйте помогите пожалуйста почему перед ссылкой такой большой пробел как не выравнивай по центру или по краям всегда именно в этом месте так остается http://imageshost.ru/links/85805cd14962b6b6f5d36e6ec0de901f с чем это может быть связано?(помимо кривизны собственных рук )
0 votes3 answers -
Свободное перемещение и таинственно исчезающий контент
Есть такой 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…
0 votes10 answers -
Посоветуйте бесплатный редактор
Сейчас пишу в блокноте(обычном, который изначально в виндовс), но коды стали громоздкие, хотя бы подсветка синтаксиса нужна,подскажите какой хороший редактор, главное - бесплатный и русский
0 votes7 answers -
либо footer не сдвигается, либо правый сайдбар сдвигается
Здравствуйте, помогите пожалуйста найти ошибку, не могу разобраться. В общем, я не могу сделать так, чтобы footer сдвигался если я добавляю больше текста в main, он (футер) либо на месте остаётся, либо если я в стилях main'у делаю абсолютную позицию, то сдвигается правый сайдбар. Вот мой html и css: http://jsfiddle.net/rwczq667/
0 votes7 answers -
Создание кнопки в письме Подтвержение о подписки
Всем доброго времени суток. Подскажите, пожалуйста решение следующей задачи: Отправляю по емайл извещения о поступлении новой заявки. Письмо в обычном html формате, с текстовым содержанием описания заявки и парой гиперрсылок. Тема письма всегда содержит номер заявки. Необходимо в тело html письма вставить кнопку подтверждения заявки. Т.е когда получатель письма нажимает на эту кнопку, должно появиться окно с текстом типа "вы действительно принимаете эту заявку? и кнопка да и отмена" в свою очередь, подтвердив заявку я должен получить на свой почтовый ящик подтвержение об этом. То, что можно сформировать обычную ссылку mailto и прописать тему и тело сообщения - это я знаю!…
0 votes3 answers