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. cid: в html-письмах

    Здравствуйте, подскажите пожалуйста как вставить картинку в html-письмо что бы они отображались в почтовых клиентах вот такой код нашел html-россылке <img src="cid:photo.jpg" alt="" width="150" height="289" border="0"/> картинка добавлена через cid.

    Asked by Rubik,

    0 votes
    2 answers

  2. проблема с атрибутами div

    Привет! Делаю небольшой сайт по урокам, сайт делается на html/css блоках, проблема с float - в уроке (видеоуроке, так что перепутать что-то сложно) все работает, у меня ничего не работает, перепроверял 3 раза, копировал текст из идущего с уроком файла (исходный код), менял параметры, не помогает. Вот так должно быть (я специально привожу скриншоты потому что мой код очевидно содержить ошибку - он ниже) Вот html Вот css Вот результат (левое меню полностью обтекается рабочей областью и автоматически регулируется по высоте) А вот мой код Это html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> &l…

    Asked by Eugene-N,

    0 votes
    2 answers

  3. input type="submit" (внешний вид)

    Здравствуйте, подскажите пожалуйста, как исправить такой недочет верстки: HTML Code: <form id="search" action=""> <input type="text" name="s" id="s" class="search_text" /> <input type="submit" class="go" /> </form> CSS Code: #search { float:right; margin: 14px 32px 0 0; width:191px; height:35px; background:url(../images/search_form.png) no-repeat; } .search_text { width:137px; padding: 11px 0 0 25px; border:none; background:none; } .go { width:15px; padding: 11px 0 0 25px; border:none; background:none; cursor:pointer; } Внешний вид: Дак вот, подскажите пожалуйста, как убрать буквы от слова отправить?

    Asked by Inf1n1tI,

    0 votes
    2 answers

  4. порядок разметки страницы

    не помню где видел графическую схему, которая помогает определить в какой структурный html5-тэг заключить содержание. кажется на html5doctor. но найти что то не получается долгое время. помогите пожалуйста ссылкой

    Asked by cyklop77,

    0 votes
    2 answers

  5. Плавное перемещение картинок

    Допустим на страницу вставлены 10 картинок в 1 ряд (горизонтальный), при уменьшении окна браузера ряд разбивается на несколько новых рядов. При этом картинки моментально переходят на новый ряд. Подскажите как можно добиться плавного перемещения картинок, примерно так как это реализовано в экспресс-панели Opera. Можно ли это реализовать только средствами CSS без JS? Пробовал копать в сторону transition:all, но толком ничего не вышло

    Asked by geograph,

    0 votes
    2 answers

  6. Не работает document.location

    Всем привет есть проблема в том что если на сайте списка товаров http://www.adenium.net/oherron.com/web/main/product_listings на одном из товаров кликнуть "Add to cart" то страница с товаром не открывается - эта страница как будто переоткрывается В коде генерится ссылка вида /oherron.com/web/main/view_cart/mode/update/sku/0-8001W-105/product_quantity/1 и выполняется document.location= Url Если же в том списке кликнуть на кнопке "Details" и на ней кликнуть на "Add To Cart" то создается такая же ссылка /oherron.com/web/main/view_cart/mode/update/sku/0-8001W-105/product_quantity/1 и выполняется document.location= Url- и все работает нормально Если первую ссылку…

    Asked by mstdmstd,

    0 votes
    2 answers

  7. тег li

    Ребят напомните мне как выравнивать иконки в тэги li относительна к тексту? а то забыл

    Asked by Bismuth,

    0 votes
    2 answers

  8. Не выводятся пробелы =(

    Здравствуйте у меня следующая проблема: HTML/PHP Code: <div id="logo"> <h1><a href="http://ololol.ru/" title="<?php bloginfo('name');?>"><?php echo"Олол<span id=sky>ЛоЛ</span>";?></a></h1> <h2><?php echo" ололош";?></h2> <h3><?php echo"олололололололололололололололололо";?></h3> </div> CSS Code: /* Logo */ #logo {float:left;width:270px;height:76px;margin:0;padding:15px 0 0 30px;background:url(images/img01.jpg) no-repeat left top} #logo h1 {float:left;margin:0;padding:0;font:normal 30px Georgia, "Times New Roman",Times,serif} #logo h2 {margin:14px 0 0 0;padding:0;text-…

    Asked by Inf1n1tI,

    0 votes
    2 answers

  9. Проблемма, свойство font

    Здравствуйте уважаемые форумчане Есть правило: #top_menu li a { display:block; height:38px; padding:0 12px; color:#497798; font:bold 11px/38px Tahoma, Geneva, sans-serif; text-decoration:none; } Сегодня после проверки валидатором, он мне выдал ошибку, связанную со свойством font в этом правиле, сам я не новичок в верстке, но эта ошибка поставила меня в тупик, если кто-то сталкивался с чем-то подобным, поделитесь своими соображениями. Ошибка: Ошибка значения : font (http://www.w3.org/TR/CSS21/fonts.html#propdef-font) / не является значением font-family : bold 11px / 38px Tahoma,Geneva,sans-serif

    Asked by Mihail,

    0 votes
    2 answers

  10. Sidebar(Блок)

    Здравствуйте!у меня есть готовый шаблон,хотел на все изображение указать (ширину и высоту в css) чтобы быстрее грузила браузер!если не указать (ширину и высоту)не влияет ли на скорость? потом как указать (ширину и высоту}? я пробовал указать вот так в css: #popular {background: url(../images/icon/popular.jpg) no-repeat;width: 224px;height: 34px;} но там отступ внизу вот: вот оригинал popular.jpg: вот в html (sidebar): <div id="[color="#FF0000"]popular[/color]" class="titleSide">Популярное</div> <div class="contentSide"> <ul class="topnews"> <li>{topnews}</li> …

    Asked by botyk,

    0 votes
    2 answers

  11. Как убрать отступы в div для элемента ul

    Здравствуйте! Помогите разобраться с одной проблемой. Короче дело вот в чем: вставляю в div список ul. Делаю его горизонтальным: ul li{ list-style-type: none; display: inline; } В блоке появляются равные отступы по всем краям. Padding никак не помогает. Как убрать отступы, чтобы рамка div-а полностью облегала текст списка.

    Asked by Gambini,

    0 votes
    2 answers

  12. Ошибки в IE8 и IE7

    Здравствуйте, форумчане. Есть сайт, который как-то странно ведет себя в IE8 и IE7... Вот ссылка на страницу http://beztorga.com/forms.php Проблема в следующем - две кнопки "Частная регистрация" и "Коммерческая регистрация" почему-то не отображаются в ie8... А в ie7 там вообще беда. Подскажите, пожалуйста, в чем может быть проблема. Заранее спасибо.

    Asked by art4web,

    0 votes
    2 answers

  13. Три блока div (три колонки) в одном (IE6)

    Уже два дня мучаюсь с проблемой... Во всех браузерах приведенный ниже код, нормально растягивает средний блок div (синий) на 100%, а в IE 6 по краям получаются какие то отступы (при разрешении 1280х1024). Подскажите плиз в чем может быть дело? Вот код: <div id="header"> <a href="pa1.ru" title="Строительная компания" style="text-decoration: none;"> <div id="header1"> </div></a> <div id="header2"> </div> <div id="header3"> </div> </div> <div id="header_sign"> постройка домов, бань </div> <div id="logo_sign"> …

    Asked by tarkinsky,

    0 votes
    2 answers

  14. Текст

    При изменении разрешения экрана текст выходит за пределы div(текст не уменьшаться ) при фиксированной верстке. Как это можно исправить? overflow только прячет текст.

    Asked by Espada,

    0 votes
    2 answers

  15. поправить код

    помогите пожалуйста поправить код страницы так чтобы валидатор перестал ругаться как я понимаю, валидатор говорит о том, что rel не может иметь значение 'group'. туц. поменять имя нетрудно, но в js я не нашел фразу 'group'

    Asked by cyklop77,

    0 votes
    2 answers

  16. Проблемы отображения <hr> в ie9

    Здравствуйте! Не могу понять почему в ie9 при открытии локальной копии страницы тег <hr> отображается как требуется. Но если эту сраницу загрузить на сервер и в последствии открыть её в том же браузере ie9, то вокруг тега <hr> образуется рамка. Очень хотелось бы узнать почему так происходит. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> <style> hr { border: none; background:url(img/bg-hr.gif) no-repeat center; height: 3px; } </style> </head> <body> <hr> </body> </html>

    Asked by AlexD,

    0 votes
    2 answers

  17. Контент вылазиет за блок

    Прошу помощи. http://fly.gergert.kg/node/4 Заранее спасибо

    Asked by Hostgame,

    0 votes
    2 answers

  18. Как реализовать?

    Здравствуйте. Подскажите пожалуйся, каким образом реализован эффект при нажатии на льва сылка

    Asked by Alex&R,

    0 votes
    2 answers

  19. Как добавить справа при наведении белую полосу в 1px?

    Вот есть такая менюшка: По задумке дизайнера нужно что бы при наведении на кнопочку менялся фон c появлением белой полоски в 1px в конце кнопки. Это появление полоски я реализовал с помощью border-right: 1px solid #FFF; Из за этого при наведение кнопка расширяется на 1px и соответственно меню прыгает. Может кто знает как решить данную проблему? Вот исходники

    Asked by tini.kRyptoNite,

    0 votes
    2 answers

  20. верстка форм?

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

    Asked by olechic,

    0 votes
    2 answers

  21. Съехали блоки

    http:// hexlife.in.ua/index.php?id=181 <div class="content"> <div style="padding:10px 20px 10px 20px;"> <p> Другі страви</p> <div style="width:205px;text-align:center;float:left;"> <div class="ramka_galerey"> <a class="highslide" onclick="return hs.expand(this)" style="wigth:150px;height:130px;" href="/images/gallary/20120508113108.jpg"> <table cellspacing="0" cellpadding="0" style=" width: 100%; height: 100%; text-align: center; vertical-align: center;"> <tbody> <tr> <td> <img title="На…

    Asked by Vitek25,

    0 votes
    2 answers

  22. underline и sup

    Сделал ссылку с подчеркиванием. А в ней велечина м2, с помощью тегов sup. Так в месте где цифра 2 вверху, линия подчеркивания прерывается, подчеркивается двойка вверху, потом опять подчеркивается текст. В общем ссылка не красивая. Как бороться?

    Asked by fiver,

    0 votes
    2 answers

  23. Похожий эффект на HTML...

    Что нибудь похожее с графиком можно сделать не на флеш? http://www.videorip.info/kakoj-programmoj-vy-predpochitaete-kodirovat-video

    Asked by brabrobri,

    0 votes
    2 answers

  24. Фиксирование всплывающей подсказки

    Люди, помогите! Необходимо зафиксировать всплывающую подсказку в окне, т.е. подсказка не "бегает" за курсором, а при наведении на текст/картинку появляется в определенном месте. Скорее всего тут надо крутить jquery.tooltip.js, но самостоятельно у меня ничего не получилось.

    Asked by keepcalm,

    0 votes
    2 answers

  25. Проблемы с горизонтальным меню

    День добрый уважаемые форумчане! Проблема вот такого рода,делаю дизайн данного сайта Столкнулся с проблемой скачаного с и-нта горизонтального меню на кверти.Вот и оно Вроде все нормально,только 2 траблы 1)Не могу понять как сделать задний фон картинкой,потому что там только можно менять цвет.Когда меняю в ксс на background-image: url(images/hand.png); то просто нечего не происходить меню без фона,оно то и все нормально,но как тогда сделать что бы выпадающее меню было хоть с каким то фоном? если добавляю фон основному меню то оно не вписывается в дизайн,но тогда у выпадающего есть фон,а как отдельно сделать фон именно выпадающему меню?? 2)как сделать так что бы выпадающее …

    Asked by advocate-in,

    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