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. Проблема с SWF (флешь ролика) при верстке, происходит белый скачок

    Всем добрый день коллеги, столкнулся с такой проблемой при верстке: При загрузке флешь ролика (.SWF) происходит моргание белым цветом (если не моргнет попробуйте в другом браузере) далее ролик начинает играть. Вот тут вот сама проблема: http://andersstilleben.com/ Сразу отвечу: в ролике белого цвета нет вообще, только черный: #000000 Бит рейт SWF ролика при компиляции 18 кадров, также делал 36 фреймов, проблема не в ролике 100% Проблема наблюдается в бразуерах: Opera, Safari, Chrome и вроде в некоторых IE Код index.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/19…

    Asked by maple85,

    0 votes
    2 answers

  2. Громоздкий код

    Добрый день. Подскажите пожалуйста, есть ли возможность подключать один .html файл внутрь другого. У меня есть много файлов .html, скажем лого, меню, разные колонки и т.д., и я хочу соединить это всё воедино. Конечно можно создать один .html и туда всё скопировать из всех файлов, но тогда мне будет тяжело это редактировать и дописывать новое. Мне надо чтобы файл выглядел приблизительно так: <body> {include file="logo.html"} {include file="menu.html"} {include file="left.html"} {include file="right.html"} {include file="post.html"} {include file="foot-menu.html"} {include file="foot.html"} </body> Я пробовал уже разные варианты, которые нашёл в интернете, но чт…

    Asked by Arinden,

    0 votes
    3 answers

  3. Расставление img ссылок на едином background'e

    Пришлось немного пописать, и возник один вопросик. Вот,например сделал я лого, на котором есть ссылки на фб вк и тд (к примеру) Ну и собственно вылез вопрос как сделать все три иконки ссылками. Не знаю вообще что делать, пару идей попробывал, типо текст подгонять и потом скрывать его, ничего толком не получилось. Помогите пожалуйста, сегодня нужно! Буду очень признателен

    Asked by oomozar,

    0 votes
    7 answers

  4. Line-height для Textarea в Opera..

    Добрый день! У меня такой вопрос: Можно ли как то кроссбраузерно повлиять на line-height для Textarea в Опере? Также хотелось бы понять - возможно ли как то задать перенос строки для вышеупомянутого случая? (Страница находиться здесь: http://yamaradg.narod2.ru/history/Forma/index.html Скриншот с описанием можно увидеть по следующему адресу: http://yamaradg.narod2.ru/history/forma.jpg ) В дополнение ко всему столкнулься с трудностями в инпутах: в Сафари и Хроме!? Проблема связана всё с тем же line-height!? В остальных браузерах всё в норме... P.S.Заранее Всем очень признателен за помощь...

    Asked by Yamaradg,

    0 votes
    0 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. Поставить H1 и div в одну строку

    Здравствуйте, нужна помощь по следующему вопросу: Хочу поместить кнопку Google +1 на страницу каждой категории. Как сделать так, чтобы кнопка была справа от заголовка? Вот стиль заголовка категории: h1.archive-title { padding:0 0 15px; margin-bottom:15px; border-bottom: 1px solid #ddd; }Для кнопки я создал стиль: #plusone { float: right; display: inline; }Поставил div с кнопкой рядом с заголовком: <h1 class="archive-title"><?php _e("Рецепты"); ?>: <?php echo single_cat_title(); ?></h1> <div id="plusone"><g:plusone></g:plusone></div>Естественно, так оно не работает. Пробовал прописывать в стиле для h1 (displ…

    Asked by povar,

    0 votes
    8 answers

  7. Проблема с ссылками в Chrome

    Столкнулся с такой проблемой уже второй раз. Код примерно такой <a href="#"><div class="head-left">проектно-строительная компания</div></a> в стилях прописываю .head-left a{ text-decoration:none; } .head-left{ background:url('img/logo.png') no-repeat; height:60px; padding:5px 0 0 160px; float:left; color:#fff; text-decoration:none; } все везде прекрасно выглядет во всех браузерах, кроме Google Chrome. уже обшарил интернет и не могу найти решение этой проблемы!! пример такой проблемы есть на сайт http://autonote.su/ если зайти на него с Chrome, то у каждого пункта меню будет вид…

    Asked by Trayanez,

    0 votes
    4 answers

  8. Два div друг под другом с выравниванием по правому краю

    Добрый вечер. Помогите начинающему. Сижу уже второй час над задачкой. Проблема на странице http://vtrailere.ru/treiler-k-filmu-bolshoi-god . Мне нужно чтобы даты выхода в мире и в РФ были друг под другом. Не могу понять помему они сейчас не под друг другом так как они не inline. Заранее спасибо подсказавшему

    Asked by smirn0ff,

    0 votes
    4 answers

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

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

    Asked by Nanto,

    0 votes
    4 answers

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

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

    Asked by apple0101,

    0 votes
    1 answer

  11. Помогите с дизайном

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

    Asked by Gotafak,

    0 votes
    3 answers

  12. Как сверстать заголовок?

    Вот что надо получить: лого и название компании есть единая ссылка, причем название отцентрировано относительно лого. Этот блок + телефон с адресом отцентрированы по вертикали в отдельном контейнере А вот попытки: <div id ="preheader"> <a href="/" alt="ООО Агроминералпро">ООО "Агроминералпро"</a> <div id="contact"> <span> <p>(8793)38-35-87</p> <p>г. Пятигорск, ул. Ермолова, д.12А</p> </span> </div> </div> CSS: #preheader{ margin: 5px auto; width: 1000px; height: 70px; border:1px solid black; vertical-align:middle; display:table-cell; position:rela…

    Asked by borus,

    0 votes
    6 answers

  13. Помогите победить 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

  14. Повторяющиеся по ширине окна браузера фоны при фиксированном макете.

    В фиксированном макете есть повторяющиеся по горизонтали фоны. во всех браузерах, кроме IE7 (для IE6 верстка не делалась), отображается корректно: в IE7: как видите, отсчет фона начинается от края элемента с фиксированной шириной, а не от края окна браузера. буду благодарна за идеи по устранению этой проблемы. 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></title> <meta name="keywords" content="" /> <meta name="description" c…

    Asked by Zzzlaya,

    0 votes
    0 answers

  15. Отступ от низа экрана. Помогите найти.

    Помогите пожалуйста разобраться с такой проблемой. Есть сайт:http://prospect.gorodgid.ru/ У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал). Как убрать это расстояние? Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...

    Asked by stardg,

    0 votes
    4 answers

  16. 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

  17. Фоновый рисунок во весь экран

    Подскажите пожалуйста как сделать фиксированный фоновый рисунок для body и чтобы рисунок отображался полность(Width:2000px; height:2000px например), был зафиксированным и менял свои размеры в зависимости от расширения экрана, но картинка отображалась полностью, например как здесь http://dakota.kiev.ua/articles/contacts.html Это возможно только с помощью css ? Спасибо

    Asked by AntonSolo,

    0 votes
    46 answers

  18. Помогите с 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

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

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

    Asked by Digidie,

    0 votes
    21 answers

  20. 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

  21. подвал уползает вниз

    помогите пожалуйста решить проблему с подвалом. на этой страничке при небольшом количестве текста в колонках подвал располагается ниже уровня экрана. при большом количестве текста это не критично. у меня не получается сделать так чтобы при небольшом количестве текста подвал был прижат к нижней части экрана в пределах видимости. приём с footer correct не помогает в моем случае

    Asked by cyklop77,

    0 votes
    2 answers

  22. 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

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

    Здравствуйте помогите пожалуйста разобраться с рамкой вокруг текста суть ошибки заключается в том что надо убрать отступ после верхней строки у крайних элементов чтоб просвета небыло вот исходный код <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

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

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

    Asked by getalusk,

    0 votes
    9 answers

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

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

    Asked by CrazyFrog,

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