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. Построчный перенос пунктов меню

    Впервые попала на проект с серьезным адаптивным дизайном, и спросить на проекте не у кого. Задача: обычное меню. При больших разрешениях выводится в одну строку, каждый пункт меню однострочный. При среднем размере экрана каждый из пунктов меню должен стать двухстрочным (т.е. не пункты переносятся на вторую строку, а каждый пункт сам по себе в 2 строки начинает располагаться). Вот набросала костяк: http://jsfiddle.net/8cSLF/ Немного игралась с white-space - не вышло. По идее, можно указать ширину для каждого пункта меню, и тогда текст автоматически будет переноситься в его границах, но все пункты разные, и эта идея кажется какой-то "костыльной". Вспомнила, что есть таблицы…

    Asked by caprella,

    0 votes
    4 answers

  2. Картинки списком внутри дива

    Приветствую уважаемое сообщество! Я новичок в сайтостроении. Прошу помощи. Пытаюсь расположить картинки списком слева направо внутри div_а. Нужно вот что примерно: У меня почему-то фон дива только у заголовка. <div id="content"> <h1>Заголовок</h1> <ul id="shop"> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="sho…

    Asked by AlexLM,

    0 votes
    4 answers

  3. Высота float-элемента в 100% в FF и Chrome

    Мда )) Уже начал сходить с ума, пытаясь понять логику, по которой float-элемент игнорирует height и min-height в процентах. Оказалось дело в Firefox. Допустим, у нас есть float-блок, который находится в родителе. И нам нужно, чтобы даже при отсутствии контента (или малом количестве) у плавающего была бы какая-то минимальная заданная высота. Как бы логично и удобно использовать min-height, который берется от родителя. Но FF все обламывает. Понятно, что такую модель можно реализовать и по-другому. Но вопрос в том, что есть ли способ, не меняя подход, научить FF видеть эту высоту? Перед нажатием на "отправить" проверил в Хроме. Та же проблема. Тогда это уже интереснее. Кто м…

    Asked by Kray Storm,

    0 votes
    7 answers

  4. простая активная кнопка...

    подскажите почему данаая конструкция не работает в опере: css : .vhod a{ display:block; background:url(http://jaguar-pw.clan.su/knopki/vhod/go.png) no-repeat; width:120px; height:24px; font-size:30px; color:#FFFF66; text-align:center; text-decoration:none; } .vhod a:hover{ display:block; background-position: 0 -24px; } .vhod a:active{ display:block; background-position: 0 -48px; } html: <li class="vhod"> <a href="$LOGIN_LINK$" class="vhod"></a> </li> и какие пути решения...?

    Asked by spn_one,

    0 votes
    2 answers

  5. CSS3 и HTML5 стоит ли заморачиватся новичку?

    Здравствуйте. Две недели изучаю изучаю верстку, а именно html 4.1 и css 2.1. Но в процесе выяснил, что эти версии вроде как устарели, или не устарели? вообще не пойму. Вроде пишут что html 5 примут только 2022, но в тоже время он присутствует во всех новых шпаргалках и так далее. Тоже самое css3. Посоветуйте учить их или нет на этом этапе?

    Asked by Alazaren,

    0 votes
    3 answers

  6. таймер обратного отсчета

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

    Asked by EvilDoom,

    0 votes
    1 answer

  7. margin-top(margin-bottom) в процентах от высоты родителя

    Сама проблема отступов в процентах появилась из-за резиновой верстки. Все мы знаем о способах привязки футтера к низу, вот я пользуюсь таким способом: <body> <div id="wrapper"> <div id="head"></div> <div id="content" ></div> <div class="footer-push"></div> </div> <div id="footer" > </div><!-- footer --> </body> * { margin: 0; padding: 0; } html, body, #wrapper { height: 100%; width: 100%; } #wrapper{ margin-bottom: -100px; } #head { width: 100%; height: 100px; } #content { width: 100%; height: 400px; } .footer-push { width: 100%; height: 100px; } #footer { width: 100%; height: 100px; } Но…

    Asked by dmitriydrachov,

    0 votes
    1 answer

  8. Выравнивание текста

    Привет. Столкнулся с такой проблемой. Текст выводиться не ровно, цифры ниже. Как выровнять? Подскажите.

    Asked by cosmen,

    0 votes
    5 answers

  9. DOCTYPE ломает CSS

    Решил сверстать сайт, прописал блок, к нему тени через box-shadow, но тут забыл что не прописал доктайп. После записи <!DOCTYPE html> тени у блока пропали, а если его убрать, то работают. В чём загвоздка? Я в растерянности.

    Asked by Ge1i0N,

    0 votes
    2 answers

  10. "Погоня" за пикселями

    Здавствуйте. Я только учусь, и у меня возник вопрос - насколько нужно гнатся за пикселями при верстке? На картинке http://savepic.ru/3947297.jpg макет который я пробую верстать с наложеный Perfect Pixel я понимаю что можно подогнать получше если присваивать отдельно классы или идентифокаторы (чего я желаю по-максимуму избежать), но нужно ли на практике это делать в ущерб коду? Поделитесь пожалуйста опытом.

    Asked by Kuzyo,

    0 votes
    5 answers

  11. Как добавить текст в определенное место?

    Есть такой код к примеру: <style type="text/css"> .dv {width:300px; height:30px; border:solid 1px; margin:5px;} </style> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <div class="dv">111</div> <script type="text/javascript"> var d = document.getElementsByClassName('dv'); var s = d.length; var i = 2; while (i <= s) { var dv = document.getElementsByClassName('dv')[i]; dv.style.color =…

    Asked by SFproG,

    0 votes
    4 answers

  12. Текст в div наезжает на предыдущий div.

    Итак, сделал маленький макет используя bootstrap. Одно текстовое поле(input) в своем div'e, под ним текстовый логотип в своем. При этом логотип наезжает на input. Как исправить? Демо: http://onto.su/test/ Пример в архиве. http://rghost.ru/43606857

    Asked by onto,

    0 votes
    11 answers

  13. Как убрать отступы вверху страницы?

    Не могу убрать отступы вверху страницы. Пробовал margin: 0 и padding:0 для всех элементов - не помогло. Помогите исправить. Код: <!DOCTYPE html> <html> <head> ?<title>Головна сторінка</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="Andrei Nemchenko" /> <meta name="keywords" content="Мій герой" /> <meta name="robots" content="all" /> <link rel="stylesheet" type="text/css" href="[url="http://localhost/myheroi/styles.css"]styles.css[/url]" /> <script type="text/javascript" src="[url="http://localhost/myheroi/scripts/clock.js"]scripts/clock.js[/url]">&…

    Asked by nemo59,

    0 votes
    7 answers

  14. Помогите найти ошибку в горизонтальном меню

    Здравствуйте! Помогите пожалуйста найти ошибку. Я первый раз пробую блочную вёрстку (учусь) и столкнулась с такой вот неприятностью. Меню не располагается по всей ширине блока, а уезжает куда-то вправо и упорно все манипуляции происходят там, т.е. когда меняю отступы и прочее, влево вообще не двигается. Вот часть html: <div id="header"> <div id="logo"><a href="/"><img src="img/logo.png" class="iePNG" alt="Зелёный сайт" width="248" height="235"/></a></div> <div id="logo2"><img src="img/logo.png" class="iePNG" alt="Зелёный сайт" width="248" height="235"/></div> <div id="gor-menu"> <ul> <li><a href="…

    Asked by Aurika,

    0 votes
    11 answers

  15. XML

    Будет ли правильным,если после html и css я буду изучать язык правил разметки xml,если у меня в плане javascript и php?И как посоветуете продвигаться по этой технологии?

    Asked by max2012,

    0 votes
    1 answer

  16. IE

    Почему в ИЕ так криво отображается сайт, тестил в хроме, лисе и сафари, все нормально. Но вот в ИЕ. Читал что нужно указывать доктайп, правда ли, что это спасет и какой именно? И я не о кодировке. http://s017.radikal.ru/i402/1302/60/626dc97d0134.png

    Asked by JessyStorm,

    0 votes
    4 answers

  17. Java script, событие на одинакоые элементы

    Никак не могу понять как правильно нужно делать Допустим, есть 3 (или 10) кнопки-иконки, выполненные в блоках div, меняющие свой вид на другие картинки при наведении или нажимании мышки. На события onclick или onmouseover и т.д прикручиваются соответствующие события смены картинки +всякие свистелки Как нужно правильно оформить эти блоки див? id делать всем одинаковый или разный (или вообще можно без него обойтись), css стиль привязывать по id или по class, что одинаковое должно быть что разное. И потом, как оформить в java срабатывание функций, чтобы оно работало на всех иконках. Покажите, пожалуйста, на этом примере http://jsfiddle.net/6hu2W/10/ Тут событие работает то…

    Asked by фонарик,

    0 votes
    3 answers

  18. Посоветуйте, что учить дальше?

    Доброго времени суток. Я около 2х месяцев учусь верстке , сейчас знаю HTML+CSS, вполне могу сверстать статичный сайтик из 5-7ти страниц по макету. Так вот вопрос, что учить дальше? Js/jquery или можно продолжить изучением какой либо CMS? И если не трудно, посоветуйте какие нибудь онлайн уроки, а то везде пишут по разному и мне не понять, что лучше. Заранее благодарю за ответ.

    Asked by Piley,

    0 votes
    9 answers

  19. Оцените, пожалуйста, верстку

    P.S. Уважаемые модераторы, удалите тему. Я ее не туда выложил. Смутила фраза про 30 сообщений.

    Asked by alxick,

    0 votes
    0 answers

  20. цвет кнопки при наведении !

    всем привет " подскажите пожалуйста почему у кнопки --ДОБАВИТЬ В КОРЗИНУ-- при наведении цвет меняется только до области текста,а не всего фона ??? как это поправить ??? http://joomla.metko.ru/ <style="text-decoration:none"a href="index.php?action=buy_now&BUYproducts_id={$module_data.PRODUCTS_ID}"><dds>Добавить в корзину</dds></a> #buy111{ background:#596066; border-radius: 5px; } dds{ color:white; } dds:hover{ background-image: url("img/cartfon.png"); }

    Asked by morgusha,

    0 votes
    4 answers

  21. Помогите с кодом UCOZ пожалуйста!

    Здравствуйте. У меня проблема, уже всё перепробовал не знаю что и делать. В общем маме по работе нужен сайт. В итоге на главной странице фотоальбома полный бардак выводится и с новыми фотками и с уже добавленными. Я хочу чтобы мне выводило список альбомов, которых всего 6 с подгрузкой в качестве обложки альбома последней добавленной фотографии. Но плюс я хочу чтобы подгружаемая фотография была в рамочке, а название альбома было сверху. Есть таблица рамки и код подгрузки, но при соединении их они почему то работают криво. Может кто подскажет? Вот ссылка на фотогаллерею сайта: http://myzryksichevo.ucoz.ru/photo Вот код: <table border="0" cellpadding="0" cellspacing="0"…

    Asked by Zeriche,

    0 votes
    0 answers

  22. ol и ul как сделать один список в строку, а другой в колонку

    Ну собственно в заголовке указано что я хочу, подскажите, почему-то никак не получается вот что пробовал Если например писать #menu li {display: inline;} тогда работает а если писать #menu ol li {display: inline;} тогда не работает но в первом случае оба списка становятся в строку, а мне нужно чтобы только ol был в строку, а ul был в колонку. Как решить такую проблему? или придётся создавать отдельный класс для ol и отдельный для ul?

    Asked by McLotos,

    0 votes
    3 answers

  23. Разное отображение блоков с одинаковыми размерами в браузерах.

    Помогите пожалуйста разобраться с примером в конце 9-го урока на странице: http://www.site-do.ru/css/css9.php Там автор приводит пример, что блоки при одинаковых размерах могут в различных браузерах выглядеть по разному. Пример этот прикладываю: http://yadi.sk/d/m430JzMV2Or-L Я открывал этот пример в браузерах. Действительно в Fiirefox и Opera выглядит иначе чем в IE8. Но объяснения автора совершенно не улавливаю. Цитирую дословно: "...Но мы задали ширину у всех блоков одинаковую, почему же тогда в IE блок с id="second" шире первого блока? Да потому, что IE не включает в размер блока поля и отступы. Браузер отобразил 3 и 4 блоки шириной в 300 пикселов, а потом задал им по…

    Asked by rikitiki,

    0 votes
    5 answers

  24. Что делать?)

    Есть у меня недопипилиный сайт на юкозе [hide]chiphone.at.ua[/hide] Хочу перегнать его на платный хостинг и домен (чтоб избавиться от рекламы, в первую очередь...да и свои навыки поднять было бы не лишним) Вопрос заключается в том что дальше юкоза я ничего не знаю (ну небольшая база html все же есть) и просто не представляю с чего мне начинать. Хочу создать вот такой простенький сайтец на недорогом хосте Спасибо

    Asked by vladeol,

    0 votes
    1 answer

  25. Проблема с шрифтом в firefox

    у меня вот такой код @font-face { font-family: graffiti2ctt; src: url(files/font/217_Graffiti2CTT.eot); src: local(graffiti2ctt), url(files/font/217_Graffiti2CTT.ttf); } дорогие верстальщики подскажите в чем проблема, всё работает кроме firefox в нем кажется просто Arial, я уже что только не делал но ничего не могу поделать! Искал на форуме, нашол похожую тему ответ был (Почитайте о “Fontspring @Font-Face Syntax”) но я не смог в етом разобратся, помогите...

    Asked by maks78945,

    0 votes
    1 answer

  • Обсуждения

    • 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