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. как создать плавающий flash-банер

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

    Asked by revresbo,

    0 votes
    12 answers

  2. Проблема с высотой блока в IE6

    Нужно сделать чтобы слой полностью накрывал блок текста. Делаю так: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style> #data { position: relative; } #cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: black; } </style> </head> <body> <div id="data"> <p>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая содержимое блока.<br>Строка текста, представляющая соде…

    Asked by ZooY,

    0 votes
    2 answers

  3. background под тегов h2

    Добрый день! условие - работающий довольно большой сайт. задача - сделать так, чтобы под всеми тегами h2 был background растягивающийся по ширине в зависимости от содержания (кол-ва букв). найденное промежуточное решение: h2{ display: table; background: #DFEAF2 url(../images/bghead1.gif) repeat-x; } проблема - в эксплорере, к сожалению не работает display: table; соответственно ширина подложки никак не зависит от текста и растягивается в всю ивановскую. просьба - помогите описать стилями этот злополучный тег, чтобы бг все таки был только под текстом. заранее спасибо.

    Asked by alphaed,

    0 votes
    2 answers

  4. шаблон слоев

    посмотрите нашел универсальный шаблон слоев можно ли его усовершенствовать? <!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="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> #container { margin: 0px auto; padding: 0px; width: 800px; /* width of the layout -- can be set to any value including percentages */ overflow: hidden; } #header{ padding : 0px; margin: 0px; width: 100%; overflow: hidden; } #navigation { margin: 0px; padding: 0px; w…

    Asked by sc@r@bey,

    0 votes
    2 answers

  5. выровнять слой

    вот хотелось бы что внутренний слой помещался во внешний <!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="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style type="text/css"> #content { margin: 0px; padding: 10px; width: 100%; background-color: grey; } #content-inner { margin: 10px 0 10px 0; padding: 5px; background-color: maroon; } </style> <title>Layout</title> </head> <body> <div id="content"> Lorem ipsum dolor sit a…

    Asked by sc@r@bey,

    0 votes
    2 answers

  6. чем отличается?

    1 div#mainmenu от #mainmenu div 2 а можно так писать div.mainmenu

    Asked by sc@r@bey,

    0 votes
    6 answers

  7. переход от страницы html на страницу php и обратно

    вопрос такой: может ли сайт состоять из страниц php и html? то есть будут внутренние ссылки со страницы html на страницу php и обратно. Это всё дело будет нормально работать?

    Asked by Arkada,

    0 votes
    5 answers

  8. фон в *jpg реально без ксяков или нет ?

    Люди добрые и злые тоже,помоги с фоном косяк какойто получаеться, фон можите посмареть на sadilo.ru

    Asked by Sonic,

    0 votes
    12 answers

  9. Три колонки превращаются в две

    Есть страничка содержащая три колонки. Колонки могут быть разной высоты. Каким образом можно сделать так чтобы при скрытии правой центральная автоматически расширялась вправо?

    Asked by BabyWolf,

    0 votes
    2 answers

  10. z-index и отрицательный margin

    Привет всем Пытаюсь первый блок разместить поверх второго. Объясните плиз, почему в данном случае не работает z-index? особенности отрицательного маржина или я не понимаю чего-то? css: #one { background-color:Green; width:600px; height:100px; z-index:1; } #two { background-color:Red; width:500px; height:100px; margin-top:-50px; z-index:0; } html: <div id="one">ONE</div> <div id="two">TWO</div>

    Asked by cronopio,

    0 votes
    3 answers

  11. Проблема с высотой контейнера в FF

    Сделал страничку-заглушку для еще неготового сайта. Верстка резиновая. У height выставлен атрибут auto. При полноразмерном окне все выглядит нормально, но когда уменьшаешь окно в FF до размера маленького ноутбука, слой cо свойством float:left вылезает за пределы контейнера снизу и получается каша. В чем может заключаться проблема? Заранее благодарен.

    Asked by manc,

    0 votes
    6 answers

  12. Как заменить кнопку на ссылку

    Здравствуйте, подскажите как можно заменить кнопку на ссылку? C помощью css, а если не возможно то как-нибудь по другому, но желательно css!

    Asked by gidsoft,

    0 votes
    4 answers

  13. Всё вроде нормально а вот одна все равно пригает

    По тесту W3 у меня все почти нормально; да вот с одной страницей не смогла справится никак (а то знаю что простой вопрос и форум из за этого не стоило . . .). Данная страница скачет по горизонтали. Помогите пожалуйста, я новичок . . . Вот она, эта страница (без пробелов): w w w .t a m c r e d i t . g e / f i n a n c i a l . h t m

    Asked by Dobo,

    0 votes
    1 answer

  14. Лого

    Подскажите как исправить следующие: Пытаюсь сделать лого кликающим и вот что получилось .... До:+Скриншот <!-- begin ambience header--> <div align="center"> <table bgcolor="#f7f7f7" width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="border"> <tr> <td align="left" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="287" height="159" align="left" valign="top"><img src="$stylevar[imgdir_misc]/header_top_ls.jpg" width="287" height="159" alt="" /></td> <td width="170" height="159" align="left" valign="top"><img src…

    Asked by zThetis,

    0 votes
    12 answers

  15. iframe и сессии

    Хелп!!! внутри iframe php страница не видит переменные сессии, то есть: main.php: $_SESSION['var']=1; <iframe src="inner.php"> </iframe> то в inner.php $_SESSION['var'] и другие переменные пустые что надо сделать чтобы внутри inner.php можно было использовать переменные сессии???

    Asked by vovanenok,

    0 votes
    1 answer

  16. Проблема с float: left

    Добрый день, Подскажете, пожалуйста, как исправить такую ошибку: Слой с float: left в ие7 после окончания колонки, которую он обтекает, уменьшает padding. Наглядно: html <div style="float: left"> <img src="/i/image.jpg" style="margin: 0; padding: 0"> </div> <div class="ctlg"> <div><h3>title</h3> <ul> <li>Фильтр для очистки и минерализации мягкой воды</li> <li>Картридж</li> <li>Угольная <a href="#">вставка УВ</a></li> <li>Дозаторы <a href="#">кальция</a> и <a href="#">магния</a></li> <li>Возможность регенерация картр…

    Asked by Diver2,

    0 votes
    5 answers

  17. Градиент!

    Доброго времени суток! Помогите пожалуйста разобраться! Есть шапка, рисунок - градиент(jpg), и на этот градиент наклыдываються два рисунка. Один справой стороны а другой с левой, расширение у них .png (шапку разбил на три столбца!) Градиент с командой z-index:-1; на заднем фоне. Все это хорошо смотриться при просмотре браузера на весь экран. как только его уменьшить, появляеться внизу полоса прокрутки. Когда просмотреть документ, с помощью полосы прокрутки до конца(т.е. в право), то там видно белый цвет сайта а градиен не растягиваеться!!! И мало того, на других компьютерах шапка совсем другого цвета а градиента практически нет. Я уже измучился выяснять что у меня не так…

    Asked by :tyz,

    0 votes
    19 answers

  18. Подскажите пожалуйста

    Приветствую всех! По сути: Столкнулся с давно описанной проблемой, а именно - расстоянием от маркера(маркир. списка) до текста. Вот здесь, в Рецептах показан доходчивый и надёжный способ (li {padding-left: 20px;}),но в моём случае он почему-то не работает...в FF нормально,в IE, Opera не работает. Вот участок CSS: li { padding-left: 20px; list-style-image: url(images/li.gif); list-style-position:inside; } li:hover {list-style-image: url(images/li-hover.gif); } Очень интересно, почему это не работает,может у меня где-то ошибка? Посмотреть как именно не работает

    Asked by bravada j,

    0 votes
    9 answers

  19. В чем секрет верстки на сайте?

    Есть сайт http://www.becausestudio.co.uk/ Меня интересует почему страница http://www.becausestudio.co.uk/openspace.html в IE отображается верно, а на сделанном мной - http://nikolya.com.ua/ в IE все рушится, слои не находятся один под другим (в Firefox и в Opera все в порядке). Пробовал сделать через z-index, но не помогло. Теоретически это выход, возможно я ошибся в верстке. Знающие, подскажите пожалуйста код, или решение, чтобы верно отображалось в IE!

    Asked by Kirich,

    0 votes
    2 answers

  20. как сделать чтобы текст в ячейке прокручивался.

    как сделать так чтобы текст в ячейке таблицы прокручивался. Ячейке задан фон картнка. нужно чтобы текст прокручивался по вертимкали в этой ячейке. Срочно нужна помошь.Спасибо.

    Asked by sofo,

    0 votes
    4 answers

  21. Добавление в избраное

    Столкнулся с проблемой, что не знаю как сделать крос браузерное добавление в избранное. Есть такой скрипт <script> function addBookmark(url, title) { if (!url) url = location.href; if (!title) title = Правила съема; //Gecko if ((typeof window.sidebar == "object") && (typeof window.sidebar.addPanel == "function")) window.sidebar.addPanel (title, url, ""); //IE4+ else if (typeof window.external == "object") window.external.AddFavorite(url, title); //Opera7+ else if (window.opera && document.createElement) { var a = document.createElement('A'); if (!a) return false; //IF Opera 6 a.setAttribute('rel','sidebar'); a.setAttribute('hr…

    Asked by stars,

    0 votes
    1 answer

  22. text-decoration

    Возможно ли при применению к тескту text-decoration: underline; менять толщину, ширину и цвет линии подчеркивания в отличии от самого текста

    Asked by sc@r@bey,

    0 votes
    9 answers

  23. Помогите, разобраться с фоном.

    Здравствуйте! Помогите пожалуйста, никак не могу сделать так, чтобы background (картинка, напр. изображение реки) в IE не прокручивалась, и не дублировалась. В Opera это сразу получилось, а IE никак, помогите кто сведует.

    Asked by alexander_21777,

    0 votes
    13 answers

  24. Список в несколько столбцов

    Здравствуйте. Помогите пожалуйста в следующем вопросе: мне нужно сделать список (<ul> <ol> или <dir>), который будет состоять из динамического количества элементов и разделяться на несколько (4 столбца). Как это можно реализовать? Сделать 4 отдельных списка я не могу сделать, так как содержимое их тоже будет динамическое (то бишь будет изменяться постоянно). Заранее благодарен за помощь.

    Asked by borinets,

    0 votes
    8 answers

  25. подскажите как организовать отправку формы

    Как сделать чтобы после заполнения и отправки этой формы пользователя я смог бы это просмотреть в каком нибудь файле. <form method="(не знаю что здесь писать post or get)" action="(здесь незнаю какой файл указать)"> <table width=100%> <tr><td align=right>Имя:</td> <td align=left><input type=text name=f_name size=30></td></tr> <tr><td align=right>mail</td> <td align=left><input type=text name=f_mail size=30></td></tr> <tr><td align=right>сообщение</td> <td align=left><textarea cols=40 rows=5 name=f_message></textarea></td></tr> &lt…

    Asked by kuka,

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