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. как вставить ссылку

    <menu> <item type="news" title='Сайты' /> <item type="about" title='Доп. услуги' /> <item type="gallery" title='Фото' defaultOpen="yes" /> <item type="swf" title='Видео' url="swf/swfdemo.swf" /> <item type="contact" title='На главную'/>—>вот это нужно сделать ссылкой на главную страницу! Подскажите как? </menu> Это флэшка

    Asked by Apostol87,

    0 votes
    0 answers

  2. Расстянуть макет вместе с виджетом.

    День добрый. Сорри, если вопрос покажется глупым, но он меня немного в ступор вогнал. Буду дико признателен, если поможете мне справиться с данной проблемой. Как реализовать так, чтобы макет расстягивался одновременно вместе с добавляемыми виджетом комментариев?

    Asked by dexter,

    0 votes
    2 answers

  3. Прыгающие кнопки

    Ребят, выручайте. Вот простейший пример: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="language" content="ru" /> <title>test</title> <style> input[type="submit"] { width: 300px; height: 60px; border: 1px solid black; margin: 0 auto; } </style> </head> <body> <div style="background-color:#eee; width:650px; text-align: center;"> <input type="submit" …

    Asked by fr1ar,

    0 votes
    3 answers

  4. ol li + table на одном уровне вместе с порядковым номером

    Делаю так: <ol> <li><table style="border: 1px solid red"><tr><td height="100"></table> <li><table style="display: inline-table; border: 1px solid red"><tr><td height="100"></table> </ol> Оба варианта не работают, причём отображается по-разному в IE, FF, Chrome. Нужно, чтобы порядковый номер <li> был на одном уровне с таблицей. Есть простой способ? Может лучше отказаться от <ol> и сделать одной таблицей?

    Asked by Yea,

    0 votes
    2 answers

  5. Указатель кол-ва просмотров страницы

    Добрый день всем, интересует один вопрос, необходимо на статьи поставить счетчик кол-ва просмотров (пример на скрине), если есть идеи буду примного благодарен!.

    Asked by selebros,

    0 votes
    3 answers

  6. Полоска между блоками

    У меня возникла белая полоска между блоками header и content. Как убрать данную полоску? body { margin: 0px; padding: 0px; } #wrap { margin: auto; width: 1000px; } #header { height: 200px; background: url(../img/header-background.png) #348016 repeat-x; } #logo { text-align: center; padding-top: 34px; } #content { background-color: #CCCCCC; } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="css/style.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> …

    Asked by mastermedia,

    0 votes
    2 answers

  7. не хочет работать @font-face

    Доброго времени суток! Такая проблемка возникла... Ни один браузер не хочет видеть новый шрифт. Делаю все локально. Может в этом проблема? Копирую пример @font-face с этого сайта...но эффекта никакого... Заранее спасибо.

    Asked by panas_dnepr,

    0 votes
    6 answers

  8. Нестандартные динамически фигуры

    Всем привет. В общем есть такая задача, нужно при наведении сделать вот такую вещь Соответственно вставить просто картинкой не получится, растянуть тоже. Кто что посоветует сделать?! Спасибо )

    Asked by MadChild,

    0 votes
    7 answers

  9. Не разберу синтаксис

    Здравствуйте, форумчане! Помогите разобраться! Назовите язык, где встречается конструкция ajax.submitform(url, par1, par2), и какие параметры должны быть здесь подставлены. По виду напоминает создание Ajax запросов с помощью jQuery - шаблон $("селектор").load(url,данные,функция) Поправьте, если ошибся. Заранее благодарю.

    Asked by hike,

    0 votes
    4 answers

  10. php+mysql vs js(jq)

    Писал себе сайтик небольшой, для собственных нужд, скриптики различные и тд. Так вот, пользовался php+mysql. Не знаю почему, ну наверное потому что именно php был первым веб языком который мне встретился. Выбирать я не стал и остался с этим вот чудом. И как-то написал скрипт(парсер), так вот на php+mysql чтоб спарсить нужную мне инфу, мне пришлось прибегать к регулярным выражениям, и прочим веселым вещам, ну да я смирился. Но на днях на форуме случайно встретил скрипт, почти такой же по функционалу как мой, но он написан на jquery без всяких php+mysql(как это делал я). Так вот допустим в jq спарсить нужную мне инфу, можно было всего 1 строчкой например: $('div#profile') -…

    Asked by Я за!,

    0 votes
    15 answers

  11. Подскажите статьи на один вид верстки

    Здравствуйте. Есть способ верстки, когда составляешь код так, чтобы потом одним кликом можно было изменить его с трехколоночного, на одноколоночный. Делается это, наверное, скриптом, но сама верстка тоже не обычная. Если вы знаете статьи на эту тему, напишите пожалуйста. Изображение. По клику на схему сайт перестраивается или вот так. Был такой шаблон wordpress, давно видел его, который при добавлении нового материала вставлялся произвольно на страницу и все — маленькие, большие материалы смешивались и образовывали такой пазл. Это даже верстка не та, что меняется при изменении размера экрана, не знаю точно. Мне представляется, что нужно много классов стилей и скрипт, ко…

    Asked by panig,

    0 votes
    0 answers

  12. Понимает ли Chrome <br class="clear" /> ?

    Понимает ли хром такую запись - <br class="clear" /> Во всех браузерах нормально выглядит конструкция, есть перенос и отступ строки, а хром как будто не замечает в упор этой записи и продолжает выводить текст как будто там ничего и не стоит. Если он таких вещей не понимает то на что можно данный код заменить?

    Asked by weffer,

    0 votes
    19 answers

  13. Проблемы Dreamweaver CS6

    Dreamweaver СS6 при редактировании файликов .php зависает и "не отвечает" у кого было подобное? как с этим бороться? Открываю файлик template.php с шаблона Joomla 2.5 вписываю скрипт или редактирую его и программа зависает.

    Asked by macssss,

    0 votes
    4 answers

  14. Выравнивание содержимого по центру

    Как выровнять содержимое сайта по центру, то есть сайт должен быть в полный экран, при изменении размеров окна браузера не должно появляться полос прокрутки, а содержимое "уходило" за окно браузера в одинаковых пропорциях. Пример: 1 2 3 4 5 <body style="width: 100%; height: 100%"> <section style="width: 100%; height: 100%"> </section> </body> Пусть окно браузера имеет ширину/высоту 100%, при уменьшении его ширины/высоты на 10% тег <section> и его содержимое должно "уходить" влево/вверх на 5% и вправо/вниз на 5%. Яркий пример реализации - http://www.blacknegative.com Нечто похожее есть у Лебедева, но его способ не работает при задани…

    Asked by ar00,

    0 votes
    9 answers

  15. Проблема с выпадающим меню

    Приветствую! Есть проблема. Нужно сделать выпадающее меню с картинкой. То есть чтобы получилось следующее: Надо чтобы картинки и ссылка были как бы одним блоком чтоли. Само меню сделал, а вот картинку когда вставляю все едет. Может нетуда вставляю. Вот код: HTML <ul class="my_menu"> <li><a href="#"><img src="my_img.jpg />"Провод СИП</a> <!-- пробовал так --> <ul> <li><a href="#">- IEK</a></li> <li><a href="#">- Арматура для СИП 4</a></li> <li><a href="#">- Арматура для СИП 6</a></li> </ul> </li> </ul> CSS .my_menu li{ float: left; pos…

    Asked by Digidie,

    0 votes
    1 answer

  16. Подскажите новичку,ПЛИЗЗ!

    Люди добрые! Подскажите! Только начинаю разбираться. На сайте появился чужой попандер (признаюсь, что только благодаря ему приняла решение изучить HTML,CSS). Так как плохо разбираюсь в кодах, просматривая редактор вводят в ступор: "...а что тут написано?" На самом деле, подскажите, что тут написано: </div> <!-- wrapper --> </div> <!-- container --> <div id="footer"> <div id="footer_credit"> Авторские права © <?php echo date('Y'); ?> <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>.<br> </div> <!-- <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?&…

    Asked by bond312,

    0 votes
    4 answers

  17. Фиксирование блоки

    Есть таблица: <table width="775" height="851" style="background: url(img/beck1.gif) repeat-y;" cellpadding="0" cellspacing="1" align="center"> <tr> <td colspan="2"><img src="img/up1.gif" width="773" height="11" alt=""> </td> </tr> <tr> <td width="179" height="279" align="left" style="background: url(img/m3.gif) repeat-y;" id=ZZZZZZZZZZ><IMG SRC="img/m1.gif" WIDTH=179 HEIGHT=279 ALT=""> </td> <td> <table border="0" cellpadding="0" cellspacing="0" align="center"> <tr align="right" valign="top"> <td colspan="2" id=ZZZZZZZZ…

    Asked by chest,

    0 votes
    5 answers

  18. Убрать рамку в конструкции <a><img></a>

    Дело в том, что в качестве подчеркивания ссылок в шаблоне я использую border-bottom-width: 1px; border-bottom-style: dashed; Из-за этого в конструкции <a><img></a> под картинкой появляется ненужная граница. Как ее красиво убрать применимо ко всем картинкам со ссылками?

    Asked by Jackky,

    0 votes
    13 answers

  19. Загругленные углы

    Здравствуйте Очень хочу научится делать закругленные углы, но ни в какую не получается... Облазил весь интернет, статей очень много, но не выходит. Без картинок получается, но такой блок очень ограничен. например, я хочу чтобы мой блок был прижат справа, а округленные углы были только слева + чтобы была шапка, тоесть весь блок оранжевый, шапка черная, и левый верхний угол закругленный черного цвета, левый нижний оранжевого соответственно. Если не сложно опишите принцип и рабочий код, который вы используете например. Также вопрос, какие должны быть сами картинки по размеру? и зависят ли они от размера блока?

    Asked by Dumle,

    0 votes
    23 answers

  20. Спидбар - что это такое?

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

    Asked by aaron,

    0 votes
    4 answers

  21. Двойное выпадающее меню

    Добрый день!Подскажите пожалуйста как сделать горизонтальное двойное выподающее меню на HTML 5.

    Asked by RoFF,

    0 votes
    11 answers

  22. Проблемы с кодировкой

    Добрый день! Столкнулась с такой проблемой. Скачала шаблон сайта и в самом начале документа указаны следующие строки: <!DOCTYPE html> <html lang="en">. Если я правильно поняла, то это HTML5. Перекодировала в ANSI и изменила charset на windows-1251. Затем мне необходимо было изменить текст в шапке сайта, как раз там, где красуется логотип (на самом деле вместо логотипа просто текстовое наименование компании), но когда меняю английский текст на русский, то русский текст не отображается. Я не могу понять, в чем причина. Можете подсказать, что делать? lang="en" меняла на lang="ru", но это не помогло, к сожалению. Буду благодарна, если найдутся те, кто смогут по…

    Asked by yatsan,

    0 votes
    31 answers

  23. Вывод категорий по ID. WP

    тему закрыть

    Asked by PREDATORik,

    0 votes
    0 answers

  24. По поводу DOCTYPE и метов для моб. сайтах

    Скажите, какие DOCTYPE и маты нужно указать в мобильном сайте?

    Asked by anna-2010,

    0 votes
    1 answer

  25. HTML5 - CSS3 пора?

    Добрый день, я начинающий верстальщик. Сам занимаюсь разработкой несложных сайтов-визиток, но решил что необходимо повышать уровень! Решил я начать соответственно с базы - верстка PSD макетов. Сейчас как всем известно вышли новые стандарты HTML5 и CSS3. К сожалению, пока они полностью не поддерживаются всеми браузерами, тогда как быть? Я хочу учится верстать и начинаю уже именно с HTML5 и CSS3, но используя последние стандарты, мне просто придется прибегать к JS для кроссбраузерности, но как я буду это делать, если толком верстать не умею.. А про JS вообще молчу. Что посоветуете? Благодарю всех за ответы. С уважением Дмитрий.

    Asked by Progerd,

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