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. map-карта. Нестыковка в разных браузерах.

    Здравствуйте, у меня проблема. Создала сайт в Блокноте, в HTML. В Mozilla FireFox все ссылки на мар-карте (ссылки как части картинки) открываются, а как только открываю эти же страницы в Opera или IE - курсор даже не реагирует. Подскажите, как быть?... Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>ОДО "ЮнилайнПроект" - Интерьеры</title> </head> <body> <body bgcolor="#CC9966"> <TABLE WIDTH="100%" HEIGHT="100%"> <TR> <TD ALIGN="center" VALIGN="middle"> <img src="interjer.jpg" usemap="karta1" &gt…

    Asked by Carra,

    0 votes
    2 answers

  2. Почему таблица в IE съезжает вниз?

    Помогите понять почему таблица в IE съезжает вниз? Может надо чтото дописать классам чтобы она не съезжала. test.html

    Asked by antonP,

    0 votes
    3 answers

  3. Не работает бекграунд в ie6

    Здравствуйте уважаемые, помогите пожалуйста разобраться с проблемой, которая возникает пр просмотре веб-страницы через браузер ie6. У веб-страницы не работает бекграунд, вод пример цсс кода для боди: Body { font:; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 76.1%; color: #ffffff; background-color: #000000; background-image: url(../img/pronto_bgrd.gif); background-repeat: no-repeat ; background-position: top center; }

    Asked by misha_evro,

    0 votes
    17 answers

  4. Меню с использованием слоёв

    Здравствуйте, меня интересует как реализуется меню с закладками как на странице htmlbook(Описание, примеры и т.д.). Не могли бы дать ссылку с обучением

    Asked by Pavel86,

    0 votes
    2 answers

  5. Как скрыть текст, выпирающий за границу блокоа?

    Простой примерчик: <table> <tr> <td> <div style="width: 25px;"> <nobr>Cell 1</nobr> </div> </td> <td>Cell 2</td> </tr> </table>Здесь "Cell 1" вылезла за границу контейнера и залезла на "Cell 2". Хочу сделать так, что бы "Cell 1" отбражалась в контейнере и не отбражалась за его границей. Размеры контейнера при этом строго фиксированы. Перепробовал всякие штуки (z-index, backgound-color), но не добился ожидаемого результата. Кто-нибудь вкурсе, как это лечится?

    Asked by freeneutron,

    0 votes
    9 answers

  6. Валидатор на русском

    CSS-валидатор от W3C по адресу http://jigsaw.w3.org/css-validator стал на русском языке. Ну что сказать - приятная новость, особенно для новичков, кто еще плохо владеет терминологией на английском языке. Язык определяется автоматически, но в любой момент можно переключить на другой желаемый язык.

    Asked by Vlad,

    0 votes
    2 answers

  7. Не могу запретить переносы

    Есть страничка с шириной таблицы 100%, если ее сжать, то содержимое растягивается вниз, хотя явно задан запрет на переносы строк в <td>. http://aionzone.ru/themes/aionzone/images/...base/spells.htm

    Asked by Kenshi45,

    0 votes
    4 answers

  8. Проблема с резиновой версткой дивами.

    Добрый вечер. Стоит задача: резиновая div`ная верстка трехколоночного макета с фиксированной центральной колонкой и резиновыми боковыми. Боковые колонки равны. Для Mozilla реализовать удалось. В ие6 все разъезжается. вот css: .main_header{ display: table; height: 227px; width: 100%; background: url(image/head_vert_background.jpg) repeat-x; } .head_left, .head_right{ position: relative; display: table-cell; height: 227px; width: 100%; } .head_left{ float: left; } .head_right{ float: right; } .header{ display: table-cell; width: 1000px; height: 227px; /*margin: 0 auto;*/ } html: <div class = "main_header"> <div class = "head_left">&l…

    Asked by artist_id,

    0 votes
    4 answers

  9. Как различать теги INPUT?

    Как указать во внешней CSS, реагировать именно на их определенный тип. К примеру у меня задан такой стиль: TABLE#itemedit INPUT, TEXTAREA{ width: 100%; } Но он применяется ко всем типам INPUT type: text, password, button, submit, reset, radio, checkbox, image, file, а как мне его заставить применяться только к определенным type?

    Asked by PhantomSL,

    0 votes
    4 answers

  10. Проблема с задним фоном

    Есть фон таблицы: background: #eee url(table-gradient-odd.png) left top repeat-x; Во всех браузерах он прикрепляется к верхнему бордеру, а в опере он как бы частично уходит за этот бордер. Это можно исправить?

    Asked by Kenshi45,

    0 votes
    3 answers

  11. scrolloff меню

    Доброго времени суток. Подскажите, пожалуйста, как указать цель для ссылок из scroll off меню. Скрипт находится в head. Ссылки должны открываться в iframe на этой же странице. <script language=Javascript> <!-- var menuwidth=100 var offsetleft=10 var offsettop=10 function dontMove() { if (document.all) {object1.style.pixelTop=document.body.scrollTop+offsettop} else{eval(document.object1.top=eval(window.pageYOffset+offsettop));} setTimeout("dontMove()",0); } if (document.all) {document.write('<DIV ALIGN="CENTER" ID="object1" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black"><TABLE BORDER="1" width="'+menuw…

    Asked by Gennadi,

    0 votes
    2 answers

  12. Очень важно! Искал не нашел...

    Ребят, помогите пожалуйста. Вроде находил похожие темы, но не находил нужного мне ответа. Сам сайт создать не могу - пока не хватает знаний, поэтому взял с uCoz вот этот готовый шаблон, т.к. он неплохой на вид и шапку легко заменить (единая-не поделенная на куски), вот только проблема в том, что ползунка прокрутки темы нету снизу и страница растянута, я понимаю что если ставить пробелы растягиваться страница не будет, но а как быть с большими рисунками? В общем как мне сделать, что бы тема была в своей ячейке и не вылазила за края, а края страницы оставались по краям браузера при увеличении страницы (ctrl+) и изменении разрешения экрана.

    Asked by Levis,

    0 votes
    1 answer

  13. Стили для select

    Здравствуйте. Никак не получается создать список select без рамки. Подскажите, как это можно сделать? <select size=2 style="width: 100%; margin: 5px; border: 0"> <option value="VAK">Вакансии</option> <option value="ACC">Афоризмы</option> </select>

    Asked by sirop,

    0 votes
    3 answers

  14. Ссылки не окрашиваются, адекватность изображения в браузерах исчезла и вообще...

    Здравствуйте уважаемые знатоки Раньше делал сайт в программе Фронтпейдж. Но весомые замечания гуру этого форума убедили меня что лучше делать своими руками. Для начала я начал переделывать страничку своего сайта http://www.po-miry.ru/POHOD/PVD/raspisaniei.htm поскольку она была самая проблемная. Действительно, сейчас она стала гораздо лучше, но у меня появились вопросы, может кто и ответит 1) У меня ссылки в одной горизонтальной ячейке и двух вертикальных. Я хочу, чтобы они были разных цветов. Но в Опере они все зеленые, а в ИЕ непонятно какие. Как выполнить задуманное? 2) Написал, чтобы при наведении мышки ссылка подчеркивалась. В Опере подчеркивается. в ИЕ нет. Почему? …

    Asked by beze,

    0 votes
    12 answers

  15. Поиск определенного кода в домене

    Требуется найти определенный код на странице. Эта функция требуется в связи с тем, чтобы проверить, присутствует ли баннер на определенном сайте. Пробовал гуглить, но толком не добился ответа, сразу ссылается на гуглсерч, но есть ли скрипты или как еще можно это проверить?

    Asked by AlexMak,

    0 votes
    9 answers

  16. Левый DIV фикс.ширины, правый - резина. Как сделать?

    Задача следующая. Надо сделать два слоя рядом. В левом DIV'е будет меню, в правом - весь контент. Левый DIV должен быть фиксированной ширины: 224px, а правый - растягиваться до конца экрана по ширине. При этом чтоб не было горизонтальной полосы прокрутки. Пытался сделать с "границей", но работает не совсем так как надо. Почему-то доходя до определенной ширины DIV с контентом перестает расширяться дальше. При этом получается, что в больших расширениях экрана меню уедет в край, а контент остается чуть более чем до середины экрана. Вот скриншоты: 1024x768 1280x1024 Делал я следующим образом: <html> <head> <title>test</title> <style type="text/cs…

    Asked by Xandr Morris,

    0 votes
    3 answers

  17. как делается растяжка сверху

    Подскажите ламеру, как делается растяжка на этом сайте, сверху две полоски , справо и слева синие... http://inetchange.com/ Каким способом вообще делаются такие вещи?

    Asked by psywalker,

    0 votes
    12 answers

  18. Hover при наведение на элемент сделать подсвечивание

    Всем доброго времени суток! Цель: сделать чтобы при наведение на элемент он весь подсвечивался Проблема: подсвечивается только текст ссылки =( Структура у меня такая: HTML <table border="2" width="100%"> <tr><td class="ppp"><a href="#">Ссылка!</a></td> <tr><td class="ppp"><a href="#">Ссылка 2!</a></td> </table> CSS .ppp { background: #dddddd; padding-left: 8px; padding-bottom: 4px; padding-top: 4px; border-bottom: 2px solid #eeeeee; display:block; } Если делаю так (CSS): .ppp a:hover { background: #000000; } То подсвечивается только (!) фон ссылки... Как быть?

    Asked by Cloack,

    0 votes
    6 answers

  19. Проблема table как фон

    Доброго времени суток Для оптимизации и ускорения загрузки сайта я порезал большие картинки на куски и склеил их с помощью таблицы вот что получилось для примера и понятия <table id="________01" width="1000" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img id="img_header_01" src="{THEME}/images/img_header_01.jpg" width="125" height="69" alt="" /></td> <td> <img id="img_header_02" src="{THEME}/images/img_header_02.jpg" width="125" height="69" alt="" /></td> <td> <img id="img_header_03" src="{THEME}/images/img_header_03.jpg" width="125" height="69" alt="" /></td> <td> &l…

    Asked by Rams,

    0 votes
    8 answers

  20. Tahoma utf-8

    Привет, при верстке макета столкнулся с проблемой: шрифт Tahoma выглядит по разному в ff и ie6 при кодировке utf-8 . Пример: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <style type="text/css"> p { font-family: tahoma; font-size: 12px; } span { font-family: tahoma; font-size: 12px; font-weight: bold; } </style> <body> <p>Мир развлечений</p> <span>Мир…

    Asked by konyukhov,

    0 votes
    4 answers

  21. Плывет DIV на CSS в Internet Explorer младше 7-ой

    Уважаемые специалисты! Подскажите в сложившейся ситуации. Верстка шаблона на DIV-ах. Их свойства описаны через CSS. Основная часть шаблона страницы поделена на три DIV-колонки. Их свойства описаны в #left, #container, #right ( #container - для основного контента). Расположение блоков традиционное. При просмотре во всех браузерах отображение нормальное, кроме Internet Explorer младше 7-ой версии, где #container почему-то сползает под #right , оставляя свободное место. И что еще хуже, текст грубо обрезается справа так, что читать невозможно Подскажите, как исправить эту проблему. Ради кривенького и старенького IE переписывать шаблон на таблицы нет смысла, кроме того, эт…

    Asked by Koriolan,

    0 votes
    12 answers

  22. Цепочка рисунков

    Как мне разместить цепочку рисунков слева направо и притом без отступа снизу, который можно убрать только через display: block;?

    Asked by Kenshi45,

    0 votes
    6 answers

  23. РНР мультиязычный сайт

    Подскажите, пожалуйста! Как определить страну или язык посетителя? Сайт, кпримеру, на 4-х языках. рус, англ, итал, немец Посетитель попадает на сайт и ему сразу открывается страница на "его" языке. Есть два варианта: Определить IP страны и написать условие для вывода языка И вариант по проще, определить язык системы и выдать страницу на этом языке. Как определить язык системы?

    Asked by banyman,

    0 votes
    4 answers

  24. скрипт обратной связи с прикреплением файла

    Может кто знает где можно взять форму обратной связи с прикреплением файла. Помогите пожалуйста!

    Asked by antonP,

    0 votes
    3 answers

  25. Не влезает текст

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

    Asked by Kenshi45,

    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