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. Переход на 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

  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. Clear

    Во многих шаблонах доступных в интернете, в коде встречал <div class="clear"></div>,.clear { clear: both; }, в этом диве ничего не находится, так для чего он нужен? Понял что для выравнивания элементов, но каких если в div'е ничего не содержится? Так же этот див может встречаться несколько раз, в основном после шапки и перед подвалом(футером), если убираю этот див то на странице ничего не меняется, так в чём же его смысл?

    Asked by Cooooop,

    0 votes
    5 answers

  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. Нижняя полоса прокрутки

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

    Asked by Iana-Fomina,

    0 votes
    1 answer

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

    Помогите выровнять три 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

  7. 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

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

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

    Asked by bugatti,

    0 votes
    5 answers

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

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

    Asked by nikki4,

    0 votes
    2 answers

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

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

    Asked by user135,

    0 votes
    7 answers

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

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

    Asked by Zeferot,

    0 votes
    5 answers

  12. Центрирование...

    Такое дело, заказчику нужно чтобы сайт был расположен по центру, делаю таким образом #centerLayer { position: absolute; /* Абсолютное позиционирование */ width: 280px; /* Ширина слоя в пикселах */ height: 180px; /* Высота слоя в пикселах */ left: 50%; /* Положение слоя от левого края */ top: 50%; /* Положение слоя от верхнего края */ margin-left: -150px; /* Отступ слева */ margin-top: -100px; /* Отступ сверху */ background: #fc0; /* Цвет фона */ border: solid 1px black; /* Параметры рамки вокруг */ padding: 10px; /* Поля вокруг текста */ overflow: auto; /* Добавление полосы прокрутки */ } и вроде всё хорошо, пока не поменяе…

    Asked by johan,

    0 votes
    23 answers

  13. Ширина блока по тексту

    Здравствуйте! Прошу прощения, если пишу не туда, довольно срочная проблема. Есть слой, в котором ссылка, при наведении на эту ссылку появляется дополнительный слой (что-то вроде выпадающего меню). Выпадающее меню имеет определенную ширину (в зависимости от длины текста и т.д.), мне очень надо сделать, чтобы ширина этого выпадающего слоя была равна ширине ссылки, при наведении на которую появляется это меню. Пробовал разные пути, сейчас остановился на этом. Нахожусь в абсолютном тупике. Буду благодарен за помощь. <style type="text/css"> .cat-list_parts_link { float: left; width: 150px; padding: 0 5px 20px 10px; } .cat-list_parts…

    Asked by vlasenkov,

    0 votes
    6 answers

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

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

    Asked by ohinem,

    0 votes
    4 answers

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

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

    Asked by okunev2,

    0 votes
    14 answers

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

    не могу понять - такая конструкция: <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

  17. <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

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

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

    Asked by Zeferot,

    0 votes
    2 answers

  19. 100 однотипных страниц

    Есть страница, на её основе нужно ещё 100 страниц (меняются только фото и описание этих фотографий); всё понятно, что надо использовать php, но для меня на данный момент, это сложно, споткнулась даже на денвере, не могу установить- так как вообще в вёрстке новичок и слишком далека от этой сферы. Вопрос: можно ли только на Html- или это сплошные минусы?

    Asked by reitory,

    0 votes
    4 answers

  20. Как сделать так что бы

    Напремере как здесь , линк с главной страницы ведет на середину дрогой страницы. Я хотел бы узнать как такого дибиться. Спасибо.

    Asked by Mirabo4,

    0 votes
    1 answer

  21. Всплывающее окно просмотра

    Кто подскажет простое всплывающее окно для просмотра фоток фотки разных размеров,и чтобы оно подстраивалось по пропорции но было не больше чем max-width, max-height, и меньше min

    Asked by vladimircape,

    0 votes
    2 answers

  22. Опять IE?

    Посмотрите плз страничку в IE9 http://pomidor.com.ua/seemax/Imageneer/HTML/Imageneer.html Во всех броз картина прдсказуема, а в этом футер безобразно едет вправо добавляя горизонтальный скролл. Не удается раскопать причину такого явления. Может знатоки подскажут?

    Asked by seemax,

    0 votes
    4 answers

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

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

    Asked by bugatti,

    0 votes
    7 answers

  24. Скрыть контент от поисковика

    Здравствуйте. Руководствуясь данной статьей решил на Джумле сделать то же самое. На выходе же ничего не выводится. Вопрос такой: Кто-то делал таким способом? И вообще что порекомендовать можете? Очень, очень нужно Спасибо

    Asked by Imperil,

    0 votes
    3 answers

  25. правила синтаксиса

    #sideLeft a, span{} в браузере получается что при такой записи правила распространяются на все span`ы а не только те которые внутри тега с айди sideLeft это неправильная запись? нужно писать #sideLeft a{} #sideLeft span{} правильно?

    Asked by Sub-zerro,

    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