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. фон относительно правого края

    задачка: расположить фоновую картинку в позиции 4px от правого края элемента. До сих пор такое решалось обходными путями: либо отсчитывалось нужное положение от левого края (годно при известной и неизменной ширине), либо фоновая картинка имела справа нужное количество прозрачных пикселей. Однако сейчас ни один из этих вариантов не прокатит. Как можно быть?

    Asked by swetlana,

    0 votes
    13 answers

  2. Фокус на поле input

    Может я неправильно тему назвал, но смысл такой: у меня есть стартовая страничка, на ней ссылки на избранные сайты. Недавно повесил на нее поиск от гугла. Код такой: <div id="mid" class="fix"> <div id="midCol"><a name="main"></a> <div class="post" id="post-20"> <div class="middle_links"> <ul> <form method="get" action="http://www.google.ru/search"> <td valign="middle"><span class="Estilo9"> <input name="q" type="text" class="cleardefault" maxlength="200" value="" size="50" /> </form> </ul> </div> </div> </div> Можно ли сделать…

    Asked by iahromenko,

    0 votes
    11 answers

  3. ::selection для IE

    Нормальные браузеры поддерживают! Кроме Лисы) Для нее есть ::-moz-selection А как же другой ушастый зверь ? Как приучить осла ?

    Asked by Selen,

    0 votes
    7 answers

  4. НЕ выделяется текст цветом в таблице.

    Всем привет ) В тексте встречаются таблицы <table class='style'> Но почему-то...одна из таблиц не выделяется голубым, а другая выделяется...(( Не могу понять. Вот код BODY { background-color: #FFFFCC; /* Цвет фона веб-страницы */ margin-left: 20px; margin-right:20px; } h1 { font-size: 14pt; text-align: center; } h2 { font-size: 12pt; text-align: center; } h3 { font-size: 10pt text-align: center; } table { margin: 0 auto; } table.home { background: #FFE4E1; /* Цвет фона */ border: 6px double black; font-size: 12pt; font-weight:bold; } table.list { background: #FFFFFF; font-weight:bold; font-size: 12pt; } table.…

    Asked by dima4321,

    0 votes
    15 answers

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

    Проблема такая: Нужно чтобы таблица растягивалась как в firefox 4.0 ie8 и opera 11. В браузерах типа -webkit- почему то не работает(( и op9.27 страница: http://vladislav805.narod.ru/windows.html и также смотрелась и на http://vladislav805.narod.ru/index.html (здесь также ff4+ ie8+ op11+ работает)

    Asked by vladislav805,

    0 votes
    6 answers

  6. Создание шаблона

    Вот пытаюсь создать сайт. Сделал вот так. Для всей страницы указал минимальную ширину 1024 пикселя.Меню и логотип занимают вместе 1005 пикселей,при этом у меню и логотипа сделал отступы от левого края (margin-left) в пикселях. т.е. получается при любом размере монитора от 1024 у меня не должно появлятся горизонтальной прокрутке .Правильно я понимаю? И скажите правильно ли я делаю.? Вот если что ссылка

    Asked by new01,

    0 votes
    5 answers

  7. div height 100%

    Мозг разрывается не могу ниииикак исправить... Есть такая тема: http://floomby.ru/content/7WYLoCplEq/ код такой: <td colspan="5" rowspan="2" valign="top" style="border:2px solid yellow; height:100%;"> <div style="width:668px; float:left; border:2px solid red; height:100%;"> sadsadsa </div> <div style="float:left; border:2px solid blue;"> dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa<br>dssadsa </div> </td> выше есть еще много много <tr><td> и еще выше: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML…

    Asked by Simon,

    0 votes
    23 answers

  8. Загрузка изображений до вывода на экран

    Добрый день! Вопрос в следующий : Есть страница с изображениями хотелось бы узнать , можно ли как то реализовать чтоб все изображения подгружались пользователю а потом только вывадилась страница с текстом и изображениями . Чтоб пользователю видел уже готовую страницу.

    Asked by JTaMeP,

    0 votes
    17 answers

  9. html-сущности как защита e-mail от спама

    Поможет ли замена всех символов email html-сущностями для защиты от спама? Я имею в виду, не писать на сайте в открытую: nam@gmail.com, а написать nam.com Обычный посетитель сайта зайдёт и узреет e-mail в нормальном виде, а бот наткнётся на гору html-сущностей (спецсимволов). И вот, хотелось бы узнать, поожет ли это? Защитит ли email от кучи спам-ботов?

    Asked by mishaga,

    0 votes
    18 answers

  10. Список OL в столбце таблице

    Идея такая: Имеется таблица с 6ю столбцами, в ём хотелось бы иметь постоянно увеличивающийся id (на подобие auto_increment MySQL). Строки таблицы выводятся динамически из БД, но брать id строки или инкремент цикла не хочется. Хочется по-пацански - чтоб список был =) Для этого нужно затолкать список ol-li в таблицу, или таблицу в список или как? Чё-то голова не может сообразить =) Подскажите, кто сталкивался или кто придумал решение.

    Asked by mishaga,

    0 votes
    11 answers

  11. Вопрос профи

    Вот есть несколько идей для сайта.Пытаюсь сделать нормальный сайт ,сам пишу все коды с полного нуля не использую никакую СМС.А друг за 2 недели сделал отличный сайт с помощью СМС.При этом он даже не умеет программировать .А тут мучуюсь и то у меня не так уж хорошо получается.Скажите используют ли профи для создания сайта?! Надо ли его использовать?Что вы считаете по этому поводу?

    Asked by new01,

    0 votes
    4 answers

  12. position:fixed в IE и выравнивание по правому краю

    Из-за неработоспособности position:fixed в 6 эксплореле, пришлось применит следующий код, для фиксирования элемента на экране но проблема в том, что на некоторых страницах, появляется скрол и элемент fixed, который прикреплен к правому краю заезжает на него... каким образом сделать так чтобы, фиксированный элемент не наезжал на скрол?

    Asked by alex196,

    0 votes
    10 answers

  13. Проблемы с режимом совместимости

    Есть два сайта: верстка st2002.heroku.com и сам сайт: st2002.ru сайт с версткой открывается в ie8 отлично, а вот сайт открывается в режиме совместимости. Строчка <meta http-equiv="X-UA-Compatible" content="IE=8" /> почему-то не выводит из этого режима. В чем дело? Спасибо

    Asked by houdini,

    0 votes
    2 answers

  14. первые шаги в HTML5, после HTML4 непривычно

    Всем привет. вот разбираюсь с html5. с html4 умею обращаться. Сильно не привычно после четверки это что в пятой версии html все оформление вынесено в css. в частности, меня просто ставит в тупик создание таблиц. вот например есть таблица написанная для html4: <table border=0> <tr> <td width=50> 7x17 </td> <td width=50> </td> <td width=235> текст </td> <td width=235> текст </td> <td width=150> текст </td> <td width=35> текст </td> </tr> <tr height=200> <td colspan=2 valign="top"> текст </td> <td colspan=3 valign="top"> те…

    Asked by FoxWMulder,

    0 votes
    33 answers

  15. Как-бэ фрейм

    Задача следующего характера. Имеется страница с хедером и футером. Как реализовать прокрутку контента между хедером и футером? Без использования фреймов. Возможно ли реализация чистым HTML+CSS ? Или тут потребуется Java Script ?

    Asked by Selen,

    0 votes
    14 answers

  16. Пропорциональная ширина у блочных элементов

    Есть элементы меню: <div class="panel"> <a class="tpanel" href="#">главная</a> <a class="tpanel" href="#">о нас</a> <a class="tpanel" href="#">продукция</a> <a class="tpanel" href="#">наши услуги</a> <a class="tpanel" href="#">партнеры</a> <a class="tpanel" href="#">контакты</a> </div> их описывают свойства CSS: .tpanel{ display: block; float: left; padding: 20px 20px; text-transform:uppercase; width:100px; height:20px; vertical-align: middle; margin-top: 39px; } и все это вложено в wrap {width:900px} Вопрос заключается в следующем: Если оставить как есть, то …

    Asked by photograf,

    0 votes
    11 answers

  17. Выявим ошибку вместе! (:

    Есть плагин jcarousel, уже весь мозг съел своими вопросами о нем, на форуме, но всё же вот он (надеюсь последний) вопрос. Нужно, чтобы было видно 3 с пункта меню и путём нажатия кнопок они менялись. Во-первых, по не понятным мне причинам половины первого пункта меню даже не видно. Во-вторых, ездит только текст, картинка (которую чуть-чуть, но можно разглядеть) стоит на месте. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Bo0m-paw</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascr…

    Asked by boompaw,

    0 votes
    19 answers

  18. Алноритм вёрстки сайта на div'ах.

    Здравствуйте. Почитав теории на htmlbook.ru про блочную вёрстку решил перейти к практике. Как всегда начиная пробовать верстать на дивах, появлялись проблемы и поэтому сразу возвращался к таблицам. Сейчас решил всерьёз заняться этим делом и сверстать свой первый сайт на дивах. Решил начать верстать с этого макета http://forum.htmlbook.ru/index.php?showtopic=13276 Начинаю: 1 - для начала макет нужно разрезать в фотошопе, вот как я решил его разрезать (http://s53.radikal.ru/i141/1103/3b/00ccb1be7b3c.jpg) Пункт 1,2,3 это шапка сайта, для её быстрой загрузки я решил её разрезать на 3 части. В средней части, с помощью ксс, незная как =), сделаю ссылки и надпись сверху. Пункт …

    Asked by Bayanruby,

    0 votes
    8 answers

  19. 1px сдвиг вправо, в IE 7

    Помогите решить мего проблему пожалст Вот сайт: http://wow-bc.3dn.ru/

    Asked by Xorigan,

    0 votes
    8 answers

  20. Текст уходит за пределы видимости

    День добрый! На сайте fifarus.ru есть центральные темные блоки под шапкой, в которых присутствует список со ссылками. В Опере текст последнего пункта списка отображается в пределах блоках, в вот если смотреть через Хром или Файрфокс (оба же используют движок ВэбКит), то видно, что последняя строка выезжает на половину за пределы блока и становится не видной. Посоветуйте, что нужно сделать, чтобы в Хроме выглядело все красиво. Можно, конечно, для .topblocks ul (используется в class="latestnews") поменять на но хочется более правильный вариант.

    Asked by bncom,

    0 votes
    10 answers

  21. Посмотрите правильно ли?

    Делаю сайт.И всё время сталкиваюсь с проблемами верстки.Сделал предварительный макет..Кинул ссылку другу,он говорит ,что у него появляется снизу горизонтальная полоса прокрутки и что язык уходит врпаво за границу.Подскажите как с этим броться?! У меня всё нормально показывает.Пожалуйста посмотрите ! И скажите у кого как.(да и на цвета не обращайте внимание ,это просто.)

    Asked by new011,

    0 votes
    7 answers

  22. Списки

    Всем привет! Есть идея реализовать вот это: Но каждый вот этот блок (текст сверху и три текста сбоку, а так же картинка слева), должен быть сделан через <li></li>. Ну а расположение уже текста и картинок внутри <li></li>, как лучше это сделать? Начал пихать внутрь списка тег <div>, чтобы расположить как хочу текста и картинку, так вообще ахинея какая-то вышла. Заранее спасибо за любую помощь.

    Asked by boompaw,

    0 votes
    8 answers

  23. Выпадающее меню по клику - помогите доделать

    Здравствуйте, помогите доделать выпадающее меню по клику. Например, если посетитель попал в какой-либо подразел раздела_1 меню, то надо чтобы цвет фона этого подраздела изменился, а сам раздел_1 был раскрыт, а остальные свёрнуты. <script type="text/javascript"> function shiftSubDiv(n) {var el = document.getElementById('subDiv'+n); if ( el.style.display == 'none' ) el.style.display = 'block' else if ( el.style.display == 'block' ) el.style.display = 'none';}; </script> <ul> <li style="color:#000000; background:#E3E7D9; padding:3px; margin: 3px 0; width:200px; cursor:hand; text-decoration:none; list-style-type:none"> <di…

    Asked by NonCommalg,

    0 votes
    17 answers

  24. псевдо-класс в классе

    Хочу оформить две разные ссылки по разному (свойства a:hover a:visited и a). Вот не знаю как. можно ли юзать псевдо-класс в классе???

    Asked by che guevara,

    0 votes
    8 answers

  25. Делаю сабе визитку... Вопрос относительно меню и центрирования дива

    Доброго всем времени суток... Делаю себе сайт визитку... пока есть две страницы ( http://berkutmail.narod.ru http://berkutmail.narod.ru/gallery01.html ) появились вопросы на которые сам не могу найти ответ.... 1 не могу понять, что за сообщение вылезло в левой стороне страницы (от куда оно взялось и как от него избавиться)??? это сообщение отсутствует только в Хроме... - в остальных браузерах проявляется... хотя когда смотришь сайт с жесткого диска а не с хоста - сообщения - нет.. 2 подскажите как отцентрировать див в котором находится изображение / галерея по центру экрана по вертикали.... 3 каким образом делается, чтоб меню открывалось/закрывалось по клику... заранее б…

    Asked by Night Man,

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