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. Применение margin сдвигает не то, что хотелось бы.

    Добрый день. Периодически сталкивался с данной проблемой на некоторых браузерах. Если у меня есть блок, а внутри него другой (или неблочный элемент), то применение margin-top к описанию внутреннего элемента почему-то двигает не внутренний элемент относительно внешнего, а внешний относительно других. Почему? В данном примере нужно сдвинуть ссылку (Join now) от верхнего края темно-коричневого блока. Применение к ней margin-top двигает темно-коричневый блок вниз (указано стрелкой).

    Asked by Red Planet,

    0 votes
    5 answers

  2. Бесплатные он-лайн курсы

    В середине сентября (предположительно старт будет 20 числа), будем проводить месячный бесплатный он-лайн курс на тему: "создание сайтов с нуля", после прослушивания и непосредственного участия в данном курсе Вы сможете создавать сайты своими руками, более того, вы сможете создать свою web-студию, а также узнаете свои возможности в дальнейшей карьере и ответы на любые вопросы он-лайн. На время обучения все получат необходимое лицензионное программное обеспечение (CMS программу) для занятий. Предположительные темы: 1. Что за такой зверь сайт и с чем его едят. 2. CMS система как лучший станок для создания сайтов 3. Откуда взять дизайн, основы работы в графических редакторах …

    Asked by Viktorius,

    0 votes
    22 answers

  3. Несоответствие начертаний шрифтов Photoshop при верстке

    В Photoshop есть различные начертания шрифтов, типа Regular, Semibold, Bold. Как подобрать соответствия им через font-weight. Т.е. если указано Semibold, выбираешь тот же размер, шрифт и непонятно какое выбирать начертание, ни обычное ни bold не похоже

    Asked by sergeysurovikin,

    0 votes
    11 answers

  4. Кроссбраузерный SVG

    Как макисмально кроссбраузерно подключить svg? Хаки, js, чит-коды, принимаются все решения) Только, очень прошу, с описанием для чего будет использован каждый хак. Большое спасибо заранее всем. Да, ссылки, статьи кидайте, буду благодарен) UPD: Ай да википедия))) Пишет поддержка такова Internet Explorer с 9 Opera с 8.0; включая 9.5 Mozilla Firefox с 1.5, включая 3.0, 4.0, 5.0, 6.0, 7.0 и текущую 10.0 Netscape Navigator 9.0 Safari 4.0 Google Chrome 3.0 Правда? Тогда вопрос такой. Подключение через — embed в object`e? А ссылку ставить на оба тега? Никого не затруднит пример написать? И ещё один, более важный, безусловно. Что сдел…

    Asked by alexandr_v-vich,

    0 votes
    6 answers

  5. ie11 не отображает подключенный шрифт

    Сделал шрифт из иконок через сервис http://fontello.com/ Все прекрасно работает во всех браузерах, даже в ie8,9 проверил, отображаются. А открыл в ie11 не отображаются. Вот на этой странице с правой стороны блоков. Подключаю так: @font-face { font-family: 'post-types'; src: url('font/post-types.eot?8381614'); src: url('font/post-types.eot?8381614#iefix') format('embedded-opentype'), url('font/post-types.woff?8381614') format('woff'), url('font/post-types.ttf?8381614') format('truetype'), url('font/post-types.svg?8381614#post-types') format('svg'); font-weight: normal; font-style: normal;}В чем может быть проблема? Помогите пожалуйста. Гугл не помог. Так же есть ли во…

    Asked by li4e,

    0 votes
    2 answers

  6. Выпадающая строка поиска на бутстрапе 3

    Добрый день. Скажите можно ли и как можно сделать на бутстрапе 3 поле поиска, которое видно на больших экранах, а на маленьких представляет собой иконку с лупой, кликая по которой снизу раскрывается строка на всю ширину для ввода искомого текста? Функционал иллюстрируется главной страницей М-Видео - сначала поиск раскрыт на широком экране, а на узком представляет собой иконку, клик по которой раскрывает поле поиска

    Asked by borus,

    0 votes
    5 answers

  7. Опасности удаления DOCTYPE

    Доброго времени суток.. да и просто доброй жизни! Есть вопрос : Хочу удалить доктайп: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - из-за него у меня фиксированный блок в IE не работает. Уже пробовал разные варианты-хаки с фикс. блоком. Результатом был недоволен Хочу его удалить. Но не знаю какие проблемы могут из-за этого возникнуть, как поисковики могут отреагировать не такую "штуку". Всем откликнувшимся большущие спасибо!

    Asked by blacks2,

    0 votes
    16 answers

  8. Схлопывание границ надо отменить

    Столкнулся с неожиданной проблемой. Есть код HTML: <h3><span class="floatLeft">Некоторый текст</span><span class="floatRight">И опять некоторый текст</span></h3> <p>Продолжение некоторого текста...</p> и CSS для него: h3 { font-size: 1.8em; font-weight: normal; margin: 0.5em 0 0.3em; white-space: nowrap; border-bottom: 1px solid #ddd; float: left; width: 100% } .floatLeft {float: left; padding-left: 0.3em} .floatRight {float: right; padding-right: 0.3em} p { line-height: 1.5em; font-size: 1.1em; clear: both; padding: 0 1em; margin: 1em 0 } Надо убрать схлопывание границ, а не пойму как сделать! По…

    Asked by Yahoo!,

    0 votes
    9 answers

  9. Ошибка в IE при верстке картинками

    Помогите, пожалуйста, устранить баг. В IE над картинками menu_top и content_top появляеться полоса фона. Никак не могу прижать картинки к верхнему краю. В Firefox и Opera все работает отлично. Вот код: <!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> </head> <body> <table width="720" border="0" cellpadding="0" cellspacing="0"> <col width="195" valign="top"> <col width="525" valign="top"> <tr> <td style="background: #aff7fa" valign="top"> <img src="images/menu_top.jpg" style="pos…

    Asked by Tigrish,

    0 votes
    3 answers

  10. Растянуть Div с float вертикально по высоте

    Добрый день, уважаемые форумчане, ни как не могу решить проблему с ростягиванием DIV'а которому задано свойство флоат. Хочу понять именно механику процесса. Необходимо чтобы 2 колонки всегда были в низу экрана, даже если контента мало. Пожалуйста помогите разобраться! Вот код

    Asked by ProJey,

    0 votes
    11 answers

  11. Проблема с блоками DIV

    У меня возникла следующая проблема при верстке страницы сайта: На странице находится 4 картинки с подписями, заключенные в <div> блоки, нужно разместить их в строчку так, чтобы они были равноудалены друг от друга, и ,при сужении окна браузера, 2 картинки съезжали вниз и опять становились равноудаленными друг от друга и от краев. Пробовал указывать <div align="center"> - не помогло. -когда окно браузера широкое и позволяет разместить 4 картинки -когда окно браузер узкое С уважением, Евгений.

    Asked by iLEM,

    0 votes
    21 answers

  12. Процесс верстки сайта ЦТ «CARBON»

    Дизайн главной страницы родился: Сейчас происходит знакомство с версткой. Начала и подзависла в шапке с относительным позиционированием - не хочет сдвигаться.. <body> <div id="header"> <div class="logo_table"> <table border="1"> <tr> <td><img src="img/header/logo.png" alt="Центр Тонирования «CARBON»" /></td> <td> </td> </tr> <tr> <td align="right"><img src="img/header/button.jpg" alt="скидка 5%" /></td> <td><span class="style1"> +7 (4732) 93-90-50<br /> +7 (4732) 94-94-66<br />профессиональное тонирование</span></td>…

    Asked by art-Limon,

    0 votes
    9 answers

  13. Передача фокуса родительскому окну

    window.opener.focus() - почему-то не работает (бывает возврат проскочит 1 раз из 10, а потом опять глухо!?...) Если в родительском окне задаю его имя window.name="rod", то из дочернего к нему не вернуться ("rod" - определение отсутствует)

    Asked by rootv,

    0 votes
    8 answers

  14. Как исключить налезание текста или заставить слои "тянуться"?

    Проблема в следующем: страница сверстана на слоях (css), слои располагаются один за другим с обтеканием - примерно как на примерах верстки слоями в учебнике на этом замечательном сайте. Так вот текст в верхнем слое при большом его объеме или увеличении в браузере размера шрифта налезает на текст, находящийся в слое расположенном ниже (по вертикали). То есть текст не растягивает слой по вертикали, вернее растягивает, но не отодвигает ниже следующий слой, а просто накладывает текст поверх него. Игры с добавлением полос прокрутки категорически не канают - внешне это будет погодить на фрэймы. Я понимаю, что мне скажут: верстай таблицу и вс? будет тянуться по содержимому без н…

    Asked by yurigraphics,

    0 votes
    13 answers

  15. Фоновый звук

    Как правильно вставить фоновый звук и в каком лучше всего формате? Как заставить Mozilla FF Safari понимать и проигрывать фоновый звук?

    Asked by SibBear,

    0 votes
    12 answers

  16. Помогите допилить TabControl с помощью Css3

    Всем привет! воодушевлённый этой статьёй, решил сделать свой таб контрол(ваш браузер должен поддерживать всякие модные штуки, эксплорер не покатит) мне нужно дважды обратиться к псевдо селектору :target. Сначала для того, чтобы применить стиль для выбранной вкладки: .tabItemHeader { -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; vertical-align: bottom; display: inline-block; margin: 5px 0px 0px 0px; border-width: 5px; padding: 4px; border-style: solid; border-radius:10px 10px 0 0; border-color: #666666; background: #666666; } .tabItemHeader:target { bor…

    Asked by YankovskyAndrey,

    0 votes
    25 answers

  17. Подскажите просмотрщик для стилей.

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

    Asked by luluandra,

    0 votes
    20 answers

  18. Как из ссылки сделать кнопки?

    Мне из ссылки нужно сделать такие кнопки как на картинке. Соответственно нужно получить две ссылки одна активная подсвечивается определенным цветом, вторая не активная прозрачная не подсвечивается. Значит здесь нужно применить два стиля. Наведение мышкой не подходит, так как, эти ссылки будут менять в зависимости от перехода на страницу. Вот код примера здесь сделано на input’ах мне нужно тоже самое только на ссылках. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"/> </head> <body> <div id="test"> <form&gt…

    Asked by Katerina23,

    0 votes
    2 answers

  19. Bootstrap 4, Flexbox или Cssgrid

    Добрый день уважаемые форумчане. Недавно занялся версткой, изучил Html, css, jqery и несколько популярных cms. Возник такой вопрос, большинство знакомых фронтендеров работают только с бутстрапом, причем только с его сеткой - пишут сайты на чистом css, позже равняя блоки с помощью md, xs и тд. Спрашивая у них про другие методы будь то флексы или новые css гриды, они говорят что бутстраповская сетка лучше, легче, не надо придумывать велосипед и делать новую сетку в флексах. В контраргумент им посмотрел недавно видео Html шорты, где большинство разработчиков пропагандируют за флексы, считая их отличным инструментом разработки и советуют переходить на них, минуя бутстрап, та…

    Asked by Владимир Горинов,

    0 votes
    3 answers

  20. CSS и PHP

    PHP скрипт генерирует обычную таблицу из MySQL. Как вывести результат используя классы CSS. Конкретно - задать ширину столбцов и в первом (естественно № пп) текст по центру, в остальных столбцах - слева. Подскажите пожалуйста, ну очень длинный затуп а результатов не дал. Спасибо

    Asked by olboror,

    0 votes
    15 answers

  21. Под какой размер монитора верстать.

    Добрый день! Хочу знать мнение профессионалов: Верстать под 1024 х 768, или же можно уже под 1280 х 1024 и не париться? Кто как считает.

    Asked by arthyrgrex,

    0 votes
    13 answers

  22. Очередная пачка проблем с ИЕ6-7

    Вобщем ситуация такая что есть два елемента фона которые продавливают футер за счёт минусового маргина и за счёт левого и рпавого флоата вылазят как низ двух боковых колонок, на которые опять же заежжают с помощью минусовых маргинов. В opera, firefox,chrome,safari работает как положено. Про ИЕ6 разговора пока нет потому как думаю сначала разобратся с седьмым: При задании margin-right для #right_background меньше 20px(в том числе и минусового) и он и следующий за ним #left_background исчезают(при отсутствующем clear:both у футера - появляются оба около прового края, причем #right_background вообще перестаёт реагировать на изменение margin-right). При этом забавность ситуа…

    Asked by Love_silense,

    0 votes
    12 answers

  23. Валидация w3c

    При валидации на w3c заметил ошибку: Line 9, Column 36: The align attribute on the div element is obsolete. Use CSS instead. <div id="page-wrap" align="center"> Когда align переношу в CSS выходит такое: #page-wrap Свойство align не существует : center center Как правильно сделать, что бы пройти валидацию? index.html <!DOCTYPE html> <html> <head> <title>Лестница</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="stylesheet" type="text/css" href="./css/style.css"> </head> <body> <div id="page-wrap"> <img src="./images/circle.png" alt="logo"> </di…

    Asked by klanessia,

    0 votes
    4 answers

  24. Увеличение картинки при наведении

    Делаю чтоб картинка увеличивалась при наведении. Делаю так: <style type="text/css"> body{padding:10px 100px;} .zoom{ position:relative; cursor:pointer; left:0; top:0; } </style> <? if (!empty($picture)) {?> <script type="text/javascript"> $(function(){ $('.zoom').hover(function(){ $(this).stop().animate({width:"250px",left:"-25px",top:"-25px"}, 400); $(this).attr("src","<?=$picture?>"); }, function(){ $(this).stop().animate({width:"100px",left:"0",top:"0"}, 400); $(this).attr("src","<?=$picture?>"); }); }); </script> <a href="#"><img border="0" width="100px" class="zoom" src="<?=$picture?>"…

    Asked by Tchorteg,

    0 votes
    10 answers

  25. расстояние между строками

    формирую страницу во фронтпейдже. печатаю текст, а между строками слишком большой расстояние. изменил стиль body на line-height: 100%. теперь расстояние между строками в пределах абзаца нужное, а между разными абзацами - по-прежнему большое. что делать? сделал границы margin-top: 0% нулевыми в стиле body - ноль результата. вот если задать границы в каждом абзаце, то линии выравниваются. но этого много лишних буков.

    Asked by Rilo,

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