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

29,542 questions in this forum

  1. Уберите пожалуйста таблицы

    Уберите все таблицы Вот код: <div style="width:50%;float:left;"> <fieldset> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody><tr><td style="padding:3px;"> <div style="float:right">$MODER_PANEL$</div> <a href="$ENTRY_URL$" title="$TITLE$"><img style="border: 2px solid rgb(199, 199, 199);" 0="" alt="$TITLE$" title="$TITLE$" longdesc="$IMG_URL1$" src="$IMG_URL1$" align="left" height="75" width="75"></a> <fieldset><font size="2" style="text-align: left; font-size: 10pt; "><a href="http://game-ch.ucoz.ru/$ENTRY_URL$" style="text-align: left; ">$TIT…

    Asked by GhostNiniga,

    0 votes
    5 answers

  2. А возможно ли?

    Всем привет! Вот мой сайт http://vs-aqua.ru/ а реально ли его перенести на CMS? Просто он мне очень нравится и не хотелось бы его менять. И если да то подскажите пожалуйста дорогие форумчане как это сделать? Заранее спасибо.

    Asked by ZFJoury,

    0 votes
    3 answers

  3. Растягивающаяся кнопка

    Хочу создать кнопку, которая растягивается по длине текста. Как задавать бекграунд такой кнопке?

    Asked by fofan,

    0 votes
    1 answer

  4. Помогите исправить форум сайта

    Вот ссылка на форум сайта http://codmws.game-pack.net/forumъ Код <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>$MODULE_NAME$</title> <link rel="icon" href="http://codmws.ucoz.ru/icon.ico" type="image/x-icon" /> <link type="text/css" rel="StyleSheet" href="http://codmws.game-pack.net/Mycss/Forum2da.css"/> <link media="screen" href="http://codmws.game-pack.net/Mycss/forum.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="/js/libs.js"></script> </head> <body> <div class="wrapper"> <div class="lineinfo"> <div id="klik"> <div class="heder"> $G…

    Asked by GhostNiniga,

    0 votes
    1 answer

  5. Зазоры в ul

    вот такой код <!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=windows-1251"> <title></title> <style> .nov ul li{display:inline-block; background-color:#D1D3D5; padding:3px 5px;} .nov li a{text-decoration:none; font-family:Arial; font-weight:bold; color:#2C2D2D; font-size:14px;} </style> </head> <body> <div id="wrapper"> <div class="nov"> <ul> <li><a href="#">Тест</a></li> <li><a href="#">Тест</a></li> <li><a hre…

    Asked by Krote,

    0 votes
    5 answers

  6. Кнопки вконтакте, фейсбук, твиттер, google+

    Глупый вопрос, конечно, но именно верстальщики их делают? А то мне кажется с этим уже должны создатели сайта заморачиваться, так как это не верстка все-таки. Попробовал добавить кнопку вконтакте на сайт, пришлось со своего аккаунта проделывать различные манипуляции - API ID прикрепляется к странице вконтакте, то есть если этим будет заниматься верстальшик, все кнопки "мне нравится" будут висеть на нем? Ну и интересно узнать, сложно ли все это проделывается с остальными кнопками.

    Asked by skygazer,

    0 votes
    2 answers

  7. поправить слайдер

    помогите пожалуйста поправить слайдер или понять причину косяка. слайдер без вертикальных разделителей между элементами списка товаров. слайдер с разделителями. разделитель в строке 33 файла index.html как видите, непонятным мне образом, из-за наличия этого разделителя появляется косяк в виде части второй строки элементов списка под первым элементом списка на странице http://h31037.srv5.test-hf.ru/slide_broken/

    Asked by cyklop77,

    0 votes
    3 answers

  8. Пользовательский стиль сайта

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

    Asked by Sensei,

    0 votes
    4 answers

  9. Фон для бюлока

    Хочу добавить серый фон побокам сайта (см. рисунок). Но не пойму как это сделать Код такой для блока wrapper (я так понимаю его нужно редактировать??) #wrapper { background: url("images/bg.PNG") repeat-y scroll 0 0 #fff; } Картинка "images/bg.PNG" вот http://hotbanya.ru/wp-content/themes/statua_v1.0.5/images/bg.PNG но ничего не выходит. Что не так? Или это вообще не так делается?

    Asked by fowl,

    0 votes
    7 answers

  10. Как сделать отступ?

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

    Asked by Mike67,

    0 votes
    4 answers

  11. открытие результата обработчика формы в iframe

    Добрый день. Я новичок в веб разработке и пытаюсь разобраться в следующем: как мне открыть результат обработчика формы в моем iframe - вроде бы все логично но не получается. Вот мой код, так же пробовал с перемещением iframe внутрь формы. Подскажите, что я упускаю? HTML изучаю самостоятельно. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>поиск google</title> </head> <body> <iframe name="o" width="100%" height="90%"></iframe> <form id="s" action="http://www.google.ru/search"> <textarea name="q" cols="150" rows="1"></textarea> <input form="s" type="s…

    Asked by displayser,

    0 votes
    3 answers

  12. Количество текста не увеличивает площадь DIVа

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

    Asked by animegirl,

    0 votes
    3 answers

  13. Двойной фон.

    Доброго времени суток! Делал страничку и застопорился на решении такой задачи: Есть div-контейнер внутри которого размещается контент: от текста до видео, главное, что по высоте и ширине он фиксирован. Контент должен быть размещён на двойном фоне: внизу контейнера - одиночная текстура фиксированного размера, остальное пространство заполняется другой текстурой с repeat-y. "Шов" не должен влиять на поведение текста, поэтому таблицы отпадают. Текстуры с прозрачностью, поэтому наслоение друг на друга недопустимо, пара вложенных div'ов не подходит. Высота должна вычисляться на основе контента, поэтому жёсткое задание размеров + абсолютное позиционирование также отдыхают. Что …

    Asked by vikentiy18,

    0 votes
    2 answers

  14. Select видоизменение

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

    Asked by brendmaster,

    0 votes
    3 answers

  15. Можно ли затемнить, или высветлить один край бэкграунда в диве.

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

    Asked by Archer_x,

    0 votes
    3 answers

  16. Проблемы с версткой, нид хелп

    У меня почти готова страничка, но не настолько, чтобы выкладывать ее в раздел обсуждения работ. Есть некоторые проблемы, а именно: В хроме страница отображается некорректно, не до самого низа окна браузера. Верхний рекламный блок не видно. То есть когда я смотрю сайт с локального компьютера он есть, а когда с залитой в интернет странички - нету. Ну и плюс эта страница тянется по вертикали, делаю я это впервые. Посмотрите что не так с масштабированием, покрутите сайт туда-сюда. Буду благодарен за советы, какой блок тянуть, какой делать фикс, если у меня в макете что-то не так. Да, и я только сейчас подумал, что наверное стоило тянуть по ширине. Ширину-то я фикс сделал. upd…

    Asked by skygazer,

    0 votes
    14 answers

  17. Автоматическая ширина - span

    Подскажите пожалуйста: <span id="A" style="width: 200px">Left</span> <span id="B">Center</span> Как можно сделать чтобы элемент B, автоматически выставлял себе ширину (до конца границы/родителя/..) на оставшееся место, находясь при этом на одной строчке с элементом A?

    Asked by AppleMacMy,

    0 votes
    9 answers

  18. Как разместить элементы?

    Никак не получается красиво расположить соц кнопки Яндекса и форму подписки по Емаил. Сейчас это так: Код вот такой <div class="share"> <tabla> <tr> <td> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div> <noindex> </br> Если вам понравилась эта статья или весь наш сайт, то Вы можете рассказать об этом друзьям через социальные сети, нажав на кнопки выше. …

    Asked by fowl,

    0 votes
    3 answers

  19. меню по бокам

    был такой сайт: фон и на нем посередине текст и прочее. теперь нужно слева и справа от текста добавить меню. как это сделать? /* CSS Document by Dieter Schneider for www.csstemplateheaven.com */ * {margin: 0; padding: 0;} body { background-color: #9bc52b; background-image: url(images/body_bg.jpg); background-repeat: repeat-x; font-size: 62.5%; } #container { margin: auto; width: 685px; color: #000000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em; } #header { margin: auto; background-image: url(images/main_header.jpg); height: 459px; width: 685px; } #menu { background-image: url(images/menu_bg.jpg); height: 20px; padding-top:…

    Asked by Хелкар,

    0 votes
    12 answers

  20. Авто расширяемый блок

    Здраствуйте, подскажите пожалуйста как сделать чтобы блок автоматически расширял родительский блок. У меня такая структура: <body> <div class="wrap"> <div class="content"></div> <div class="column-1"></div> <div class="footer"></div> </div> </body> css .wrap { width: 930px; height: 100%; background-color: #ffffff; } .column-1 { float: left; width: 15%; } .content { float: right; width: 75%; } Почему div.wrap не растягивается автоматически? Подскажите пожалуйста как сделать чтобы div.wrap был по высоте как содержимое div.content.

    Asked by zerg,

    0 votes
    2 answers

  21. Изменить цвет scrollbar

    Никак не могу изменить цвет в опере, мозиле и хроме.... На сайте организовано всплывающее окно. В это окно подгружается отдельная страница news.html. В ней я прописал размеры окна, и если в размеры не влазить - выводить скролинг: .scroll-pane { width: 100%; height: 400px; overflow: auto; } .horizontal-only { height: auto; max-height: 200px; } И так добавив больше двух новостей в файл news.html у меня на главной странице index.html появилосьвсплывающее окно, в котором получился скрол.. Но я хотел бы изменить цвет и стиль скрола... Для этого в файл news.html прописал такой вот стиль.... body { background-color: #fff8dc; scrollbar-3dlight-color: #ffebcd; scroll…

    Asked by myav4ik,

    0 votes
    4 answers

  22. Тег начинается xsl:

    Файл формата HTML начинается <xsl:stylesheet version = '1.0' xmlns:xsl='http://www.w3.org/1999/XSL/Transform'> Подскажите, что это за язык? Посоветуйте учебник, плиз.

    Asked by hike,

    0 votes
    4 answers

  23. Offset в IE

    Добрый день. есть сайт http://new.mfr.ru/ В ИЕ8 все разделы меню почему-то с каждым пунктом смещается вправо на 40px. Подскажите как с этим бороться? что это за offset вообще?

    Asked by crazybet,

    0 votes
    9 answers

  24. деминифицировать js-код

    скажите пожалуйста если js минифицирован, то его можно привести обратно в читаемый вид? как?

    Asked by cyklop77,

    0 votes
    3 answers

  25. Выпадающее меню прячется за баннер

    Есть сайт, сделан на таблицах. Добавила на сайт менюшку на div. Все отлично все работает, но есть один нюанс. Выпадающее меню залазит под флеш-анимацию(баннер), а надо бы чтоб был сверху. Т.е. нужно чтобы выпадающий список закрывал собой баннер, а не прятался за него. Из-за чего такое происходит и как можно исправить. Спасибо.

    Asked by Sunkisa,

    0 votes
    12 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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