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. Поиск по алфавиту на сайте

    Здравствуйте. Собственно столкнулся с проблемой в шаблоне есть поиск по алфавиту, но я не знаю как его сделать. Прошу помогите реализовать поиск по алфавиту для DLE 9.6

    Asked by skyter,

    0 votes
    1 answer

  2. В чём ошибка кода )

    <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script > function one (objName) { if ( $(objName).css('display') == 'none' ) { $(objName).animate({height: 'show'}, 400); } else { $(objName).animate({height: 'hide'}, 200); } } function two (objName) { if ( $(objName).css('display') == 'none' ) { $(objName).animate({height: 'show'}, 400); } else { $(objName).animate({height: 'hide'}, 200); } } </script> <body> <div id="table" class="tab" > <div class="row"> <span class="cell"><h1><img src="news/111.jpg" width="170" height="125" alt="" align="left" /> ЗАГОЛО…

    Asked by Zeferot,

    0 votes
    6 answers

  3. Переход на html5

    Здравствуйте! Решил переписать сайт с html 4 на html5, но вот не могу понять, если в html4 у меня шапка прописана в index.html вот так <center> <table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="265"> <table width="1000" height="265" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="216" height="218" align="left" valign="top"> <a href="index.php" title="прогнозы на спорт, спортивные прогнозы, бесплатные прогнозы, платные прогнозы на спорт, точные прогнозы, прогнозы на спортивные события, прогнозы на спорт с высоким коэффициентом"><img src="images/l…

    Asked by goirerd,

    0 votes
    1 answer

  4. Блочная верстка [Помогите!]

    Привет всем! Я уже заморочился... Такая простая задача, а решить никак не могу. Сижу уже третий час над этой фигней... Придумал "левый" способ как это сделать, но не хочу заниматься "лево-писанием". Проблема собственно в чем: Вот что у меня: А мне надо чтобы эти 2 блока были рядом и по центру. Ну никак не получается В чем моя ошибка? HELP! Вот HTML код: <html> <head> <title>Players Table</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <CENTER> <DIV ID="container"> <div class="tableContent"> <div class="playerNickname">Player1</div> <div class="statusTable">St…

    Asked by zwar,

    0 votes
    2 answers

  5. position: absolute; Хорошо или плохо?

    position: absolute; Хорошо или плохо? Без контекста, в общем. Почему да? Почему нет? Почему можно и нужно, а почему не нужно и нельзя?

    Asked by user135,

    0 votes
    7 answers

  6. Нижняя полоса прокрутки

    Здравствуйте! Помогите, пожалуйста, с одной проблемой... Есть сайт http://www.iana-fomina.site88.net/ Нежданно негаданно появилась нижняя полоса прокрутки и пустое место с правой стороны. В чём может быть проблема?

    Asked by Iana-Fomina,

    0 votes
    1 answer

  7. Вопросы к знатокам

    Приветствую всех кто так или иначе освоил html, php, css! Мне очень нравится заниматься разработкой сайта http://handbookhmm1.narod.ru/ посвященному игре герои меча и магии. Но, я понимаю, что необходимо двигаться дальше, переезжать на платный хостинг, ставить нормальный форум. Развивать проект. В Интернете огромная куча информации, но она такая противоречивая и размазанная, что для обычного обывателя – нуба (вроде меня), является непонятной и нереализуемой на практике. Перечислю мои проблемы: 1. Размещаю новости здесь http://handbookhmm1.narod.ru/news.html, путем редактирования с последующей заменой файла news.html. Очень хотелось бы, что бы новости можно было бы добав…

    Asked by VDV_forever,

    0 votes
    50 answers

  8. Выравнивание элементов

    Помогите выровнять три div в один ряд. При таком коде первые два div стоят в ряд а третий снизу. Вот пример кода: HTML - код: <div class="scroller"> <div class="left"></div> <div class="sc"></div> <div class="right"></div> </div>? CSS - код: .scroller { width: 90%; height: 200px; border: 1px solid #0F0; margin: 0 auto; } .left { width: 12px; height: 198px; border: 1px solid #30C; float: left } .right { width: 12px; height: 198px; border: 1px solid #30C; float: right; } .sc { width: auto; border: 1px solid #F00; height: 198px; margin: 0px 14px 0px 14px; } Нужно чтобы class="scroller" был дин…

    Asked by Vov4uk,

    0 votes
    7 answers

  9. Подскажите по кроссбраузерной верстке !

    Всем привет ! Подскажите пожалуйста как исправить дизайн написанный "кривыми руками" ! Проблема в следующем (см.скриншот http://upwap.ru/2852435) данный класс имеет вид : .cat { background: #f8fbfd url(img/logo.gif) repeat-x; padding: 10px; padding-bottom: 3px; text-align: center; color: #3990d8; } .arrow { background: url(img/arrow.png) right no-repeat; width: 16px; height: 16px; padding-right: 96%; } Уместить это нужно все в : body { font-size: 10pt; font-family: tahoma, arial; max-width: 400px; background: #a8d2e5 url(img/bg.png) top repeat-x; margin: 0px auto; padding: 5px; cursor: default; } исходный ко…

    Asked by Nicolau,

    0 votes
    1 answer

  10. Как быстрее влиться во фриланс?

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

    Asked by jentlmen,

    0 votes
    16 answers

  11. Как убрать полосу прокрутки?

    Вот сайт Справа там сейчас пустая область. И внизу из-за неё полоса прокрутки. Вопрос как сделать, чтобы выглядело Так: немного пустоты-лепестки-контент-лепестки-немного пустоты. т.е. убрать эту полосу..

    Asked by nikki4,

    0 votes
    2 answers

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

    Нужно сделать так И так .blockContent (БЛОК С КОНТЕНТОМ){ font-size:13px; color:#fff; text-shadow:1px 1px 0 #000; text-transform:none; text-decoration:none; border:1px solid #3399ff; -o-border:1px solid #3399ff; -moz-border:1px solid #3399ff; -webkit-border:1px solid #3399ff; } .blockAva (АВАТАР){ margin:5px 5px; height:100px; width:100px; text-transform:none; text-decoration:none; border:5px solid #fff; -o-border:5px solid #fff; -moz-border:5px solid #fff; -webkit-border:5px solid #fff; } .blockInfo (БЛОК С ССЫЛКАМИ){ float:right; height:170px; width:100px; margin-righ…

    Asked by Guest,

    0 votes
    1 answer

  13. Преобразования табличной верстки на блочную

    Здравствуйте, я в этом новичок, помогите с блочной версткой. Нужно разделить страницу, пример приведу таблицу, потому что именно так и нужно сделать, но блоками. <table width="100%" height="100%" border="1"> <tr> <td rowspan="3" width="302px"> </ td> <td height="150px"> </ td> </ tr> <tr> <td> </ td> </ tr> <tr> <td height="100px"> </ td> </ tr> </ table> Писал так: # left_cauntainer { position: absolute; width: 302px; height: 100%; float: left; } # right_countainer { position: absolute; width: 100%; height: 100%; float: rig…

    Asked by Vov4uk,

    0 votes
    2 answers

  14. semantics :)

    Допустим, у меня на странице есть некий листинг кода, в котором я хочу прояснить некоторые моменты (например, смысл передаваемых аргументов в функцию). Как я могу семантически это оформить, т.е. "привязать" список определений к листингу? Сейчас я использую такую конструкцию: <pre> var method = function doSuperAction(doSmile, doNotSmile) { console.log(""); } </pre> <dl> <dt>doSmile</dt> <dd>Some description</dd> <dt>doNotSmile</dt> <dd>Some another description</dd> </dl>

    Asked by hedgehog,

    0 votes
    2 answers

  15. Разъежааются ссылки

    Здравствуйте. Вот сайт http://vsja4ina.tw1.ru/ на блоках меню разъезжаются отображение ссылки и ее реальное место нахождения можно поймать первую ссылку а остальные вообще не видятся и отображается как обычный текст. Выяснил что это из-за свойства padding это происходит но как это можно обойти? Или что я делаю не так? В ИЕ отображается как нужно))) а в остальных браузерах нет. (строго не судите первый раз верстаю что то более менее приличное)

    Asked by bugatti,

    0 votes
    5 answers

  16. Верстка кнопки vs ссылка

    Столкнулся с проблемой, хочу спросить совета людей кто сталкивался с этим. Рад буду примерам. Есть три положения кнопки: по-умолчанию, при наведении, и нажатая (сверху в низ см. ) Так post событие, то используется input кнопка, или можно обойтись ссылкой? Стиль меняю используя в ссылке спрайт изображения.

    Asked by okunev2,

    0 votes
    14 answers

  17. Несколько вопросов от новичка

    Здравствуйте. Вот пример достаточно простого (на вид) макета: http://windows.microsoft.com/ru-RU/windows/explore В связи с этим, несколько вопросов: 1. Где картинки? Браузер не распознает графические участки страницы как картинки и не сохраняет их. При "просмотре кода элемента" через консоль Хрома их тоже найти не удалось, хотя HandyCache успешно сохранил их с расширением .png в свой кеш. 2. Чем можно просматривать PSD макеты не устанавливая сам Photoshop при этом? Просмотреть и разобрать макет на составные. 3. В качестве рабочего инструмента у меня есть пакет Microsoft Expression 4. В частности Microsoft Expression Web для работы с HTML-кодом. Кто-нибудь им пользовался?

    Asked by Starter,

    0 votes
    21 answers

  18. Проблема с кодировкой

    Привет. Подскажите что за проблема у меня такая, вот сайт http://vsja4ina.tw1.ru/ в хроме, опере, ИЕ открывается нормально но в фаифрксе открывается голый код вместо странички пошамагил с кодировкой и в UTF-8 когда сохраняю фаирфокс все отлично открывает но хром отказывается видеть стили сохарняю в юникоде и все возращается обартно. в чем может быть проблема? и это появилось поле последнего обновления хрома

    Asked by bugatti,

    0 votes
    7 answers

  19. Встраивание <span> внутри <a>

    Подскажите с решением такой проблемы: Есть ссылка, допустим <a>Необходимо решить проблему</a>. У ссылки есть определенный стиль (пусть: синяя, подчеркнутая). Внутри ссылки слово РЕШИТЬ надо выделить другим цветом (пусть, черным). Реализовали это через <a>Необходимо <span>решить</span> проблему </a>. После, надо чтобы при наведении на ссылку вся ссылка, включая РЕШИТЬ, выравнивалась в один цвет (синий как у всей ссылки) и убрать подчеркивание. Делаем стили, добавляем hover для <а>, но тут проблема - span наследует то, что нужно убрать подчеркивание, но не наследует цвет. Заранее спасибо.

    Asked by Ex.clusive,

    0 votes
    2 answers

  20. <div> в линию

    Столкнулся со следующей проблемой Хочу разместить несколько див элементов в одну строку, что бы они шли по очереди, без интервалов. Получается это сделать, если для каждого див элемента прописывать лефт\топ\райт позицию. Это довольно долго, и, как мне кажется, не совсем правильно. По другому никак не могу сделать. К примеру, в css в класс див вставлял display:inline - не помогло, пробовал float - тоже нуль результатов. Буду благодарен за помощь Код html <html> <link href="style.css" rel="stylesheet" type="text/css"> <body> <div class="qwe" style="position:absolute;">див 1 </div> <div class="qwe" style="position:absolute;">див 2 </d…

    Asked by a1rborn,

    0 votes
    5 answers

  21. Разворачивающийся текст

    Подскажите как сделать чтобы новость на страничке показывалась не полностью, а только начало, далее кнопочка какая-нибудь, при нажатии на которую разворачивался остальной текст? Что то типа show/hide в joomla, сайт пишу сам, css нету. Заранее спасибо за помощь.

    Asked by Zeferot,

    0 votes
    5 answers

  22. На что ориентироваться

    Доброго времени суток! Я, можно сказать, начинающий верстальщик и хочу определиться, как верстать правильнее и нужнее. Многие говорят, что до сих пор, стоит верстать под ie6 и всех его предшественников. Но взяв статистику рунета, явно видно, что доля браузеров IE6 составляет всего 0,5%. Когда другие браузеры составляют намного большую значимость. http://www.liveinternet.ru/stat/ru/browsers.html - вот статистика. Что же делать? Под IE8 верстать, я согласен, это не составляет огромного труда. Но IE6 - это АУТ!!!

    Asked by ohinem,

    0 votes
    4 answers

  23. несколько элементов в строку

    не могу понять - такая конструкция: <div class="header"> <div class="field1">FIELD1</div> <div class="field2"><a href="#" class="logo"></a></div> <div class="field3">FIELD3</div> </div> .header { text-align:center; width:100%; height:200px;} a.logo{background: url(img/logo.png) no-repeat; display:block;width:360px;height:131px;} .field1,.field2,.field3{width:360px;height:131px;display:inline-block;} центральный блок, который содержит ссылку рисуется на уровень выше двух остальных. помогите выровнять их на одном уровне.

    Asked by mafinok,

    0 votes
    3 answers

  24. Как верстать нестандартную шапку для таблицы?

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

    Asked by LittlePony,

    0 votes
    6 answers

  25. Разбивка страницы (частичное отображение)

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

    Asked by Zeferot,

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