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. Алноритм вёрстки сайта на 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

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

    Есть плагин 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

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

    Есть элементы меню: <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

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

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

    Asked by Selen,

    0 votes
    14 answers

  5. первые шаги в 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

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

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

    Asked by houdini,

    0 votes
    2 answers

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

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

    Asked by alex196,

    0 votes
    10 answers

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

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

    Asked by new01,

    0 votes
    4 answers

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

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

    Asked by mishaga,

    0 votes
    11 answers

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

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

    Asked by mishaga,

    0 votes
    18 answers

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

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

    Asked by JTaMeP,

    0 votes
    17 answers

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

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

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

    Asked by new01,

    0 votes
    5 answers

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

    Проблема такая: Нужно чтобы таблица растягивалась как в 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

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

    Всем привет ) В тексте встречаются таблицы <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

  16. ::selection для IE

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

    Asked by Selen,

    0 votes
    7 answers

  17. Фокус на поле 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

  18. фон относительно правого края

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

    Asked by swetlana,

    0 votes
    13 answers

  19. crossdomain.xml и radikal.ru

    Есть флеш-галерея, хотелось бы грузить в нее картинки с радикала. Я в коде галереи написал import flash.system.Security; Security.loadPolicyFile("http://radikal.ru/crossdomain.xml"); Через сниффер контролирую загрузку: crossdomain.xml успешно загрузился, но картинки так и не отобразились. Что ему еще не хватает?

    Asked by Shift,

    0 votes
    3 answers

  20. Как вставить готовую гостевую книгу в тело сайта?

    Здравствуйте! Подскажите пожалуйста. Скачал гостевую книгу, установил. Всё работает. Теперь хочу заключить её в тело сайта. Сайт пока очень простой (только HTML), поэтому требуется просто понять как сделать что бы гостевая отображалась в определённой ячейке таблицы. Спасибо большое.

    Asked by Patriot77,

    0 votes
    5 answers

  21. Разное расстояние в разных браузерах

    Добрый вечер. Есть простой код: <div class='menu' style='width:inherit; height:200px;'> <div style='width:inherit; height:15px;'></div> <ul> <li><a href='#'>Главная</a></li> <li><a href='#'>Новости</a></li> <li><a href='#'>Полезная информация</a></li> <li><a href='#'>Частные объявления</a></li> <li><a href='#'>Документы</a></li> <li><a href='#'>Фотоальбом</a></li> <li><a href='#'>Гостевая книга</a></li> <li><a href='#'>Контакты</a></li&gt…

    Asked by bobo,

    0 votes
    10 answers

  22. Как сделать голосование?

    Хочу сделать шкалу голосования для фото как в майле. От 1 до 5. Подскажите как сделать это с помощью <input type='checkbox ,при этом чтоб не было галочка а просто ячейка .Заранее спасибо.!

    Asked by new01,

    0 votes
    3 answers

  23. Смена цвета текста при наведении на него курсора

    Я перепробовал много способов, но все неудачны, как это можно реализовать, что бы выглядело похоже на ссылку что ли, может кто подсказать?

    Asked by mr_0003Spy,

    0 votes
    10 answers

  24. Сайт с нуля (или почти нуля)

    Всем добрый день! Я вернулся, как и обещал. Вот пришол к созданию сайта полностью правильного, без ошибок. Но сайт я выбрал не простой. Тоесть я хочу сайт, который, как по мне верстать будет не просто. Сайт на подобии такого ВОТ В чем сложность и каковы мои первые вопросы. 1. В принципе, как сделать сайт резиновым, тоесть, дабы он умещался во все мониторы (или хотя-бы в основные) 2. Сложность такого сайта в большом количестве картинок, как их все выставить так ровненько (css?) Ну в общем хотел бы услышать Ваши мысли по этому поводу) Думаю тема станет для многих интересна)

    Asked by zapshik,

    0 votes
    7 answers

  25. Вопрос к знатокам!

    Доброго времени суток! Есть идея: из менюшки сделать шапку красивую. Нашел интересный вариант: http://selkinvitaly.ru/article32.html но он на "mootools". Может кто нибудь знает что то подобное на "jQuery" (потому, как на сайте используется именно этот скрипт, а вместе они не работают). И основной вопрос!!!: как это сделать с шириной 100% и чтобы при открытии страницы правый блок менюшки был открыт как при наведении. заранее благодарен за помощь.

    Asked by Leonidk,

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