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. Помогите с дизайном

    Решил написать сайт к игрушке одной, старенькой. Вот, ломаю голову над дизайном. Решил выложить на обозрение Надеюсь, кто нить что-то скажет, поправит ошибки, или хотя бы укажет на них. p.s. Текст будет скорее всего не красный. Просто он в Paint открыт был, его и оставил. Как думаете, текст черный сделать, или какой?

    Asked by Gotafak,

    0 votes
    3 answers

  2. Проблемы Со Скриптом

    Ребят, подскажите как сделать так, чтобы со скриптом, который ниже (ставит картинку во весь экран) можно было не одну картинку во весь экран поставить, а несколько, чтобы их можно было просматривать, используя полосу прокрутки. Пробовал через table, frame - безуспешно. С frame делил страницу на 3 столбца, вставлял 3 фотки, еще добавлять картинок не получалось, т.к нет полосы прокрутки. С table-ом почти тоже самое или хуже. Вот сам скрипт:

    Asked by apple0101,

    0 votes
    1 answer

  3. Помогите победить background-image

    Здравствуйте гуру CSS Помогите пожалуйста дилетанту. Уже который день бьюсь, не могу поменять фон на изображение. Нашел кусок кода, который за это отвечает. Прописал background-image: url(images/111.gif);-ничего не происходит. Причем если меняю фон с помощью тега background:#666666;-то он меняется без проблем. Использую Joomla 1.5 + virtuemart 1.1.9 вот кусок кода из template.css /*——————————————————————————————*/ /*———————————-- Main Design Styles ———————————--*/ /*——————————————————————————————*/ body {background:#666666; background-image:url(images/111.gif); } .indent-content { padding:0 10px 5px 10px;} .main {width:1100px;} .main-indent {padding:22px 4px 25px 4px;} …

    Asked by eralef,

    0 votes
    4 answers

  4. Помогите с тегом <base>

    Интересно, как задавать правильно базовый адрес ссылок. Почему-то код страницы не работает как надо, т.е. не выводит картинку... <html> <head> <title> Велосипед </title> <base href= "http://wallenokk.wallst.ru/pic"></base> </head> <body> <img src="bicycle.jpg"> </body> </html> И в то же время следующий код работает <html> <head> <title> Велосипед </title> </head> <body> <img src="/pic/bicycle.jpg"> </body> </html>

    Asked by neznayka,

    0 votes
    9 answers

  5. Помогите настроить положение текста в таблице

    Помогите настроить положение текста в таблице, я уже часа 3 сижу ничего по толку сделать не могу, помогите!!! В таблице есть картинка которая всплывает при наведении, как видите она находится в таблице, из-за картинки текст смещается чуть-чуть вверх, а мне надо чётко по середине, как по вертикале так и по горизонтале. Помогите пожалуйста))) <html> <head> <style type="text/css"> A.S1 { display: block; width: 200px; height: 30px; } A.S1:hover { background: url(1.gif); (Ссылка на всплывающую картинку) } </style> </head> <body> <table border="0" cellspacing="0"> <tr> <td width="200" height="30" align="center"><a href=…

    Asked by skoch244,

    0 votes
    4 answers

  6. Js

    $(document).ready(function () { $("#lean_more").toggle ( function() { $("#contentmore").fadeOut(1000); $(this).text("Читать дальше"); }, function() { $("#contentmore").fadeIn(1000); $(this).text("Свернуть текст"); }); }); не работает... Почему??

    Asked by penchukov,

    0 votes
    1 answer

  7. Помогите с css

    для меню нужно сделать стиль активной ссылки - вот что прописал но не работает, при наведении срабатывает и потом возвращается в исходный стиль.. вот код, заранее спасибо огромное. это wordpress уже всяко делал КОД часть header ———-- <div id="hmenu"> <!-- Horizontal navigation menu --> <ul> <li><a class="v" href="<?php echo get_settings('home'); ?>"><?php _e('Home', 'f2') ?></a></li> <?php wp_list_pages('title_li=&depth=2&sort_column=menu_order&exclude='.f2_option('hmenu_exclude')) ?> <li class="hmenu_rss"><a href="<?php bloginfo('rss2_url'); ?>"><?php _e('Feed', 'f2') ?>&lt…

    Asked by viso,

    0 votes
    4 answers

  8. Помогите разобраться с таблиуей

    Здравствуйте помогите пожалуйста разобраться с рамкой вокруг текста суть ошибки заключается в том что надо убрать отступ после верхней строки у крайних элементов чтоб просвета небыло вот исходный код <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c1.png" alt="" height="84" width="84"> </td> <td style="background: url(http://www.pn.revendge.ru/images/elements/ram/c2.png)"></td> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c3.png" alt="" height…

    Asked by litehause,

    0 votes
    2 answers

  9. Много картинок на странице

    Привет. Хочу задать вам такой вопрос. Создаю страницу каталога продукции. Много картинок. Везде приходится указывать размеры (высота, длинна). Предварительно выписав их на листочеч чтобы не запутаться. Отнимает много времени и если меняешь размер картинок то все приходиться переделывать. Может кто знает секрет какой управления размерами. Каким нибудь унивесальным смойством, а может кто и скрипт подскажет. Спасибо.

    Asked by getalusk,

    0 votes
    9 answers

  10. CSS меню

    Имеется выпадающие CSS меню. Подскажите как сделать в выпадающем списке ещё один выпадающий список? Вот графически показываю как хочу: Текущий код: <div class="menu" align="left"> <li><a href="#" target="_self" >Технологии</a> <ul> <li><a href="javascript://" onclick="new _uWnd('ajax','AVS','800','600',{autosize:false,modal: true,close:true,header:true,nomove: true,fixed:true},{xml:false,url:'http://audi-info.at.ua/publ/audi/models/avs/2-1-0-9'})">AVS</a></li> <li><a href="javascript://" onclick="new _uWnd('ajax','ABS','800','600',{autosize:false,modal: true,close:true,header:true,nomove: true,fixed:true},{…

    Asked by _ZheKA_,

    0 votes
    3 answers

  11. <div>

    Какие значения для <div> необходимо задать, чтобы он вытягивался по отношению его содержимого.

    Asked by penchukov,

    0 votes
    6 answers

  12. помощь с jquery

    решил создать сайт с биографическим содержанием. Нашел плагин jquery "Circular Content Carousel". Итак, мне нужно, чтобы эти блоки умели передвигаться как в плагине "jquery elastislide" ну и наконец - панель управления(или "админка"), чтоб можно было создавать, редактировать описания этих животных, вставлять картинки и т.п. ну в общем все как у людей. А так, без админки можно только вручную в кодах вставлять описания и самому кидать изображения в папку images,потом на них ссылки писать и т.п- это, знаете ли, требует много сил и нервов. p.s на самом деле, я хочу таким образом выкладывать биографии людей, а не этих зверюшек) help me obi van kenobi!

    Asked by qeemiho,

    0 votes
    2 answers

  13. Расстояние между рисунком и div-ом только на строгом Doctype.

    Здравствуйте. Есть полностью валидный html-код: <!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>Между рисунком и div-ом есть расстояние</title> <style type="text/css"> html,body { margin:0px; padding:0px; min-width:930px; width:100%; height:100%; } </style> </head> <body> <div style="width:183px;"> <img src="1.gif" style="width:183px;height:20px;" alt=""/> <div style="background-color:red;widt…

    Asked by maasja,

    0 votes
    4 answers

  14. Помогите правильно вписать блоки

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

    Asked by persssik,

    0 votes
    2 answers

  15. input, border-radius & pie

    Добрый день. Задача: нарисовать input с закругленными углами. Проблемы собсно с этим никакой нет, только вот ie7 и ie8 как то странно его рисуют: "съедают" нижний border, не могу понять в чем дело В коде ничего интересного нет: border-radius: 19px; -moz-border-radius: 19px; -webkit-border-radius: 19px; -khtml-border-radius: 19px; behavior:url('css/PIE.htc'); В итоге видим - http://pikucha.ru/i6K0H Если приглядеться, то можно увидеть, что background инпута сверху имеет отступ в 1px. Как поправить ? Заранее спасибо!

    Asked by lolka84,

    0 votes
    4 answers

  16. Меню с закруглёнными углами

    Доброго времени суток! В общем проблема такая. Есть верхяя менюха. При наведении на пункт background-ом должно быть изображение. Оно с закругленными углами. И оно должно тянутся в зависимости от количества символов. Помогите люди добрые. Подскажите как такое сделать??? вот пример http://itmages.ru/image/view/309842/e7c5ce56

    Asked by Digidie,

    0 votes
    21 answers

  17. Inline-block

    Привет. http://jsfiddle.net/6GbSf/3/ Как сделать, что б блоки выравнивались "по-верху" ? Заранее благодарю! Отбой, оказывается vertical-align:top; тут прекрасно работает

    Asked by lolka84,

    0 votes
    0 answers

  18. Резиновая вёрстка: Шапка в пикселях, контент высотой 100% и футер тоже в пикселях

    Хочу сделать макет с фиксированной шапкой, 100% контентом и фикс. футером и чтобы всё вмещалось на страницу без прокрутки (если мало контента), но прокрутка всё же немного появляется. В чём может быть дело друзья? Заранее спасибо! =) Ссылка HTML CSS

    Asked by CrazyFrog,

    0 votes
    6 answers

  19. Сложная таблица без вложений

    Здравствуйте! Уже второй день пытаюсь сделать таблицу без вложений, но получается ерунда. В принципе не новичек, но с таблицами что-то туговато. Хочу получить такую таблицу Если знаете, напишите пожалуйста код. Буду премного благодарен))

    Asked by srs6270,

    0 votes
    7 answers

  20. Opera next + embed + f5 = crush

    Доброго времени суток. Есть проблемка небольшая. http://beavers-net.narod.ru/crush_f5.html Код простой, валидацию проходил - только реклама янды осталась. <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title> f5 - crush prinmer </title> </head> <body style="background: #242; margin: 0 auto; padding:10px ; text-align: center;"> <p> <object data="psme_shindai.mp3"> </object> </p> &…

    Asked by tt48,

    0 votes
    0 answers

  21. Как правильно подбирать шрифт?

    Подскажите как правильно подбирать шрифт при верстке?

    Asked by Sergey410,

    0 votes
    1 answer

  22. Сделать обтекание блока в нижнем углу

    Не пойму... В угол я его могу прижать только позиционируя. Но тогда он вырывается из потока и не обтекается. margin-top - не даст обтекать сверху. инлайновым через <img> не вариант - привязываемся к жёсткому заданию всех параметров текста. А такой возможности нет! У кого какие мысли есть?

    Asked by Nanto,

    0 votes
    4 answers

  23. Вёрстка для КПК / PDA

    Всем привет. Есть кучка вопросов возможно будут ещё. 1. Какой DOCTYPE выбрать для пда режима? 2. Как вравильно подобрать ширину экрана для телефона? Поставить ширину 100% или поставить фиксированую ширину с максимальной и минимальной шириной? 3. Лучше использовать таблицы или дивы? 4. Как сделать чтоб дизайн адаптировался под размер экрана телефона или монитора? Думаю пока всё, заранее спасибо

    Asked by fullzero,

    0 votes
    3 answers

  24. Баг сафари ?

    Привет. Вычитал в гуглах как убрать отступы при использовании inline-block, но сафари вер. 5.1.1 упорно не хочет этого понимать. Даже 7й ослик прекрасно это хавает http://jsfiddle.net/QutPn/2/ Как победить ?

    Asked by lolka84,

    0 votes
    6 answers

  25. Очень простой вопрос

    Это кажется само собой разумеющимся, что у фото-галерей да и других фоток есть маленькие дубликаты thumbs. (превьюшки). И я их тоже использую. Но воспрос все же остается. Зачем их используют? Только для того, чтобы уменьшить размер сайта при загрузке? В сети натыкался только на то, как их сделать, а на вопрос "для чего?" ответа нигде не было. Подскажите, пожалуйста.

    Asked by oke11o,

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