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

  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. Что плохого в том, что CSS Валидатор "предупреждает" ...

    Все ошибки в CSS коде, на которые обратил мо? внимание валидатор, исправлены. Но между тем в коде полным-полно строк отличающихся друг от друга совсем незначительно и, кроме этого, валидатор выдал несколько десятков "предупреждений" об "Same colors for color and background-color in two contexts" . Страница сделана не на слоях, а на обычных Скажите пожалуйста, чем это чревато в будущем ? Спасибо

    Asked by Практичный Gendo,

    0 votes
    5 answers

  2. Как посредством CSS справиться с непрозрачностью PNG в ИЕ6

    Как посредством CSS справиться с непрозрачностью PNG в ИЕ6? Ато ИЕ6 не поддерживает альфа канал и показывает PNG прозрачность серым(

    Asked by Defender1,

    0 votes
    2 answers

  3. Помогите с колонками сыпяться в IE

    В IE при разрешение менее 1200 блок content оказываеться внизу в остальных браузерах все нормально помогите пожалуста. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <style type="text/css"> * { margin: 0; padding: 0; border: 0; } html { height: 100%; } body { min-height:100%; min-width:1200px; height: 100%; background-color: #fff; } #main{ height: 100%; min-width:1200px; } #bg_img_left { width: 95px; height:100%; background: url(img/1.gif) repeat-y; float:left; } #bg_img_right { width: 95px; height:100%; background: url(img/2.gif) repeat-y;…

    Asked by pll,

    0 votes
    3 answers

  4. Проблема с таблицей

    <table> <td> <div id="label"><img src="PICTURES/label.jpg" width="273" height="48"></div> <div id="menu"><img src="PICTURES/menu.jpg"></div> <div id="picture"><img src="PICTURES/picture.jpg"></div> <div id="menutext1"> <div id="1"><a href="../web/2.html">текст</a></div> <div id="2"><a href="../web/2.html">текст</a></div> <div id="3"><a href="../web/1.html">текст</a></div> <div id="gallery"><a href="../web/galery.html">текст</a></div> <div id="contacts"><a href="../web/contacts.html">т…

    Asked by Izumi,

    0 votes
    2 answers

  5. Задачка на позиционирование слоев

    В фиксированной ширины А резиновый и занимает все пространство, свободное от B Высота А и B заранее неизвестны, а С становится под самым длинным из них. Дайти списать решение задачки! Заранее спасибо!

    Asked by buzzy,

    0 votes
    4 answers

  6. раскрутка сайта и Refresh

    для раскрутки сайта посоветывали зарегится в поисковых системах с помощью услуги вот этого сайта: http://1ps.ru/ есть советы и мнения по этому поводу знающих людей?? заранее спасибо И ещ? вопрос: подскажите пожалуйста, зачем нужа эта строка: для автоматического обновления что ли??

    Asked by Arkada,

    0 votes
    4 answers

  7. Pop-up меню. Но в вверх...

    Привет! А можно сделать так, чтобы выпадающее ВНИЗ меню "выпадало" ВВЕРХ?

    Asked by styleroom,

    0 votes
    3 answers

  8. Помогите сделать резиновый шаблон

    Уважаемы специалисты! У меня есть шаблон "статичной" страницы, а мне просто необходимо сделать "резиновый" дизайн этой страницы - чтобы изменялся center. Если ставить 100% на .all и на .center, то все к чертям скатывается <!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> <link rel="stylesheet" type="text/css" href="style.css"> </head> <style> .all { width:900px; margin:auto; text-align:center; } .header { border:1px solid #666666; ma…

    Asked by Soniclord,

    0 votes
    4 answers

  9. Совсем запутался.

    Я не знаю как решить проблему. Передо мной стоит задача реализовать меню вида >Главная страница >Регистрация >Вход В случае входа пользователя, чтобы она менялась на >Главная страница >Профиль >Выход Код менюшки у меня такой (vmenu.tpl) [url="http://%22$HOME_PAGE_LINK%7B:content:%7Dquot;"]Главная[/url] {if #user# == 1} [url="http://%22$PERSONAL_PAGE_LINK%7B:content:%7Dquot;"]Профиль[/url] {else} [url="http://%22$REGISTER_LINK%7B:content:%7Dquot;"]Регистрация[/url] {/if} {if #user# == 1} [url="http://%22$LOGOUT_LINK%7B:content:%7Dquot;"]Выход[/url] {else} [url="http://%22$LOGIN_LINK%7B:content:%7Dquot;"]Вход[/url] {/if} вызы…

    Asked by SiRius,

    0 votes
    20 answers

  10. Footer не хочет прилегать к низу....

    День добрый. Возникла проблема при верстке. У подвала выставил все необходимые параметры, для того, чтобы он позиционировал всегда снизу, даже если контента нет #footer { position: relative; clear: both; height: 100px; background: url('../images/footer.jpg') repeat-x scroll; } и в body прописывал, вс?, что нужно... что только не делал... но он не прислоняется книзу... NEED HELP ASSAP

    Asked by Sotnikov,

    0 votes
    4 answers

  11. вопрос по ссылкам

    Помогите пожалуста решить такую задачку, как сделать закладку, в определенный кусок текста, который находится на другой странице.

    Asked by anshinkai,

    0 votes
    11 answers

  12. Плавающий фрэйм

    Не нашел, как можно сделать так, чтоб при нажатии на ссылку в плавающем фрэйме - она загружалась в основном окне. :/

    Asked by FloG,

    0 votes
    8 answers

  13. Как сделать пересылку на странице?

    Как сделать пересылку на странице чтобы она меня кидала куданибуть на другой сайт?

    Asked by antonP,

    0 votes
    5 answers

  14. таблица в таблице - не могу выровнять по верху

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

    Asked by Fedotlic,

    0 votes
    7 answers

  15. Проблема с минимальной шириной слоя в IE 6

    Здравствуйте , подскажите пожалуйста почему при сужении окна ИЕ 6 именно центральная колонка (слой content) и верхняя планка (слой panelm) сужаются до минимум хотя стоят ограничения для ИЕ 6 : width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 660? "660px": "auto"); - для panelm и width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 460? "460px": "auto"); - для content Вот код <body> <div id="top"> <div id="panelm"><div id="panel"><div id="panel2"></div> </div></div> <div id="logo"><div align="center"><img src="images/logo.gif" wid…

    Asked by zetaap,

    0 votes
    0 answers

  16. Как сделать так, с помощью CSS? (смотреть картинку)

    http://wet-avenue.narod.ru/differents/1.jpg как сделать чтобы текст на бордер залазил?..с помощью css

    Asked by Sotnikov,

    0 votes
    1 answer

  17. Тег <a> содержит тег <div>. Как добится валидности кода?

    на сайте есть рисунок, но он порезан и собирается в цельный, и весь этот рисунок должен быть ссылкой! Когда обрамляеш все тегом , код не валидный. Какой есть способ достигнуть валидности кода? Код к примеру такой: <a href="#"> <div class="top"></div> <div class="left"></div> <div class="right"></div> <div class="bottom"></div> </a>

    Asked by kozakmamai,

    0 votes
    1 answer

  18. Объясните, как и почему "плывут" столбцы в таблице.

    Не пойму - от чего в Мозилле (2.0) происходит такая вещь: http://www.fbf.ru/zlatopek/ovs.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Златопек</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" rel="stylesheet" type="text/css"></head> <body> <div class="main"> <div id="back"><<<a href="http://www.fbf.ru/"> на главную</a></div> <div id="logo" align="center"><img src="img/logo.gif"></div> <div id="logo2" align="center">&lt…

    Asked by Eirene,

    0 votes
    1 answer

  19. Заполнение пустого места точками.

    Привет друзья. Пытаюсь сделать такой список: test test ................ 10 test ...................... 10 lalala test lsls ........ 10 Методом проб и ошибок получилось так: .dot { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999999; border-right-width: 2px; border-right-style: solid; border-right-color: #FFFFFF; border-left-width: 2px; border-left-style: solid; border-left-color: #FFFFFF; padding-bottom: 0px; } .nodot { border-bottom-width: 2px; border-bottom-color: #FFFFFF; border-bottom-style: solid; padding-bottom: 0px; } <tr><td class="dot"><span class="nodot">test</span></td><td class="n…

    Asked by renton,

    0 votes
    8 answers

  20. Форма входа в чат

    Снова вопрос...каким образом форму входа в чат поставить так чтобы она ничего не смещала,и была слева от "новости репа" ?Вот http://rap.mpchat.ru/ сам чат...Извините если уж совсем глупый вопрос :|

    Asked by Aggro,

    0 votes
    7 answers

  21. Форма в две колонки

    Есть необходимость переверстать форму из двух колонок с таблиц на дивы. Проблема в том что часть полей из левой колонки надо растянуть на две, т.е. типа colspan Пришлось делать так в два блока до поля на всю ширину потом один блок на всю ширину, потом опять в два блока. Как-то не очень красиво. Может кто сталкивался с таким. подскажет как это сделать красиво. Спасибо.

    Asked by evgenbkn,

    0 votes
    9 answers

  22. Header в таблице...

    Достался мне сайт delovie.ru с шаблоном, в котором header-картинка находится в таблице и меняется случайным образом: <td colspan="2" width="758" height="237" background="<?php echo $mosConfig_live_site;?>/templates/jm_portal/random/<?php echo rand(1,5) ?>.jpg" valign="top"> А мне нужно что бы на каждую страницу сайта была своя четко определенная картинка. Пытаюсь прикрутить модуль Header Image. Поскольку позиция header изначально не определена испульзую <?php mosLoadModules ( 'header' ); ?> что собстно и должно выводить этот модуль в нужноммне месте (шапке). <tr><?php $rand = rand(0,24)?> <td colspan="2" width="758" height="237"…

    Asked by big303,

    0 votes
    7 answers

  23. при изменении шаблона таблица разъезжается

    Дан шаблон. Вот так он подключается . В шаблоне таблица в 2 столбца: в левом меню, а в правом текст теущей страницы. Теперь надо в меню сделать исправления. Открываю в Dreamweavere и аккуратно меняю одну буковку в меню на другую... И сразу при просмотре страницы содержимое правого столбца выпадает из таблицы и размещается уже не не во 2 столбце, а под ним. Что я делаю не так?

    Asked by Staisy,

    0 votes
    2 answers

  24. Многоуровневое меню

    Короче есть у меня меню... писал не я, я нашел его где-то ) Поэтому вопрос. Абсолютно тупой. Но ответа я не знаю. Короче вот <style type="text/css"> DIV.clSlide{position:absolute; ;z-index:10; left:0; width:138; height:22; clip:rect(0,138,22,0); padding:3px;} DIV.clSlideSub{position:absolute;;z-index:10; padding:2px; clip:rect(0,127,20,0); width:127; height:20; left:8; visibility:hidden} DIV.clSlideSub2{position:absolute;;z-index:10; padding:2px; clip:rect(0,118,20,0); width:118; height:20; left:8; visibility:hidden} #divSlideCont{position:absolute; z-index:10; left:0; top:100; height:600; width:170; visibility:hidden} A.clSlideLinks{font-family:Verdana, Helvetica…

    Asked by FloG,

    0 votes
    8 answers

  25. ссылка на вклаку страницы

    Вопрос наверное простой. Есть страница index.html и на ней меню сделанное в DW CS3 (Spry Tabbed Panels), т.е. на странице много вкладок . Как можно сделать прямую ссылку на определенную вкладку в странице? Ведь адрес то страницы один ... index.html.

    Asked by tamias,

    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