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

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

    Asked by Coder_D,

    0 votes
    4 answers

  2. Что значит в css "."

    #middle:after { clear: both; content: "."; display: block; height: 50px; visibility: hidden; } Что значит конкретно content: ".";

    Asked by Imperil,

    0 votes
    5 answers

  3. Как сделать кнопку при наведении которой она будет менять картинку?

    Вобщем есть две картинки button.png(просто фон кнопки) и hbutton.png(фон при наведении).Создал в css класс nav и написал еще два a.nav {background: url(../images/button.png) repeat-x 0px 1px ; width:100% ; height:46px ; margin:auto ;text-decoration: none;} a.nav:hover {background: url(../images/hbutton.png) repeat-x ;font-size:15px;color: #000;} А в html сделал так <div class="nav"> <table> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Главная</span></td></div> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Фа…

    Asked by Zerro76,

    0 votes
    5 answers

  4. Изменнение цвета текста в Input type=text

    Есть следующий тег: <input class="text" type="text" placeholder="введите e-mail"> и свойсто CSS .text{font:italic 10px 'Trebuchet MS',verdana,sans-serif; color:#260b01;} Как сделать так что-бы свойство цвета подхватывалось не только вводимым текстом но и placeholder-ом?

    Asked by Vlad_kot,

    0 votes
    2 answers

  5. Img и расчёт height блока

    Есть проблема, дело в том что Картинка img не участвует в расчёте высоты блока в отличие от абзаца в том же блоке, то есть если текст заполняет больше высоты картинки то всё выглядит ОК, но если текста меньше то картинка вылазит, как будто overflow:visible Вот код <div> <div class="container" id="down"> <img src="img/pic5.jpg" width="213" height="166" align="left" border="0" alt="pic5"/> <h1>Welcome to the site!</h1> <p> Lorem ipsum dolor sit amet, uer uer Duis autem vel eum iriure Duis autemvel eum iriure dolor. ipsum do…

    Asked by strangerliquid,

    0 votes
    2 answers

  6. можно в показать в виде таблицы xml документ

    Доброе время суток! у меня есть html страничка c данными сотрудников (фио, телефон, кабинет и т.д.) в виде таблицы. При изменении каких-либо данных приходится ручками менять эту таблицу. Но есть возможность получить эти данные в виде xml-документа. Вопрос можно ли как-то показать данные этого xml-документ в табличном виде на html-страничке, чтоб при изменении содержимого xml автоматически менялись данные в таблице? Меня интересует, существуют ли способы добиться желаемого без использования php или asp.net.

    Asked by avn72,

    0 votes
    6 answers

  7. div scroll XHTML-?

    Здравствуйте, дорогие форумчане. Такая проблема: Не получается отладить в XHTML scroll у <div id="scroll"> (http://www.fahrschule-mering-wybiral.de/). Задача состоит в том, чтобы прокручивалось содержимое только этого div-a. Всё остальное содержание старницы должно оставаться фиксированным. <div id="scroll"> выделен пунктирной рамкой. В HTML.4 это работало (http://art-factor.gmxhome.de/Home-DE-Gemaelde-Grafik.html) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> Как решить эту задачу в XHTML??? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh…

    Asked by art-factor,

    0 votes
    2 answers

  8. php в таблице html

    Здраствуйте, у меня есть html таблица, в ней тег [xfvalue_opisanie] (дополгительное поле DLE) Мне нужно ограничить количество символов в этом поле. нашел php script function getPrewText( $text, $maxwords = 60, $maxchar = 50 ) { $text = strip_tags( $text ); $words = split( ' ', $text ); $text=''; foreach ($words as $word){ { if (mb_strlen($text.' '.$word)<$maxchar) {$text.=' '.$word; } else {$text.='...';break;}; } return $text; как и куда мне его нада вставлять? Помогите пожалуйста.

    Asked by Pro100User,

    0 votes
    2 answers

  9. Окно просмотра браузера

    Здравствуйте!!! В процессе осваивания верстки у меня возник вопрос, на который не могу найти ответ. Есть макет(width: 1600px;), див с контентом расположен(margin: 0 auto; width:1334px;), при просмотре в браузере отображается верхний левый угол, как сделать так что бы браузер сразу смотрел на центр т.е. на контент, а не на верхний левый угол?...Заранее благодарен

    Asked by Teren,

    0 votes
    2 answers

  10. Размер щрифта

    Всем привет!! У меня есть макет в psd. Наткунулся на такую проблемку. В psd размер шрифта

    Asked by garicktry,

    0 votes
    1 answer

  11. Проблема в шапке с разрешением 800x600

    Здраствуйте друзья возникла следующая проблема сверстал шапку и на разрешенеии 800x600 правая часть наезжает на левую, при табличной верстке все хорошо! код html шапки <div id="header"> <div id="header_left"> </div> <div id="header_right"> </div> </div> <div id="header_menu"> <div id="header_menu_main"> </div> </div> css шапки #header { width:100%; height:327px; background:url(header/maket_bg.jpg) repeat-x top center; } #header_left { float:left; width:47%; height:327px; background:url(header/maket_01.jpg) no-repeat left; } #header_right { float:right; width:53%; height:327px; background:url(header…

    Asked by Hol1killer,

    0 votes
    7 answers

  12. шрифты кроссбраузерно ?!

    Доброго времени суток! Помогите пожалуйста разобраться со шрифтами, никак не могу побороть ( вот здесь пример: пример Задаю шрифт: font-size: 12px; line-height: 15px; font-family: "Georgia", serif; Но почему-то в разных браузерах он растягивается по разному ... вот: Скажите почему ? и как можно это победить ? Спасибо большое!

    Asked by maxmsmax,

    0 votes
    2 answers

  13. Из-за чего может не действовать margin и позиционирование?

    Прописываю блоку margin, padding или позиционирование top right и т.д. - блок вообще не двигается ни в одну сторону. Почему такое может бытЬ?

    Asked by Imperil,

    0 votes
    3 answers

  14. Кнопки в шапке Wordpress

    Всех приветствую!!! Вот уже парюсь не первый день... Как мне сделать меленькие красивые кнопочки в ряд,так,как показан на рисунке,что бы этот ряд был прикреплен в правой или в левой стороне,без разницы???и без промежутка от картинки логотипа. И пожалуйста,напишите сам код. Заранее спасибо.

    Asked by Моя Кровь,

    0 votes
    8 answers

  15. Перевёрнутый текст не работает

    Вот сделал стиль для ссылки в div, везде сработало ,а в Google Chrome не хочет , и именно почему-то на тэга <a> , если простои id то будет перевернут в чем может быть причина

    Asked by vladimircape,

    0 votes
    2 answers

  16. Почему Internet Explorer дописывает определение стиля в тег div

    Здравствуйте, объясните пожалуйста, почему IE дописывает определение стиля в тег div Вот так должно выглядеть: <div id="header_pic_world" class="header_pic_world_cl"> Но если отобразить при помощи инструмента разработчика, то получается это(причем только в Internet Explorer) <div class="header_pic_world_cl v08vnSVo78t4JfjH" id="header_pic_world" style="border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: paddin…

    Asked by murgot,

    0 votes
    0 answers

  17. Текст внутри формы

    Здраствуйте знатоки. Стоит такая задача нужно внутри формы поиска изменить текст не прибегая к JS. Все ничего но проблема в том что нужно два варианта: Первое серый текст атрибута placeholder должен остатса серым ; Второе когда user вводит или уже ввел текст поиска он должин быть чорным; Я новичок работаю только 2 месяца поетому не судите строго если вопрос очень простой но я не всилах разобратса сам. Код формы такой: <div id="search"> <form action="/search/index.html" method="get"> <input class="text" placeholder="поиск по товарам и брендам" type="text" value="" name="query" id="query" /> <input class="search-button" name…

    Asked by Max_Sheva,

    0 votes
    2 answers

  18. Всплывающие подсказки

    Подскажите пожалуйста способ или ссылку реализации всплывающих подсказок при наведении на любой елемент (таблица,ячейка таблицы,блок,ссылка и т.п.) самое главное это простота инициализации и стилизация. Можно с помощью jquery

    Asked by JastinB,

    0 votes
    2 answers

  19. Подскажите как избавиться от ошибочки

    Людии подскажите пожалуйста как исправить ошибку в jboard-3? При одобрении объявлений в админке выдаёт вверху такую ошибку и при удалении пользователем из блокнота выбраных объявлений тоже самое: Notice: Array to string conversion in /home/каталог/public_html/сайт.ru/admin/ conf.php on line 1565 Warning: Cannot modify header information - headers already sent by (output started at /home/каталог/public_html/сайт.ru/admin/ conf.php:1565) in /home/каталог/public_html/сайт.ru/admin/ conf.php on line 1577 Вроде всё работает нормалёк и объявления даже с этой ошибкой модерируются, но всётаки хотелось бы от неё избавиться.. в файле conf.php строка 1565: if(is_utf8($arr[$n]))$ar…

    Asked by IOzer,

    0 votes
    5 answers

  20. Расстояние между текстом и подчеркиванием текста

    Есть параметр CSS, устанавливающий подчеркивание текста: text-decoration: underline; Подскажите, пожалуйста, как увеличить расстояние между текстом и подчеркиванием текста?

    Asked by TorchTT,

    0 votes
    2 answers

  21. помогите убрать странный отступ снизу

    помогите убрать странный отступ снизу(для IE). используется плагин с сайта http://css3pie.com/ <html> <head></head> <title></title> <style> #main{ padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33)); background: -webkit-linear-gradient(#EEFF99, #66EE33); background: -moz-linear-gradient(#EEFF99, #66EE33); …

    Asked by pdbq,

    0 votes
    2 answers

  22. Как сделать картинку при наведении курсора картинка изменяется

    Вот код я использую: #header .site-info {padding:100px 0 0 120px;height:84px;text-shadow:1px 1px 0 #000;background:url(http://www.cod.game-pack.net/images/logocallofduty.png) 30px 40px no-repeat;overflow:hidden;} А вот код другой код: <div class="site-info"> Помогите!!!!

    Asked by GhostNiniga,

    0 votes
    2 answers

  23. Вопрос по верстке дайвами.

    Привет всем!.Собственно,я раньше учился верстать на таких известных тегах html как <table> , <tr>, <td> и т.д.,но когда начал изучать css,то понял,что могу обойтись без этих тегов и верстать на дайвах без проблем.Собственно,такой небольшой вопрос: Как сделать так,чтобы форма,сделанная на дайвах,не выделялась как текст?

    Asked by SteeLZzZ,

    0 votes
    3 answers

  24. Проблемы с ресайзингом div-a

    Вывожу динамически контент в div, по идее он должен ресайзиться по ширине и высоте контента. Так и происходит в Firefox и IE, но в Chrome и Safari почему-то ресайзится неверно в зависимости от контента. Код: <div id="KeyHistory" style="border: 1px solid #999999; position: absolute; background: white; display: none; z-index: 100; box-shadow: 3px 3px 4px 0px #ccc;"> <div class="FormHeader"> Exchange history <img src="form_cancel.gif" width="16" height="16" onClick="$obj('KeyHistory').style.display = 'none';" style="cursor: pointer; float: right; padding: 2px;"> </div> <div id="history" style="padding: 5px;"> <!——- Сюда вста…

    Asked by Terranin,

    0 votes
    1 answer

  25. Как сделать рамку

    Здравствуйте http://imedia.3dn.ru/ Под основным меню сайта я сделал еще одно так сказать под-меню. Но я хотел бы сделать это под меню такого же вида как и основное меню сайта, прошу помочь как это можно сделать

    Asked by Yura1,

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