Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Растянуть изображение по вертикали

    Есть изображение (не фоновое) которое нужно растянуть по вертикали на n-число раз. Наглядно выглядит так: На примере 1 красное - фон страницы, белое - то изображение которое нужно растянуть (в оригинальном не растянутом виде) На примере 2 то что нужно получить. Нужно чтобы изображение растягивалось пропорционально количеству текста в нем. Таблицами пока не хочу пробовать, может кто подскажет другой способ. Если стандартными методами html и css нельзя добиться пропорциональной растяжки изображения к тексту подскажите просто как растянуть изображение по вертикали n-ое кол-во раз

    Asked by gadjet,

    0 votes
    4 answers

  2. Заголовки В Списках

    Задача такая: выводятся 5 последних тем с форума на главную сайта, хочется, чтобы каждая тема, которая свежее, соответственно выделялись шрифтом размера побольше, чем предшествующая. Семантически такое допустимо/правильно или не вкоем случае? <ul> <li><h3><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h3></li> <li><h4><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h4></li> <li><h5><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h5></li> <li><h6><a href="#">sdfsdfsdfdfsddsfsdfsdf dfdsdf sdfsdf</a></h6></li&g…

    Asked by Deacon,

    0 votes
    33 answers

  3. позиция рисунка в ячейке таблицы.

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

    Asked by arlek1n,

    0 votes
    26 answers

  4. Прозрачный PNG в background

    Есть проблема - ссылки имеют фон с прозрачным PNG, и в 6м эксплорере не удается заставить его быть прозрачным. для всех остальных картинок PNG, в том числе и для изображений PNG, положеных как фон, срабатывает, а для ссылки - нет Ссылка в коде выглядит так: <a class="png mnu m01" id="act" href="/company/">компания</a> Обработчик в коде, обрабатывающий ПНГ (взято у Лебедева): <!--[if lt IE 7]> <style> .png{ filter: expression(fixPNG(this)); } </style> <script type="text/javascript" src="/ie6-fix.js"></script> <![endif]--> Содержимое файла ie6-fix.js: try{ document.execCommand("BackgroundImageCach…

    Asked by d0ublezer0,

    0 votes
    5 answers

  5. Вопрос по IE

    Делаю простой резиновый макет. Не выходит установить ширину столбцов. Структура такая: Шапка Колонка Колонка Колонка Подвал Не могу зафиксить левую и правую колонку! Как решается даная проблема? Ответ дивами не предлагать, так как в макете куча разных тянущихся фонов. Которые можно было-бы очень легко сделать решив данную проблему. Код прилагаю. <?xml version="1.0"?> <!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=windows-1251" /> <t…

    Asked by ageent,

    0 votes
    29 answers

  6. Размер шрифта

    Верстал очередной макет и подумал - а какой толк верстать сайт на em, если я его указываю только для шрифта? Все отступы у меня в px... 1. Как вообще правильно делать? 2. Т.к. пользователь может изменить размер - нельзя ли как-нить задать максимальное и минимальное значение? Что-то типо: по-умолчанию font-size: 1.2em; максимальный (при увеличении) - 2em. Или так нельзя? o_O

    Asked by DjTarik,

    0 votes
    29 answers

  7. SCROLLBAR - расположение полос прокрутки

    Вопрос такой: имеется страница из двух фрэймов, при этом требуется чтобы при появлении в левом фрэйме вертикальной полосы прокрутки она появлялась с левой, а не с правой стороны. Во втором фрэйме так и оставалась справа. Таким образом чтоб полосы прокрутки не разделяли фрэймы а были по бокам страницы.

    Asked by daymos,

    0 votes
    6 answers

  8. Не работает box-shadow в Chrome

    У меня есть форма, к полям которой применяется box-shadow. Так вот во всех браузерах, кроме Chrome, это св-во работает. Версия Chrome: 35.0.1916.153 form-1 input[type="text"] { width: 240px; height: 46px; background: #dcebff; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.7); border: none; color: #6dabff; font-family: 'pf_din_text_comp_promedium', sans-serif; font-size: 1.176em; outline: medium none; padding-left:…

    Asked by helio,

    0 votes
    2 answers

  9. Высота поля TEXTAREA

    Добрый день Есть поле TEXTAREA Для наглядности код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>TEXTAREA</title> </head> <style type="text/css"> textarea { width:300px; font-family:'Verdana', 'Arial', Sans-Serif; font-size:12px; color:#333; padding:3px; border:1px solid #ccc; } </style> <body> <textarea readonly> Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мыш…

    Asked by ShumNo,

    0 votes
    14 answers

  10. Перенос текста внутри тега li

    Возможно ли перенести текст внутри тега li? Пример: компания производители список товаров Нужно чтобы было: компания производители список товаров Задание фиксированой длины списка не подходит, так как все элементы списка должны быть разной длины.

    Asked by invizible9,

    0 votes
    11 answers

  11. Не работает transition

    http://cssdeck.com/labs/another-simple-css3-dropdown-menu Собственно всплывающее меню появляется мгновенно при наведении, несмотря на то, что остальные элементы делают это плавно. Можете пофиксить? Спасибо(

    Asked by Kenshi24,

    0 votes
    10 answers

  12. Круговое меню на CSS

    Направьте верным путем. Хочу попробовать сделать макет, внешне похожий на этот http://www.free-lance.ru/users/somnambula/...hp?prjid=474595 Только в окружности у меня находится одна картинка, которую хочу разбить по секторам (6 штук). Из каждого сектора выходит "стрелочка-указатель" с названием меню. При нажатии на один из пунктов меню и на один из секторов (желательно чтобы он "загорался", например, становился ярче). Думаю, есть вариант реализовать это с помощью CSS. Тогда надо картинку нарезать, а как не знаю, на прямоугольники понятно как...а на треугольники как? (вернее сектора). Или с помощбю карт это можно сделать..?

    Asked by ola,

    0 votes
    16 answers

  13. Отступ в <select>

    <select> <option>111</option> </select> <p>222</p> Между этиим блоками в фоксе 2.0.0.20 непонятной большой отступ! И самое что в этом проблематично, непоятно откуда( Помогите, плиз

    Asked by Spidey,

    0 votes
    11 answers

  14. Автоматическое масштабирование сайта на мобильных устройсвах

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

    Asked by Игорь Ермаков,

    0 votes
    16 answers

  15. Не работает linear-gradient в Safari

    Добрый день, пробую использовать на своём сайте линейный градиент. Работает во всех браузерах кроме Safari. Вот код, который я использую background: linear-gradient(to top, rgba(0, 0, 0, 0.14902), rgba(255, 255, 255, 0) 53%, rgba(41, 41, 41, 0.117647) 89%, rgba(0, 0, 0, 0.14902)),url("http://jiu.marsana-shop.com.ua/templates/yoo_infinite/css/../images/blue_bg.png"); Добавление префикса -webkit- ничего не дало

    Asked by Universe,

    0 votes
    13 answers

  16. Не работает свойство rotate?

    Ребят помогите разобраться почему не работает свойство rotate и как сделать что бы по клику на .list:after список выпадал? Заранее спасибо огромное скрин списка <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="style.css"></head><body><div class="list"> <select name="lictsat" id="lictsat"> <option selected="Home">HomePage</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option value="firstchaild">firstchaild</option> <option val…

    Asked by Евгений_SB,

    0 votes
    6 answers

  17. Смещение при hover

    Здравствуйте. Есть таблица из 3 ячеек и в каждой ячейке находится вложенная таблица с изображением у которого скруглены углы. При первом наведении курсора на ячейку с вложенной таблицей происходит дёргания соседних ячеек, при следующих наведениях курсора, дергапний нет. Эта ячейка является актовиной onMouseOver="this.className='boxover'" onmouseout="this.className='boxoutBorder'" onclick='change_location("/teller.php");' Никак не могу понять почему происходит дергание ячеек при первом наведении (дёргается только в ИЕ). Вся проблема в картинке с скругленными углами - если её убрать, то все нормально, но без неё нельзя. Помогите разобраться! <!DOCTYPE HTML PUBLIC "-//W…

    Asked by sirop,

    0 votes
    6 answers

  18. Формы.

    Помогите найти поисковую форму для сайта. Пожалуйста. Заранее благодарен.

    Asked by gomer,

    0 votes
    5 answers

  19. Никак не могу убрать отступ сверху сайта

    Недавно почему-то появилась проблема.Появился отступ сверху сайта.Подскажите, как его убрать?Сайт- prowarspear.ru Вот часть кода css: *{ padding:0; margin:0; } table.main{ width:1100px; margin-left:auto; position:top; border-radius: 10px; } body { background-image:url(bg-4.JPG) ; background-color:#171b24; margin-top:0px; padding:0px; } td.top{ height:270px; border-radius: 10px; } td.news{ margin-top:20px; background-color:#171b24; display:table-cell; vertical-align:top; border: 5px solid #171b24; width:230px; word-wrap:break-word; } td.footer2{ border: 7px solid #171b24; background-color:white ; word-wrap:break-word; color:grey; font-size:22px; border-bottom-left-radius: …

    Asked by demonuga,

    0 votes
    9 answers

  20. Как правельно оцентровать страничку ?

    Как правельно оцентровать страничку ? Надо что бы на всех разрешениях монитора отображалось одинакова? Заранее благодарю!

    Asked by maks-master,

    0 votes
    27 answers

  21. Двухцветный фон

    Как сделать двухцветный фон?

    Asked by Anarchist,

    0 votes
    8 answers

  22. Цветная подложка под текст как при выделении?

    Здравствуйте, текст не очень хорошо читается на фоне сайта и хотелось бы сделать под него подложку, но чтобы она занимала минимум места и не перекрывала изображение. Как когда текст выделяют курсором. Как хотелось бы во вложении. Заранее спасибо за помощь!

    Asked by Mihail2205,

    0 votes
    2 answers

  23. Псевдокласс :hover одновременно для двух элементов!

    Здравствуйте! Имеется список ссылок: HTML <ul class="roomList"> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> <li> <img src="img/tykvaMini.png" alt=""> <a href="#">Тыквенная</a> </li> </ul> CSS .roomL…

    Asked by volshebnyi,

    0 votes
    11 answers

  24. Возможно ли задать страничке минимальный размер

    Добрый день! Подскажите, возможно ли в CSS страничке задать минимальный размер, т.е. что бы при уменьшении окна браузера, страничка уменьшалась до определенного размера, а затем просто появлялась полоса (полосы) прокрутки. Как это можно реализовать?

    Asked by luluandra,

    0 votes
    10 answers

  25. как вставить картинку в Div и чтоб ничего не разехалось

    как вставить картинку в Div правильно и чтоб ничего не разехалось? на что нужно обратить внимание? какие атрибуты особенно важны? <html> <head> <title> Сайт </title> <style> BODY { min-width: 100%; } #wrap { background-color: #9999cc; width: 100%; margin: 0} #header { background-color: #9c9; width: 100%; height:50 px;} #main { background-image: url(01.JPG); width: 19%; height:500 px; float: left; } #nav { background-image: url(02.JPG); width: 60%; height:500 px; float: left; padding: 1%; } #sitebar { background-image: url(03.JPG); width: 20% ; height:500 px; float: left; } #footer{ background-color: #9c9; width: 100%; } </style> <…

    Asked by yummi,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept