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. Растянуть блок по ширине содержимого без span

    Есть следующий код: <div style="width:300px"> бла бла бла <code style="display:block; white-space:nowrap"><span style="border:#000 1px solid">тут иногда длинная строка</span></code> бла бла </div> Использую тег span только потому что если применить border к code, бордер растягивается на ширину блока div, а не ширину текста внутри code. Посоветуйте, как избавиться от семантически лишнего span.

    Asked by kedovan,

    0 votes
    7 answers

  2. Пустой тег

    Здравствуйте! Для активации смены картинки при наведении в списке использую пустой тег <a>Текст</a> Верное ли это решение, и может ли тег <a> быть пустым? Заранее благодарю за ответ!

    Asked by Santorin,

    0 votes
    5 answers

  3. верстка сложного макета

    Здравствуйте.В html верстке, у меня пока что не так много опыта.Есть сложный макет.Хотелось бы знать по какому принципу его верстать,думаю как же все это разместить, использовать float?либо попробовать сделать по grid системе? может его как-нибуть подругому надо верстать. Может кто подскажет, как именно здесь действовать оптимально? сам макет

    Asked by spy7190,

    0 votes
    20 answers

  4. Растянуть по высоте div, внутри button

    Добрый день. Нужно растянуть div по высоте, который находится внутри button. Не получается сделать это через проценты. Остается только через em. Но мне нужны именно проценты, есть ли еще способ. Вот код: http://jsfiddle.net/mufYx/

    Asked by istepan,

    0 votes
    4 answers

  5. Как сделать всю карточку товаров целиком ссылкой

    Решение, скорее всего, очень простое. У меня есть карточка товара. Название товара и изображение я могу сделать ссылками. Но вот как сделать ссылкой всю карточку - не знаю. Ведь блочные элементы и другие ссылки нельзя вкладывать внутрь ссылки. Есть ли идеи, как это сделать?

    Asked by hike,

    0 votes
    5 answers

  6. Резиновый контент...

    Как сделать контент (картинка фоном) чтобы он растягивался текстом ? перерыл весь инет , ничего не нашёл... CSS: #content { background: url(images/shablon222_07.jpg) no-repeat; position:absolute; top:814px; left:255px; width: 519px; height: 440px; } HTML: <div id="content"> <center>{content}</center></div>

    Asked by shOotzy,

    0 votes
    10 answers

  7. Из горизонтального в вертикальное меню!

    Помогите. На неком сайте имеется прекрасный образец горизонтального меню. Мне нужно, чтобы оно было вертикальным! Как сделать - ума не приложу! ВОТ ПРИМЕР ЭТОГО МЕНЮ: http://www.shtogrin.com/design/menu/horizo...ts/example.html Вот сайт: http://www.shtogrin.com/design/menu/horizontal_lists/ Вот сам код: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel="stylesheet" type="text/css" href="example.css"> <script language="javascript" src="example.js" type="text/javascript"></script> <title></title> <…

    Asked by Пятница,

    0 votes
    9 answers

  8. Позиционирование элементов внутри ячейки

    Вопрос в следующем. Есть таблица 1 ряд в 2 ячейки. Ширина 800px Высота 100% В 1-ой ячейке наверху идет фотография, во-второй идет много-много текста который в свою очередь растягивает ячейку №2 вниз. Теперь в чем стала проблема в первую ячейку надо запихать вторую картинку, но что бы она была в самоом низу, наровне с нижней строчкой текста во 2-ой таблице. Решение есть переделать таблицу, но в моем случае это будет трудоемко. Поэтому можно ли заставить путем css два элемента в одной ячейке быть один в самом верху а другой в самом низу. Заранее спасибо Александр

    Asked by Quazzii,

    0 votes
    7 answers

  9. Очень длинное название в выпадающем меню

    Всем доброго времени суток. Сразу признаюсь, я самый, что ни есть новичок Делаю сайт на стандартном шаблоне Joomla (rhuk_milkyway). Закачал модуль горизонтального выпадающего меню. Всё получилось. Но в подменю у меня длинные названия, очень, которые нельзя сократить. Некоторые должны отображаться в 3 и даже 4 строки. А у меня одна длиннющая Что в css отвечает за перенос текста? Или необходимо где-то указывать определенный размер подменю? Воощем, что вставлять и куда вставлять не знаю!!! Поможете? P.S. Обещаю исправить своё невежественное отношение к css методичным самообучением. Просто сроки поджимают. Обещал подарить сайт... Если я правильно понимаю, это css моего меню: …

    Asked by atom,

    0 votes
    14 answers

  10. Проблема с input в мобильном Safari

    Добрый вечер! Маленькая проблемка появилась. В мобильном Сафари input text и input password больше чем везде (сравнил на компе, да, больше именно они, а не кнопка меньше). Думал проблема в text-indent, сменил на padding, поменял размер, глухо. На виртуалке смотрел на десктопном Сафари - все ок, во всех остальных бразузерах - все ок. На мобильных девайсах почему то нет. Использую normalize https://github.com/necolas/normalize.css/blob/master/normalize.css Код: http://jsfiddle.net/0go8ub5u/ А вот так на айфоне: Теряюсь в догадках уже, помогите пожалуйста разобраться

    Asked by horprogs,

    0 votes
    3 answers

  11. Убрать полосы по бокам

    Здравствуйте! Не могу понять, как убрать чёрные полосы по бокам видео. Вот скриншот А вот сам код : <div class="video-container"> <iframe src="https://vid.me/e/VWeY?stats=1" height="315" width="560" allowfullscreen="" frameborder="0"> </iframe> </div> .video-container { position: relative; padding-bottom: 58.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } Благодарю за ответ!

    Asked by Zakonoposlushniy,

    0 votes
    0 answers

  12. три колоники (боковые колонки тянутся по ширене, средняя фиксированна)

    Здравствуйте. Проблема с версткой макета. Нужно, чтобы правая и левая колонки растягивались по ширене (%), а центральная была фиксированной длины (px). Примерно так: |<—100%—>|<—200px—>|<—100%—>|

    Asked by Юрий,

    0 votes
    7 answers

  13. Обрезка фона блока при уменьшении размера экрана

    Здравствствуйте. Вопрос в следующем: необходимо, чтобы картинка, которая на фоне, при разрешении 1200 обрезалась справа: а при большем разрешении — нет: Я пытаюсь эту картинку сделать фоном header'a (тут можно увидеть первый блок в текущем состоянии) Но, крышка к гробу не подходит. Думала сделать фоновую картинку большой (см. картинку) и позиционировать посередине, но может есть лучше решение?

    Asked by Alisa1711,

    0 votes
    3 answers

  14. Таблицы и ссылки

    Объясните каким образом создают сайт с помощью таблиц. Меня интересует : если есть страница из таблицы,состоящая из шапки и 2 столбцов. В 1 столбце меню,а во 2 должна быть инфо,соответствующая пункту меню. Как сделать, чтобы во втором столбце отображались соответствующие странички. Или так нельзя? А нужно создавать отдельные странички для каждой ссылки только вместе с шапкой и меню как на начальной. Т.е. создается видимость, что находимся на одной странице,а получается что нет. Я запуталась, объсните пожалуйста. Я на Вас надеюсь.. TAlexandria

    Asked by Talexandria,

    0 votes
    19 answers

  15. Хром и Опера не видит шрифт.

    Привет! Нужна помощь. Начал верстать сайт , скачал шрифт который выбрал дизайнер. font:36px/36px "Yanone Kaffeesatz",Arial,sans-serif;. Скаченый шрифт не видит хром и опера. Причем фаерфокс и ие видят его. В чем мб проблема? Кэш обновлял, истоиию удалял не помогло.

    Asked by Kobe_kobe,

    0 votes
    4 answers

  16. Как сверстать карусель

    Скажите может кто то знает как сверстать вот такую карусель Чтобы попроще 4 блока ссылки стрелочки ,что бы попроще, может есть у кого инфа по этому поводу https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/1134449

    Asked by virtas,

    0 votes
    13 answers

  17. Выражение "инсертите" - что это?

    Приветствую всех! Подскажите, что означает выражение: "поменяйте DIV на табличку с 4 колонками и жестким размером по ширине и инсертите туда отдельно каждую кнопку." Я просмотрел справочник по тегам но ничего похожего не нашел. Что это за тег? <table class="razdel5"> <tr> <td width="225" height="50" align="center" background="ABS_Tyagach.swf"> <a href="http://www.abs-systems.ru/price_01.html" class="razdel">Составляющие антиблокировочной системы тормозов АБС-Тягача*</a></div> </td> <td width="225" height="50" align="center" background="ABS_Pricep.swf"> <a href="http://www.abs-systems.ru/price_02.html" class="razdel">…

    Asked by admelj,

    0 votes
    15 answers

  18. Засунуть блок под блок (размеры резиновые)

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

    Asked by iillyyaa2,

    0 votes
    39 answers

  19. Выравнивание по нижнему краю

    Всем привет! Подскажите, плз, как с помощью слоев раилизовать следующее: <table border="0"> <tr> <td align="right" valign="bottom"><img src="icon.gif" alt="12" /></td> <td align="left" valign="bottom">Такое объявление, прогнозирует The Times, вскоре появится на сайте NASA</td> </tr> </table> т.е., чтобы и картинка и текст были всегда выравнены по низу независимо от кол-ва текста.

    Asked by dimych,

    0 votes
    5 answers

  20. CSS галерея

    CSS #gallery { padding:0; margin:0; list-style-type:none; overflow:hidden; width:320px; height:425px; border:1px solid #888; background:#fff url(windows/win_back.gif); } #gallery li { float:left; } #gallery li a { display:block; height:30px; width:320px; float:left; text-decoration:none; border-bottom:1px solid #fff; cursor:default; } #gallery li a img { width:320px; height:30px; border:0; } #gallery li a:hover { background:#eee; height:239px; } #gallery li a:hover img { height:239px; } XHTML <ul id="gallery"> <li><a href="#nogo"> <img src="windows/win7.jpg" alt="#1" title="#1" /></a>&l…

    Asked by Zombier,

    0 votes
    7 answers

  21. Проблемы с цетом текста

    Здраствуйте! Меня слегка перестал "слушаться" ВордПресс, делаю сайт на двиге, ибо не знаю php, который позарез нужен. Вот сайт, дизайн был совсем другим, я решил немного изменить его, но вот поменял, фон такой светленький, текст должен быть в свою очередь темным (раньше так и было), а тут раз и он уже белый чет, в css менял color не помогло, подскажите может быть кто-то знает в чем проблема? Ах, да и посмарите, какие ещё проблема в функионале и вообще сайте. Заранее благодарю.

    Asked by Shader,

    0 votes
    38 answers

  22. Как правильно обернуть картинку в ссылку?

    Здравствуйте, граждане! В html5 я столкнулся со следующей проблемой. Оборачивая <img /> в теги <a></a>, у меня под картинкой появляется щель шириной ~3,5px. Кто-то с этим сталкивался? Код следующий: <!DOCTYPE html> <html lang="ru"> <head> <title></title> </head> <body> <div style="border: 1px solid black;"> <a href="#"> <img src="img1.jpg" /> </a> </div> </body> </html> Скриншот результата: https://yadi.sk/i/EWNxjZQ4qhtAp Кроме того, результат одинаков как для браузера Opera, так и для ЯндексБраузера.

    Asked by PeterGreat,

    0 votes
    2 answers

  23. Ie6 + Xp

    Делаю сайт. В написание кода не силен, делаю по образу и подобию . У меня на сайте появилась страница http://www.aquapage.ru/eretmodus_cyanostictus.html причем одна (остальные отображаются нормально) у которой под меню пропуск текста на пол страницы. И именно в таком соотношении IE6 + XP, в Opera и IE7 отображается нормально. Код у нее такой же как и у остальных страниц (я отличий не нашел) в чем может быть проблема? Подскажите, кто знает. Желательно не переписывать CSS, а исправить ручками на странице. Спасибо.

    Asked by aquapage,

    0 votes
    4 answers

  24. Шаблон счета, счета-фактуры, накладной

    Братцы, наставьте на правильный путь новичка по жизни. Каким образом правильно сделать означенные документы, чтобы был выхлоп в итоге PDF. Платформа стандартная html+JS+PHP+mySQL. Насколько я понял, изначально всё рисуется в html как шаблон. Потом PHP заполняет суммы, номенклатуру, реквизиты, а потом каким-нибудь html2PDF превращаем в PDF. Не верю, что без визуального редактора можно сразу ТОРГ-12 вырисовать посредством FPDF Ну или может у кого html-шаблоны имеются, так поделитесь. Заранее благодарность всем добрым людям за помощь!

    Asked by Splinty,

    0 votes
    3 answers

  25. плеер на сайте чтоб серфинг не влиял на него

    У Меня есть готовый плеер <img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src= "http://counters.gigya.com/wildfire/IMP/CXNID=2000002.11NXC/bT*xJmx*PTEyNzMyMTc2OTI1MzEmcHQ9MTI3MzIxNzY5MzczNCZwPTE4MDMxJmQ9Jmc9MQ==.gif" /><center><p style="visibility:visible;"><object type="application/x-shockwave-flash" data="http://assets.mixpod.com/swf/mp3/mff-stick.swf" height="35" width="219" style="width:219px;height:35px"><param name="movie" value="http://assets.mixpod.com/swf/mp3/mff-stick.swf" /><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="TL" /&g…

    Asked by shall soul,

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