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. Верстка фигуры

    Здравствуйте! Подскажите как можно сверстать вот такую фигуру Каждая из трех составляющих пентагона должны быть кликабельны (ссылки), а также поверх них должен быть текст. Для каждой составляющей будет разный фон в виде картинки. Как все это сделать средствами CSS и HTML? Желательно максимально кроссбраузерно. Заранее благодарен!

    Asked by _ZheKA_,

    0 votes
    19 answers

  2. Масштабирование

    Всем привет ! Можно ли в тексте HTML явно указать масштаб страницы ?

    Asked by natter,

    0 votes
    9 answers

  3. Почему в форме не работает тень внутрь?

    https://jsfiddle.net/Launder/Ly9mLfv4/1/ В 21 строчке CSS кода box-shadow: inset 0 1px 5px rgba(0,0,0,0.2);как только убираешь свойство inset (тень внутрь) тень (наружу) появляется. Как сделать тень внутрь?

    Asked by Launder,

    0 votes
    14 answers

  4. Шрифтостабильность

    добавлю в страницу значок из wingdings, а если у пользователя такого шрифта нет, то как сделать <alt>?

    Asked by Rilo,

    0 votes
    6 answers

  5. не работает padding auto

    Почему не работает 'падинг авто' в диве, если используется 'display: table-cell;' надо в диве расположить 4 дива, один блок на всю ширину и три блока под ним в ряд, в каждом блоке изображение и ссыль/текст, изображение надо выровнять по центру блока, а ссыль по левому краю картинки, свертал http://mz.wen.su/0/0a.html но почему то в нижнем ряде блоков не работает 'падинг авто', код стр в поле ввода, что сделано не так?

    Asked by m~r.Nemo,

    0 votes
    6 answers

  6. Отступы в списках

    Здравия всем! Есть стандартный список <ul> <li> пункт 1 <li> пункт 2 <ul> <li> пункт 2.1 <li> пункт 2.2 </ul> <li> пункт 3 </ul> получается что-то типа этого: пункт 1 пункт 2 пункт 2.1 пункт 2.2 пункт 3 Как можно уменьшить отступы, чтобы было так ? пункт 1 пункт 2 пункт 2.1 пункт 2.2 пункт 3

    Asked by Lavrenty,

    0 votes
    25 answers

  7. CSS, потомки второго уровня

    Непонятна ситуация с указанием потомков элемента. Есть таблица (2 столбца, 5 рядов). В правой ячейке третьего ряда вложена такая же таблица. Для внешней таблицы задан стиль #table1 { border: 1px solid black; } Если указан только этот стиль для внешней таблицы, то он не наследуется внутренней таблицей. Задаю стиль для ячеек внешней таблицы: #table1 td { border: 1px solid black; height: 30px; width: 100px; } Стиль для ячеек внешней таблицы наследуется для ячеек внутренней таблицы, хотя на сайте http://htmlbook.ru/css/border написано, что свойство "border" не наследуется. В книге ("Изучаем HTML, XHTML и CSS", Эрик Фримен, Элизабет Фримен, с.466) написано, что для того, чтобы…

    Asked by Oleh,

    0 votes
    7 answers

  8. Internet Explorer + FireFox, проблема с css на a img и таблицей

    Проблема изображена на картинке, давите, чтобы увеличить: Как видно, Эксплорер (верхняя)) задает дикие расстояния между ячейками таблицы, к тому же, они разные. Нет красной рамки при наведении на картинку. Мозилла (нижняя) все делает так, как я хочу: и расстояние между картинками (через margin) и красная рамка в 1 пиксель при наведении. Код приведен ниже. В чем может быть проблема, плиз, хелп. Вот мой код: css: /*изображения, на которые можно кликать*/ A IMG{ margin: 2px; border: none; } A IMG:hover { margin: 2px; border: 1px /* Толщина рамки */ solid /* Сплошная рамка */ #DA261E /* Цвет рамки */ } html: <table cellspacing="0" cellpadding="0" border="0"> &…

    Asked by ХОЛОДный,

    0 votes
    5 answers

  9. _height:expression

    Привет!! Что за _height:expression(document.body.clientHeight+'px'); и где его использовать?? Это растягивание на высоту родителя дочернего блока или нет?? <!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=utf-8" /> <title>Документ без названия</title> <style type="text/css"> .za{position:relative; top:100px; left:100px; width:200px; height:400px; background:url(d.jpg) no-repeat; z-index:1} .moo{position:absolute; background-color:red; top:10px;bott…

    Asked by bot87,

    0 votes
    6 answers

  10. Практика для верстальщиков

    В отдел веб-разработки компании PENTESTIT требуется верстальщик. Наша компания работает в области информационной безопасности и практически все наши проекты связаны напрямую с этой сферой деятельности. Одна из последних работ - real-time карта атак https://lab.pentestit.ru/map Если вы хотите решать интересные задачи в дружном коллективе единомышленников - вы ждем Вас. Даже если Вы начинающий верстальщик - не страшно, научим и поможем освоиться. В задачи верстальщика входит верстка страниц по присланному макету, в том числе под такие cms как 1c-bitrix, wordpress, joomla. Задачи в отделе веб-разработки делятся на два типа: внутренние проекты компании и сторонние заказ…

    Asked by efweb,

    0 votes
    0 answers

  11. [LESS] Разные правила для блоков с разными родителей

    Всем привет. Есть верстка: <div class="sharing-new position-left"> <div class="sharing-new-title">Заголовок 1</div> </div> <div class="sharing-new position-bottom"> <div class="sharing-new-title">Заголовок 2</div> </div> Для блока sharing-new-title с модификатором родителя position-left нужно применить один стиль, а для него же, но с модификатором position-bottom - другой. Пытался сделать по аналогии с вариантом https://jsfiddle.net/3qsfcep7/, но так НЕ работает: .sharing-new { &.position-left { &-title & { color: red; } } &.…

    Asked by Shurikkan,

    0 votes
    3 answers

  12. Подгрузка шрифта

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

    Asked by IceBars,

    0 votes
    11 answers

  13. Смена изображения при наведении на кнопку формы <input>

    Добрый день! Подскажите пожалуйста, каким образом можно сделать смену изображения при наведении (hover) на кнопку формы - input. <input name="search" type="image" src="images/search.gif" class="button" />

    Asked by chillout,

    0 votes
    9 answers

  14. Как сделать вертикальный текст

    Чтобы получилось так, как если бы я сделал т е к с т но надо без BR, и чтобы поисковики нормально распознавали

    Asked by x28,

    0 votes
    7 answers

  15. ЕСЛИ НА САЙТЕ БУДУТ ШРИФТЫ НЕСТАНДАРТНЫЕ,ТИПА ВСЯКИХ ФОТОШОПОВСКИХ

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

    Asked by tray,

    0 votes
    13 answers

  16. и мне помешал doctype

    Парни, делаю скругление уголоков дивами и рисунками <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <DIV style='BORDER 0px solid #FF0000; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; WIDTH: 550px; BACKGROUND-COLOR:#EEEEEE' > <IMG height=6 width=550 alt='' src='../image/r_corner_grey_up.jpg'> середина блока <IMG height=6 alt="" src="../image/r_corner_grey_bottom.jpg" width=550></DIV> на выхлопе получается фигня : сверху и снизу блока появляются узкие полосы цветы фона. Без доктейпа рисует все как надо как можно обойти засаду не меняя этого доктэйпа?

    Asked by Sserg-135,

    0 votes
    5 answers

  17. Как сделать рамку из изображений вокруг блока

    Нужно сделать блок у которого справа и слева должна быть рамка. Проще конечно показать, но как прикрепить файл к сообщению не пойму, хостинга нет, поэтому попробую объяснить на пальцах. <html> <head> <title></title> </head> <style> .edge { background: orange; } table { margin: 0 auto; background: aqua; } </style> <body> <table cellspacing=0 cellpadding=0> <tr> <td width=20 class="edge"></td> <td width=980><br><br><br><br><br><br><br><br><br><br><br><br><br><br></td> <td width=20 class="edge"></…

    Asked by kvant,

    0 votes
    11 answers

  18. rules в opera

    В браузере Opera 9.5-9.6 не работает параметр rules тэга table. Можно ли его как-то заменить?

    Asked by UserFrendly,

    0 votes
    3 answers

  19. Проблема с уменьшением шрифта template.css

    Сайт на шаблоне Joomla 1.5. Меняю размер шрифта в template.css пишет - недоступен на запись. Права на файл правильные. Где копать?

    Asked by Pilot,

    0 votes
    15 answers

  20. как оформить атрибут placeholder и <input type="search" />?

    Атрибут placeholder ставит текст в поле, пока в нём не содержится какой-либо введённый пользователем текст. Заказчик очень хочет, чтобы текст из placeholder был определённого цвета. Листая документацию, найти ничего подобного не могу. Может кто сталкивался? Знаете? Подскажите пожалуйста. А также как научить <input type="search" /> в сафари слушаться css? Есть ли более-менее прямые способы это сделать?

    Asked by swetlana,

    0 votes
    7 answers

  21. красивое оформление страницы

    Здравствуйте ! Решила потренироваться и сделать себе красивую страницу. Идея у меня очень простая: 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"> <style> img { border-radius: 5px; } .fig { display: block; /* Блочный элемент (для старых браузеров) */ t…

    Asked by КатеринаЮ,

    0 votes
    6 answers

  22. Присвоить класс таблице....?

    товарищи спецы, как присвоить класс таблице и всем рядам и ячейкам..? хочу чтоб были 1px dashed silver... поиск ничего не дал :/

    Asked by coldrain,

    0 votes
    3 answers

  23. <iframe> использовать нельзя как быть?

    Надо подгружать локальные страницы в окно броузера... тут вот все кричат что нииизя использовать iframe...не по феншую это чем же его заменить ????

    Asked by romoga,

    0 votes
    4 answers

  24. Верстка под IE7 & IE8 - на что обратить внимание

    Нужно верстать под и IE7 и IE8. Подскажите на что нужно обратить внимание? Или дайте ссылку на инфу - почитать. В гугле мало чего нашел (может плохо искал)

    Asked by yaparoff,

    0 votes
    4 answers

  25. Проблема с подключением шрифтов в FireFox

    Здравствуйте, столкнулся со следующей проблемой. Есть проект веб-сайта, есть две роли, своего рода два интерфейса взаимодействия, пока готовится проект для презентации заказчику, понадобилось разделить весь перечень страниц в соответствии с этими ролями. Проще говоря, есть корневой каталог, в нем: css, js, sass, images, fonts, role-1, role-2. Последние два каталога - каталоги с HTML страницами в зависимости от роли. Допустим, существует файл со стилями site/css/role-1/home-page.css в файле подключаются фонты, например: @font-face { font-family: 'Roboto'; src: local('Roboto Thin'), local('Roboto-Thin'), url('../../fonts/roboto/robotothin.woff2') forma…

    Asked by kickmaker,

    0 votes
    5 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