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. Помогите, пожалуйста, написать стиль по описанию.

    Здравствуйте. Наткнулся на досадный баг в iBooks 1.1 связанный с тем, что текст, которому указано "left" в text-align, форматируется по ширине. Стал гуглить решение, нашёл, но довольно абстрактно описанное: Помогите, пожалуйста, восстановить стили для класса “center-both” по этому описанию.

    Asked by Ugo,

    0 votes
    4 answers

  2. HTML 5 и отсутствие DTD

    Здравствуйте. У меня есть классы на PHP, которые генерируют HTML-код форм согласно правилам вот этого документа - xhtml1-transitional_dtd. В классах объявлены массивы описания атрибутов элементов, которые являются отражением вышеупомянутой спецификации: class Html_ElementInput extends Html_Element { public function __construct($type=null) { parent::__construct(); $this->attrs = array ( 'type' => array('text', 'password', 'checkbox', 'radio', 'submit', 'reset', 'file', 'hidden', 'image', 'button'), 'name' => 'CDATA', 'value' => 'CDATA', 'checked' => array('checked'), 'disabled' => array('disabled'), 'readonly' => array('re…

    Asked by phpist,

    0 votes
    0 answers

  3. Какснаучиться создавать свои шаблоны.

    Я знаю html, css, actionscript, но вот беда: не умею делать шаблоны. Как они создаются и что мне нуно дополнительно знать для этого?

    Asked by htmlonline,

    0 votes
    9 answers

  4. Выравнивание кнопок по вертикали (chrome/webkit,firefox)

    Требуется сделать две большие кнопки одинакового размера. Оказалось, что при многострочном содержимом плывет выравнивание по высоте. Как выровнять кнопки по одной линии с разным содержимым? Такое поведение наблюдается в firefox, crome и всех браузерах на основе webkit. Смещение по вертикали 21px. Ниже код и скрины с хрома. <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> button { font: 700 60px "arial", "arial narrow"; width: 33%; font-variant:small-caps; height: 125px; overflow: hidden; margin: 5px 10px; } span.cfnDesc{ display:block; fo…

    Asked by cdrom,

    0 votes
    2 answers

  5. смена фоновой картинки и растяжка фона по ширине веб-страницы.

    У меня небольшой вопрос по поводу javascript. Можно ли сменить цвет фона с помощью обработчика события вот так: <button onClick:="document.bgImage= 'адрес' "> И как растянуть фоновую картинку по ширине веб-странички?

    Asked by htmlonline,

    0 votes
    3 answers

  6. Корректная разбивка на страницы

    Здравствуйте! Столкнулся с такой проблемой: когда содержимое xhtml-файла разбивается на страницы в произвольном порядке (в частности, ридером книг айпада), встречаются такие ситуации, когда иллюстрация оказывается на одной странице, а подпись к ней - на другой. Естественно, это портит впечатление. Вопрос: есть ли универсальный способ объединить изображение и подпись к нему в один неделимый блок, так чтобы при недостатке места для подписи, изображение немного сжималось? Или, в крайнем случае, переносилось на следующую страницу. Я пробовал задавать свойствах изображений: page-break-after: avoid; - не помогло. Пробовал объединить изображение и подпись в один div, и назначить…

    Asked by Ugo,

    0 votes
    2 answers

  7. Нужен "Наставник" =)

    Здравствуйте! Учусь верстке, сверстал первую верстку и столько негативных отзывов получил. (верстал для себя, просто так) в общем хочу научиться и без наставника мне сложновато... Я был бы очень благодарен вам за помощь! В общем скажу коротко и ясно, но к сожалению не очень любезно sad.gif (по другому будет долго, извините): Я скидываю вам psd, вы оцениваете, потом говорите "да" или "нет". Если да, я начинаю верстать. Если нет, я ищу другой макет до "да". И так по окончаний верстки я кидаю архив с html+css вам и Вы проверяете код и указываете что не так и почему оно не так, и как правильно решить этот "не так".

    Asked by aknur,

    0 votes
    5 answers

  8. Выравнивание подписи по нижнему краю рисунка

    Здравствуйте. У меня есть широкое изображение, подпись к нему, и неограниченное количество текста сверху и снизу. Как задать ширину изображения в 60% экрана и расположить подпись по нижнему его краю вот таким образом? Исходный код: <div class="img"> <img alt="" src="http://designyoutrust.com/wp-content/uploads/2011/01/eli-neugeboren-fashion-monsters-06-600.jpg" /> </div> <p class="under-picture">Test image sign.</p> <p class="text">Text text text...</p> Демонстрировать можно здесь: http://www.webdevout.net/test?02f Прошу прощения. Вовсе не собирался спамить. Просто кнопка создания темы никак не реагировала на нажатие, вот я и кл…

    Asked by Ugo,

    0 votes
    6 answers

  9. Мои вопросы по html/css

    Здравствуйте. Хочу все прописать в css файле. Нужно чтобы сайт-таблица был поцентру экрана. В html - это <center></center>, единственное нашел в интрнете, в css прописать Table {margin-left:auto; margin-right:auto;} но немного странным показалось, не будет ли каких-нибудь ошибок? Возможно ли в css файле указания подобного align: center?

    Asked by Andrey589,

    0 votes
    23 answers

  10. outer: высота / ширина - 100%

    Всем здрасте. Такая задача: #outer - на весь экран в независимости от разрешения (фон картинка); #content - оцентровать по середине; содержимое #content - абсолютно споцизионированные блоки; IE7+ Растянуть #outer мне удалось. Нашел в Гагле вот такие инструции: body, html {height: 100%} #outer { width: 100%; min-height: 100%; height: auto !important; height: 100%; } Но немгу понять как растянуть вложеннный в #outer блок (#content) по высоте. height: 100% на него не влияет. Так же его мне необходимо оцентровать. Подскажите плз. Пример можно посмотреть здесь

    Asked by paska,

    0 votes
    4 answers

  11. Кодировка в HTML

    Добрый вечер! Подскажите пожалуйста! Скачал шаблон в html и возник вот такой вопрос: Я измененил в шаблоне допустим слово Home(шаб. полностью английский) на слово Главная и при обновлении страницы вместо слово "главная" одни кракозябры. в чём дело? Пробовал создавать файл .htaccess c таким содержанием: AddDefaultCharset WINDOWS-1251 # AddDefaultCharset utf-8 Но непомогло! Что делать? Да и ещё пробовал подключать так: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> и utf-8 ставил, но безуспешно. код indedx.hlml надо?

    Asked by 123456789igor,

    0 votes
    11 answers

  12. Не могу убрать отступы

    Здравствуйте код такой <div id="wrap"> </div> в ксс body { background-color:#000000; } #wrap { min-height: 100%; background: transparent url('img/header-bg.jpg') repeat-x -240% 0; } как убрать вот ети отступы сверху,и по бокам, как будто фон сферху....чо то запутался(

    Asked by next,

    0 votes
    7 answers

  13. Непонятная проблема с прозрачностью

    Подскажите, совсем запутался. Есть следующий код (упрощенно): style.css body { background-image: url(../images/fon-clear.jpg); background-repeat: no-repeat; background-color: black; background-position: 0 160px; color: white; min-width: 1000px; height: 100%; } .main { min-height: 650px; width: 77%; bottom: 0; background-color: black; opacity: 0.7; -moz-opacity:0.7; filter:alpha(opacity=70); } index.php <body> <div class="main"> <div class="content"> ........................ ........................ ........................ </div> </div> </body> Т.е. суть - есть body, фоном для него использована картинка, внутри…

    Asked by Hmury,

    0 votes
    5 answers

  14. Как сделать закругленный фон меню ?

    Здравствуйте! Как сделать закругленный фон меню ? Нужно сделать как здесь: У меня ничего не выходит, пробывал по разному, можете пожалуйста подсказать... Получается вот так: Архив с сайтом: СКАЧАТЬ

    Asked by aknur,

    0 votes
    7 answers

  15. помогите сверстать таблицу

    Есть таблица вида: <table border="1"> <tr> <td>1</td> <td>2</td> <td>3</td> <td colspan="3">4|5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td colspan="2">5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td colspan="2">5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td colspan="2">4|5</td> <td>6</td> </tr>…

    Asked by vezunchik,

    0 votes
    1 answer

  16. Оцените верстку пожалуйста. Делал для себя.

    Здравствуйте! Скачал с интернета PSD шаблон сайта и сверстал. Прошу указать ошибки или недочеты и в общем оценить верстку. Буду очень благодарен! http://narod.ru/disk/3121133001/GreenOrange.rar.html

    Asked by aknur,

    0 votes
    14 answers

  17. Не работает условный фильтр

    у меня есть такой вопрос и, надеюсь, вы мне поможите. почему не работает условный фильтр для IE 6 в документе (x)HTML 1.0? для IE6 необходимо загрузить другую таблицу стилей. получается следующий код: <?xml...> <!DOCTYPE......> <html xmlns.....> <head> <title>......</title> <!-- [if IE 6] <style type="text/css"> @import("style_IE_6.css"); </style> --> <link rel="stylesheet"..... /> </head> ..... но для упомянутого выше документа почему-то загрузка таблицы style_IE_6.css не происходит. почему?

    Asked by LeD4eG,

    0 votes
    2 answers

  18. Подчёркивание ссылок

    <body> <div id="wrapper" > <div id="header" > <h1><a href="#" class="logotipe">main</a></h1> </div> <ul id="topbar"> <li><a href="#" class="Main" > Main </a> </li> <li><a href ="#" class="Families">Families</a> </li> <li><a href= "#" class="History" >History</a></li> <li><a href= "#" class="Events" >Events</a></li> </ul> </div> Ни как не могу убрать подчёркивание ссылок .. обьясните как это сделать ??

    Asked by Shermaruss,

    0 votes
    9 answers

  19. Помогите с буквицей

    Делаю буквицу. Требуется буквица у h2. Проблема в том что в FF все как надо показывается, а в Crome буква слишком высокая. Не получается сделать одинаково. Пример h2:first-letter { margin:0px 5px 0px 0px; line-height:10px; padding:10px; border:2px solid #825c35; font-size:200%; font-weight:bolder; background:url(climage:GUID=765929ED-87D5-47CF-BF4C-956FEB59F468&scalex=60&back=00000000&mul=A0f5bd4c); float:left; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-shadow: 0px 0px 4px #f5bd4c; }

    Asked by still swamp,

    0 votes
    7 answers

  20. затруднения с HTML и Сриптом

    Доброго времени суток! в кратце: я - владею графическими прогами на достойном уровне этим и живу, а вот html никак не выучил, пока есть вот этот сайт, он тока запущен... ^ Мы видим форму 1, вот ее надо как то передвинуть... смотрим ниже форма 1 должна быть сверху слева и притом ненмого изменены поля (добавлены новые, см. увелич вар.), но это еще что... на кнопке ЗАПРОС ^ нету никакой функции т.е. href "#", а нужен скрипт для отправки всех введеных данных на e-mail, это возможно? кто хоть поможет как двинуть это дело?

    Asked by bijouone,

    0 votes
    6 answers

  21. Подскажите как называется такой эффект?

    Вроде как такое можно сделать на JS, но вот названия этого эффекта я не знаю, поэтому ничего не гуглится ) Можно было бы наложить полупрозрачную картинку, но как сделать полупрозрачный градиент в фотошопе я хз, да и как-то не очень изящно будет =)

    Asked by SEObomj,

    0 votes
    6 answers

  22. Помогите с проблемой в опере и ie

    Мы с женой сделали сайт для нашего храма htttp://www.vavtovo.ru/hram. Это наш первый и, разумеется, некоммерческий сайт. Он достаточно простой, но, тем не менее, полностью устраивает и нас, и настоятеля. Мы столкнулись с нерешаемой для нас проблемой: когда смотришь галерею (точнее, нижние фотографии галереи) в ie7 и в опере, то полноразмерные фотографии появляются сверху за пределами просмотра монитора. Чтобы их посмотреть, нужно поднять прокрутку. Тогда как в хроме и мозилле все фотографии, независимо от их расположения, открываются по центру экрана. Подскажите, пожалуйста, как быть? Если такая ситуация уже где-то встречалась, пришлите, пожалуйста, ссылочку на решение. …

    Asked by uncleChalex,

    0 votes
    5 answers

  23. Центровка меню по вертикали

    Как отцентрировать меню по вертикали? Стиль: <style type="text/css"> #menu_up { background-image:url(images/menu_bg.jpg); background-repeat:repeat-x; width:100%; float:left; text-align:center; height:40px; margin:0 auto; } #menu_up .links li, a { display:block; float:left; text-align:center; list-style-type: none; background-image:url(images/menu_bg.jpg); font-size:14px; font-family:Arial, Helvetica, sans-serif; height:100%; text-decoration:none; color:#333333; margin:0 auto; position:relative; } #menu_up a:hover { list-style-type: none; background-image:url(images/btnact.jpg); background-repeat:no-repe…

    Asked by DrMartens,

    0 votes
    7 answers

  24. Как кнопку превратить в ссылку?

    Как кнопку превратить в ссылку? а точнее вот код кнопки <?php if($type == 'logout') : ?> <div id="logins"> <?php if ($params->get('greeting')) : ?> <?php echo JText::_('HINAME') ?><?php echo ($user->get('name') ); ?> <?php endif; ?> <form action="index.php" method="post" name="login" id="form-login"> <input type="submit" name="Submit2" class="button" value="Atsijungti" /> <input type="hidden" name="option" value="com_user" /> <input type="hidden" name="task" value="logout" /> <input type="hidden" name="return" value="<?php echo $return; ?>" /> </form> </div> и надо что бы это б…

    Asked by bowa,

    0 votes
    16 answers

  25. Табличный дескриптор <li>

    Как увеличить или уменьшить расстояния между табличными элементами <li>? Заранее спасибо <ul id="topbar"> <li class="Main"> Main</li> <li class="Families">Families</li> <li class="History" >History</li> <li class="Events" >Events</li> </ul> #topbar li { display: inline ; margin-top:20px; } Вот почему то вот так не получилось =(

    Asked by Shermaruss,

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