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. Проблема. Не тянутся блоки по высоте

    написал обычный двухколонный сайт: верх, под ним две колонки, ниже(типа футер). при добавлении текста тянется только одна колонка, которая с текстом, при чем наплывая на футер и т.д. вниз как сделать нормаль подскажите пожалуйста <body marginheight="0" marginwidth="0" alink="#F0F47A" vlink="#F0F47A"> <a name="up" id="up"></a> <div> <div class="head"> <div class="logo"><jdoc:include type="modules" name="top" /></div> <table cellpadding="0" cellspacing="0" class="pill"> <tr> <td class="pill_m"> <div id="pillmenu"> <jdoc:include type="modules" name="user3"…

    Asked by andvab,

    0 votes
    1 answer

  2. Проблема. Табличный дизайн. ASP. CSS

    Имеется сайт на ASP.NET. У него табличная структура. Вот пример кода. Интересует то, что находится между тегами <table class="categories">...</table> Вот, что отдает этот код в браузер (кусок кода): В строке 4 ячейки. Нужно сделать так, чтобы в строке было больше ячеек. Если бы удалось как-то вообще удалить табличные элементы, то задачу можно было бы решить простой вставкой стиля для .cat-name Например вот так: Удалив все табличные элементы и оставив только div блоки. Есть ли возможность с помощью стилей CSS как-то поправить ситуацию или все таки нужно обладать знаниями C#, на котором написан сайт? Или можно где-то найти эти куски кода html в этом asp? Или…

    Asked by DenPorsche,

    0 votes
    0 answers

  3. Проблеме промежутка

    Все доброе время суток! У меня проблема с промежутком между type="componet" и type="modules" Чтоб я не делал в html и в css не получается сдвинуть блоки между черный блоком и красный большой промежуток Помогите плиз, вся надежда на вас HTML <div id="content_middle"> <div id="content"> <jdoc:include type="component" /> </div><!-- END CONTENT --> <div id="clear"></div> <div id="news"> <jdoc:include type="modules" name="news" /> </div><!--END NEWS--> <div id="banner-bottom"> <jdoc:include type="modules" name="banner-bottom" /> …

    Asked by Bismuth,

    0 votes
    4 answers

  4. Проблемища при масштабировании

    При масштабировании ("ctrl"+"-") блоки съезжают друг под друга. Это такой баг браузеров и стоит забить, или же нужно делать как-то по-другому? При смене же разрешения ничего не смещается. Ну не переношу, когда вёрстка разваливается при масштабировании Это не первый момент с float в моих работах, раньше забивал, теперь хочется понять, почему так происходит? спасибо заранее <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> h…

    Asked by monsterr,

    0 votes
    21 answers

  5. Проблемка

    http://www.pokercollection.ru/ Объясните пожалуйста почему это происходит, и как с этим бороться?

    Asked by Jef,

    0 votes
    9 answers

  6. Проблемка

    1.В общем сверстал на дивах сайт, все вроде бы хорошо,вот только проблема с загрузкой, меня просто раздражает, когда один блок(с рисунком) на котором расположен основной контент исчезает на 1 сек, как бы мелькает,раньше эта проблема была почти на всех блоках которые не вставлены через img, теперь все сделал нормально,но все-равно этот блок так загружается когда переходишь на другую страницу. 2.У меня почему-то в ИЕ все что расположенно на блоке (о котором писал выше) а именно баннер, текст все съезжает вниз.Причем в Опере и в МФ все норм.

    Asked by ret,

    0 votes
    11 answers

  7. проблемка

    Проблема такая - имеется div, в который вложен другой div, и имеется картинка (<img>). При наведении мышки на картинку текст, находящийся в атрибуте alt, должен быть записан в первый (родительский) из этих двух divов. Считывается текст корректно, но с записью проблемы - div остается неизменным, хотя при выведении innerhtml через alert отображается содержимое этого diva так, как должно быть при корректной работе скрипта. Пробовал вложенный div добавлять вместе с текстом из alt, но это ничего не изменило. код html: <div class="abouter" id="a"></div> код js: var r = elem.getAttribute("alt"); document.getElementById('a').innerHtml = r+"<div class=\"a…

    Asked by Lemming,

    0 votes
    2 answers

  8. Проблемка (строчка)

    Есть вот такой код: <table cellpadding=0 cellspacing=0 border=0 > <tr> <td height=42 align=center valign=center style='border:1px solid black;'> <img border=1 src=zalivka.gif height=42 width=150><div style='position: relative; top: -50%; margin: 0 0 0 0;'>Текст</div> </td> <td> <img src=right.gif height=42> </td> </tr> </table> Т.е. в ячйке имеется картинка с градиентом, а на ней нужно вывести текст. Данный код это делает, текст оказывается на картинке. Но вот под картинкой почему то белая строка. Как будто фон от текста там остался, ну или перенос строки Или то что я хочу никак не сделать? П…

    Asked by Diver,

    0 votes
    6 answers

  9. Проблемка в адаптивном дизайне, гуглил-не нашел.

    Ситуация проста до безобразия... При чем сделал уже несколько адаптивных сайтов, но такой проблемы не было... Есть шапка, ширина 80%, в шапке три колонки например по 33% шириной. в итоге из-за такой шапки добавляется к сайту горизонтальная полоса прокрутки :-) в чем прикол кто может объяснить? Заранее благодарю. код - шапки #header{ position:relative; margin: 0 10%; width:80%; } код колонок - #col_left{ float:left; width:50%; height:auto; } #col_center{ float:left; width:20%; height:auto; } #col_right{ float:left; width:30%; height:auto; } как видите все просто... в чем может быть загвоздка не могу понять) измучался весь)

    Asked by Березовский,

    0 votes
    12 answers

  10. проблемка в таблице...

    как сделать чтоб текст был в верхнем левом углу например??? align="left" это чтоб левее. а как что он вверх поднялся???

    Asked by lacostex,

    0 votes
    6 answers

  11. Проблемка небольшая

    Вобщем, надо сделать чтобы картинка и текст под ней (назовем это для краткости карточкой) были отцентрированы по центру. Т.е. чтобы карточки распологались друг за другом... Ой че-то я запутался как сказать =). Вобщем вот код. работает только в ИЕ7, Опера и ФФ. Не работает в Сафари и, кажется, в ИЕ6. Как сделать чтоб везде работало? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=windows-1251"> <title>Титле</title> <style> body{text-align:center} table{width: 100px; text-align: center; display:inline;…

    Asked by Константин,

    0 votes
    8 answers

  12. Проблемка при переходе с bootstrap 3.3.7 на 4.1.0

    Всем привет, В Laravel 5.6 /vuejs2.5 приложении перешел с bootstrap 3.3.7 на 4.1.0 и читая доку http://bootstrap-4.ru/docs/4.1/migration/ поменял классы в своих тиемплейтах Но кое что работает неправильно . У меня есть редактор одной строки, и он выглядит очень узко хотя должен быть максимально широко на любом устройстве. Printscreen И непонятно почему в диве с классом card-body рядом появилcя класс table-responsive который я не вс тавлял - так как на этой странице таблицы нет ... <div id="app" style="background-color: blue" style="background-color: yellow; border: 2px dotted green; width: 100%" class="col-12"> <app-header &gt…

    Asked by mstdmstd,

    0 votes
    2 answers

  13. проблемка с .htaccess

    На lokalhost установил cms.... но при заходе на главную страницу (lokalhost т.е. index.html) браузер меня кидает в inet на какойто сайт, а при заходе lokalhost/index.html вс? нормально Вобщем проблема как я понял с .htaccess, что там не так не понимаю вроде стандартный беру каторый работал до этого php_value magic_quotes_gpc 0 php_value allow_url_fopen 1 php_value register_globals 0 php_value short_open_tag 1 AddType application/x-httpd-php .html .htm RemoveHandler .html .htm AddHandler x-httpd-php .html .htm DirectoryIndex index.html index.php

    Asked by antonP,

    0 votes
    4 answers

  14. проблемка с <select>

    Всем привет. Пишу портальчик на php. Нужно сделать выбор ролей пользователей из списочка с мультивыбором. При генерации страницы высылаю с сервера список с уже выбранными опциями, показывающими текущие установленные роли с атрибутом selected. При выборе других ролей и сабмите формы, на сервер приходят именно те опции, которые были помечены атрибутом selected. Подскажите как это побороть.. ЗЫ на пхпфоруме мой вопрос проигнорировали. Неужели я один с таким столкнулсо? ЗЫЫ проверял в хроме и в експлорере - эффект один и тот же.

    Asked by stasuss,

    0 votes
    3 answers

  15. проблемка с background и img

    заходите по ссылке там строничка, в верху на картинке как должно быть а ниже то что я пытался сделать.... ;( http://panchenko.jino-net.ru/nt/ верстальщики ПОМОГИТЕ

    Asked by antonP,

    0 votes
    2 answers

  16. Проблемка с before и after

    Че то как то не охотно получается то что надо..... в общем вот http://jsfiddle.net/tns5b/5/ Вроде прописал нормально все, а он на всю ширину размещается, тока вот почему понять что то не могу...

    Asked by BSandro,

    0 votes
    4 answers

  17. Проблемка с clear ((

    Хочу создать такой макет...: 1.header с заданной высотой... ширина:100% (минимальная ширина:1004px) 2.Сайдбар(левый) фиксирован по ширине.... по высоте тенятся в зависимости от контента... 3.#content_center - блок фиксирован по ширине, тянется виз... (в зависимости от наполнения контентом) 4.#content_right - резиновый блок, тянется вниз и вправо... (в зависимости от наполнения контентом) 5.#content_foot - резиновый блок, тянется вниз и вправо... находится под блоками: #content_right и #content_center 6.footer с заданной высотой... ширина:100% (минимальная ширина:1004px) Вот так это выглядит на рисунке: —————— Архив с моей вёрсткой Посмотреть можно тут —————— Практически …

    Asked by alexander.parphenuyk,

    0 votes
    14 answers

  18. Проблемка с divами! подскажите

    Подскажите, пожалуйста! Имеется 3 блока div выстроенные в линию один за другим. Первый и третий блоки имеют фиксированную ширину в px, надо сделать, чтобы блок, который находится между ними растягивался в зависимости от разрешения экрана. Помогите, буду очень благодарен! Вот, собственно, код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Слои по горизонтали</title> <style type="text/css"> div { margin:0; } #layer1 { background-color: #fc0; /* Цвет фона слоя */ float:left; background:url(img/…

    Asked by Vitten,

    0 votes
    5 answers

  19. Проблемка с Firefox

    В общем заметил такую вещь, что изображения в "Лисе" какие-то размытые, не четкие. По каким причинам изображение получается размытым? Это особенность рендеринга "Лисы" или же это я где-то напортачил из-за незнания особенностей "Лисы"? Как это лечить? Для сравнения привожу два скрина, первый из Хрома, а второй из "Лисы": Спасибо за внимание.

    Asked by Beck,

    0 votes
    4 answers

  20. Проблемка с firefox и chrome

    В браузерах firefox и chrome когда в форму ввода текста вводишь какие-нибудь данные, браузер их запоминает. Например, тут http://zthata.com.ua/map в поле названия улицы, когда вводишь первую-вторую буквы появляется выпадающий список с улицами на эту букву и ты выбираешь нужную себе улицу. Но, потом когда ты опять ищешь улицу на ту букв которую искал раньше, тебе помимо выпадающего списка улиц самого скрипта еще сам браузер показывает список улиц, которых ты раньше выбирал. Как сделать, так чтобы браузер не показывал введенный ранее мной текст.

    Asked by Angel_33_3,

    0 votes
    2 answers

  21. проблемка с input-ами в разных браузерах

    Здрасьте. Всем хорошего дня (у кого вечер - тому хорошего завтрашнего дня). Как выранить текст в input по вертикали так чтобы во всех броузерах он был посредине (valign не проходит). Вот код: <div id="forma"> <p> бла-бла-бла - текст: </p> <form> <input type="text" value="введи свой e-Mail" id="e-adres"> <input type="text" value="введи свое имя" id="e-name"> </form> </div> CSS: #forma {width:210px; margin:80px auto 0 auto; font-family:verdana, arial, helvetica, sans-serif; font-size:11px; color:#999; text-align:center} #forma p {margin:0 10px 20px 10px} #e-adres, #e-name {width:175px; height:30px; border…

    Asked by copyright,

    0 votes
    2 answers

  22. ПРоблемка с td align

    Я вот тут начил только недавно изучать html и решил сделать сайт нов вот столкнулся с проблемой при верстки шапки вот код что в нем не правельно думаю очень много <table border="0" cellpadding="0" cellspacing="0" width="100%" height="43" style="background:url('http://topmovie.ucoz.ua/tpl/head1_center.png');"> <tr> <td align="left" width="384" style="background:url('http://topmovie.ucoz.ua/tpl/head1_right.png')no-repeat;" ></td> <td width="27" align="right" style="background:url('http://topmovie.ucoz.ua/tpl/head1_left.png')no-repeat;"> </td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" width="1…

    Asked by pass,

    0 votes
    0 answers

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

    Есть такая вот тестовая страница: Страница Столкнулся с такой вот проблемой, мне нужно, чтобы центральная часть страницы растягивалась по высоте браузера, в зависимости от разрешения экрана у пользователя. Но когда я ставлю центральному блоку height: 100% то появляется вертикальная прокрутка, как я понял центральный блок принимает за 100% размер body, т.е. если у нас body равен 100%, а именно размерам окна браузера по вертикали, к примеру 890px, то и размер центрального блока становиться 890px…почему хз. Где я допустил ошибку, в чем проблема?

    Asked by eVErl@Sting,

    0 votes
    4 answers

  24. Проблемка с версткой..

    В общем, раньше в основном занимался PHP, теперь занялся версткой. Такая проблема. <!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <title>.</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Loading Bootstrap --> <link href="bootstrap/css/bootstrap.css" rel="stylesheet"> <!-- Loading Flat UI --> <link href="css/flat-ui.css" rel="stylesheet"> <link rel="shortcut icon" href="images/favicon.ico"> <!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. --> <!--[if lt IE 9]> <scr…

    Asked by ANTIGREEFER,

    0 votes
    2 answers

  25. проблемка с вложенной таблицей

    есть такой кодик: <html> <head> <title>Пипец!!!</title> </head> <body leftmargin="0" topmargin="0" bottommargin="0" rightmargin="0"> <table width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr align="center" height="100%"> <td bgcolor="#808000" valign="middle"> <table width="90%" height="90%" cellspacing="0" cellpadding="0"> <tr> <td width="66%" bgcolor="#00FFFF"></td> </tr> </table> </td> </tr> </table> </body> </html> проблема в том что таблице задано положение valign="middle" в ОПЕР…

    Asked by CAs...,

    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