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. Как сделать в резиновой шапке плавающую картинку по центру а другие прижаты по бокам шапки?!

    Как сделать в резиновой шапке плавающую картинку по центру а другие прижаты по бокам шапки?!

    Asked by daggi,

    0 votes
    1 answer

  2. Как перевести функцию php в smarty

    Ребятки, пользуюсь php, но вот пришлось столкнуться со smarty... Как будет выглядеть эта функция на smarty? <?php if ($_GET["operation"] == 'rent') echo 'selected' ?> Очень срочно нужно!

    Asked by alex_stepanow,

    0 votes
    1 answer

  3. Цветная линия не во всю ширину

    Здравствуйте, как можно сделать данную линию? Вижу один способ: - линию отдельно в div. Есть ли свойство у border, чтобы можно было задать цвет bordera не во всю ширину? http://postimage.org/image/oj6exl4f5/ Просмотрел как сделано у Google: http://www.google.ru/intl/ru/about/ background: url("data:image/png;) no-repeat right bottom;

    Asked by Benya-a,

    0 votes
    1 answer

  4. Абсолютное позиционирование и горизонтальная прокрутка

    <p style="position: absolute; right: -80%;">bla-bla-blah</p> -появляется горизонтальная полоса прокрутки, можно прокрутить и увидеть. <p style="position: absolute; left: -80%;">bla-bla-blah</p> -прокрутка не появляется. Почему так? Это стандарт или фича браузеров?

    Asked by skvor,

    0 votes
    1 answer

  5. Как объединить два языка

    Есть вот такой код на html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Главная страница</title> <style type="text/css"> .GlavnoeMenuZastavka { } </style> </head> <body> <div style="font-weight:bold; "> <table class="GlavnoeMenuZastavka" border="0" cellpadding="60" cellspacing="0"> <tr align="center" > <td> <a href="http://m-training01.etsp.ru/view_doc.html?mode=Uchebcenter"><img src="icons\Damir\Uchebcenter.png" width="150" height="150" border="0" alt="Учебный центр.png"></a> <p style="margin:0px;">Учебный центр</p> </td> <td> &l…

    Asked by danila_omega,

    0 votes
    1 answer

  6. Верстка комментариев для сайта

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

    Asked by sssppp6,

    0 votes
    1 answer

  7. Как сделать рамку только для ячейки

    Прописал следующий код, вроде бы должна быть рамка но её нету, почему? в HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> Главная страница </title> <link rel="stylesheet" type="text/css" href="style.css" > </head> <body> <table> <tr> <td class="1td"> 1 </td> <td class="2td"> 2 </td> <td class="3td"> 3 </td> </tr> </table> </body> </html> В CSS .1td { border: 3px solid #c716bd; } .2td { border: 3px solid #c716bd; } .3td { border: 3px solid #c716bd; }

    Asked by Myk,

    0 votes
    1 answer

  8. Как сделать так

    Нужно для сайта сделать так , что когда наводишь на картинку, виводиться 2 иконки, одна например переходит по ссылке , другая увеличивает картинку Вот пример Пример взят з сайта

    Asked by george,

    0 votes
    1 answer

  9. hover background перекрывает background кнопки

    #user_menu_right ul li a:hover, #stylefour ul li a.current { background:url("/static/images/userbar.gif") repeat-x left -75px; } #user_menu_right li:nth-child(6) { background: url("/static/images/icons.png") no-repeat scroll 12px -71px transparent; } С обычными кнопками без беграунда все ок, но происходит перекрытие кнопки с беграундом.

    Asked by rtl_one,

    0 votes
    1 answer

  10. Пожалуйста помогите найти ошибку слоев

    http://mexxov.com.ua/index.php?route=product/category&path=59 не могу понять почему <div id="picframe"> перекрывает блок <div id="tovar"> заранее Вас благодарю

    Asked by PesBarbos,

    0 votes
    1 answer

  11. Списки и картинки

    Здравствуйте. Есть код <h3>Заголовок</h3><img src="../image.jpg"> <ul class="sidemenu"> <a href="#">Название ссылки</a></li> </ul> Подскажите, подалуйста, можно ли сделать так чтобы нижняя граница картинки была на одном уровне с низом текста "Заголовка"? Расположение картинки относительно текста справа. Заранее всем впасибо.

    Asked by skostychev,

    0 votes
    1 answer

  12. Смена на нормальный шрифт

    Asked by jaster,

    0 votes
    1 answer

  13. глюк - картинки прыгают при наведении мышки

    не подскажите как избавиться от подобного глюка? при наведении мышки на фотку - фото из нижнего ряда начинают прыгать =((( вот здесь: http://oborona-pro.ru/fotoSafeLimb.html

    Asked by lena-moscow,

    0 votes
    1 answer

  14. центрование двух и более div по центру

    Итак есть футер, текст которого я хочу выравнять по центру <div id="footer_wrapper"> <div id="footer"> <div id="copyr">траляляляля, самый лучший проект</div> </div> </div> #footer_wrapper { position: relative; display: block; width: 100%; height:50px; } #footer { position: relative; display: block; height: 30px; width: 1002px; } #copyr { position: relative; display: block; height: 30px; width: 400px; } нужно выравнять #copyr внутри #footer по горизонтали и вертикали

    Asked by rtl_one,

    0 votes
    1 answer

  15. Форматирование текста внутри дива.

    Добрый день! Наверное задам глупый вопрос, но всю голову уже себе сломал, инет и форум гуглил (возможно плохо). Есть код: <html> <head> <style type="text/css"> body { background-image: url(water1small.png), url(water2small.png),url(water3small.png),url(water4small.png); margin: 0; padding: 0; } .sky { background-image: url(sky1.png), url(sky2.png); width: 100%; height: 300px; } .header { width: 960px; height: 300px; margin: 0 auto; } .page { background-image: url(sky1.png), url(sky2.png); background-position: 0 -300px; background-repeat: repeat-x; width: 100%; } .content { width: 960px; margin: 0 auto; } .coast { background-image: url(sand2.png)…

    Asked by usdg.lander,

    0 votes
    1 answer

  16. Дивная вёрсткая + css разбивка на три колонки

    Народ, подскажите пожалуйста, может есть у кого-то шаблон подобного.. Как правильно разбить (дивная вёрстка) css правильно на шапку, три колонки и нижний колонтитул? То есть мне необходимо во вторую и третью колонку будет вставлять одинакового размера картинки, которые будут идти друг за другом. Пересмотрел и перебробывал много чего, постоянно картинки сбиваются и вылазят за края или что-то подобное этому.

    Asked by Jo_Sky,

    0 votes
    1 answer

  17. Кроссбраузерность

    Ребят, подскажите, пожалуйста, почему при таком спане <span class="gray"><img style="position:absolute; margin-top:86px; z-index:1;" src="image/gray(small).png"></span> может свигаться картинка при отображении через Firefox и Chrome? В Opera и IE всё окей. Что касается класса gray: .gray{ margin-left:-319px; } Что вообще следует знать и учитывать, чтобы не сидеть на подобных проблемах?

    Asked by Jo_Sky,

    0 votes
    1 answer

  18. Помогите с отображением спойлеров.

    Добрый вечер. На странице есть два спойлера, для отображения по горизонтали объединенных в таблицу. При открытии одного спойлера материал открывается не на всю страницу(как и при открытии другого) и сдвинутый вправо, в то же время другой спойлер уезжает вниз, и наоборот. Как можно решить данную проблему ? Пример.

    Asked by bremned,

    0 votes
    1 answer

  19. Проблема с шрифтом в 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

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

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

    Asked by vladeol,

    0 votes
    1 answer

  21. XML

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

    Asked by max2012,

    0 votes
    1 answer

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

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

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

    Asked by EvilDoom,

    0 votes
    1 answer

  24. Помогите найти ошибку

    ак

    Asked by Ne-Vasha-Natasha,

    0 votes
    1 answer

  25. Как убрать элемент, но не его содержание

    Есть кусочек странички <div class="wrap"> <div class="one"> <div class="in"></div> <div class="in2"></div> </div> <div class="two"> <div class="in"></div> <div class="in2"></div> </div> <div class="three"> <div class="in"></div> <div class="in2"></div> </div> </div> через jquery я хочу скрыть элементы one, two и three $(".wrap div").css("display", "none"); но вместе с этими элементами скрываются также in и in2, а этого не нужно. Как скрыть только .wrap div и не давать in и in2 такого же оформления?

    Asked by T@NKIST,

    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