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. Скроллинг таблицы внутри дива

    Проблема такая: есть таблица, у каждой колонки явно (в теге TD) указана ширина, общая ширина таблицы допустим 800px теперь оборачиваю ее в div с явно указанной шириной 600px и таблица пытается схлопнуться, т.е. колонки уже не реагируют на указанную явно ширину, а приобретают как можно меньшую ширину Вопрос: каким образом сделать так чтобы ширины колонок таблицы сохранились в еньшем по ширине div-е? (т.е. шоб таблица сохранила свои размеры, а в диве появился скролинг) css дива по id: #d {overflow: auto; width: 600px;}

    Asked by seenter,

    0 votes
    4 answers

  2. как настроить сторону сдвига меню

    Здрасте! Скажите пожалуйста, вот что у меня сейчас: <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a> <ul> <li><a href="#">History</a></li> <li><a href="#">Team</a></li> <li><a href="#">Offices</a></li> </ul> </li> <li><a href="#">Services</a> <ul> <li><a href="#">Web Design</a></li> <li><a href="#">Internet Marketing</a></li> <li><a href="#">Hosting</a></li> …

    Asked by ig1984,

    0 votes
    3 answers

  3. Стрелочки - прошу совета по оптимизации

    Сделал вот такую стрелочку (первая работа). Прошу критики, есть ли ошибки, можно ли уменьшить размер кода? Код HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Стрелочки — CSS 2.1 + XHTML 1.0</title> <link rel="stylesheet" type="text/css" href="strelka.css"/> </head> <body> <div class="rectangle"><a href="">Вперед!</a><div class="arrow-right"></div></div> </body> </html> Код CSS: .arrow-right { border-color: white white white transparent; b…

    Asked by mustanger,

    0 votes
    13 answers

  4. Подскажите в центрировании UL

    Добрый день, не совсем пойму как сделать UL список по центру внутри div. text-align помогает, но когда я делаю элемент LI - float:left; весь список сдвигается. т.е: .c_circle { margin: 0 auto; overflow: hidden; text-align:center; } .tab_circle ul{ list-style-type: none; } .tab_circle ul li{ float:left; height:17px; width:17px; background:url(circle.gif) 0 0 no-repeat; } <div class="c_circle" > <div class="tab_circle" > <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </div> </div>

    Asked by Caption,

    0 votes
    6 answers

  5. Динамическое перемещение Flash-ролика

    День добрый. Внедряю аудиоплеер на сайте. Возникла проблема. Есть следующий УПРОЩЁННЫЙ код страницы HTML: <html> <head></head> <body> <!-- Текущий Flash-ролик. Находится в контейнере A. --> <div id="DIV_A"> <object id="SWF"> <param name="movie" value="MySWF.swf"/> </object> </div> <!-- Контейнер B - в него необходимо динамически переместить элемент ролика. --> <div id="DIV_B"></div> </body> </html> Задача: Исполнить код Javascript приведённый ниже и с его помщью переместить элемент ролика(OBJECT) в из элемента к…

    Asked by rome.ro,

    0 votes
    1 answer

  6. html+css, JavaScript, MySQL и PHP

    Допустим html+css + JavaScript + MySQL + PHP = 100%. Напишите пожалуйста примерный процент на изучение каждого, как считаете (время, трудность). Например: 25%+25%+25%+25%. (подразумевается до среднего уровня) Лично для меня хочется посмотреть на примерное соотношение, на будущее всё прикинуть))

    Asked by vikusik,

    0 votes
    4 answers

  7. Проблема с двухуровневым меню

    Добрый день, уважаемые верстальщики. Есть сайт в разработке: http://zimin.hmsite.net/wordpress3/ Сейчас меню выглядит так: А должно выглядеть вот так: Тоесть на :hover у пункта меню первого уровня не должно быть нижней границы. Есть идеи, как это можно реализовать? Может кто-нибудь делал что-то подобное? Буду признателен

    Asked by zimin,

    0 votes
    8 answers

  8. Не пойму поведение стилевого атрибута text-transform

    Просьба к модераторам переименовать тему в "Не пойму поведение стилевого атрибута text-decoration". Я ошибся и перепутал в названии стилевой атрибут. Вот такой пример кода (внутри которого и сам вопрос): <html> <head><title>Черновик</title></head> <body> <p style="text-decoration: line-through;">Здесь идёт перечёркнутый текст. <span style="text-decoration: none;">А здесь должен быть неперечёркнутый. Но почему отображается перечёркнутый?</span></p> Почему не действует внутренний элемент, где я отменяю перечёркивание? Здесь же написано, что значение none отменяет все эффекты, в том числе и подчёркивания у ссылок, …

    Asked by 9190,

    0 votes
    6 answers

  9. Как убрать отступ в 1px от input text

    Здравствуйте! Версткой занимаюсь в свободное время, поэтому тонкостей дела не знаю. На странице размещен [input type=text], а над ним - div с текстом и background-рисунком. В результате отображения между рисунком и [input type=text] заметно тонкое белое пространство. Как его убрать? Т.е., чтобы рисунок будто-бы вырастал из границы поля для ввода текста? Далее привожу код наглядно: [div style=width:130px;height:50px;background-image:url("images/kleverall.png")]Некоторый текст[br]идет здесь[/div] [input type=text' name='name1' style='margin:0] [input type=submit value=>&gt] Результат:

    Asked by Velodrimer,

    0 votes
    2 answers

  10. не работает корректно :hover под ie7

    Доброго времени суток всем. Продолжаю обучение верстки, решил попытаться сделать кроссбраузерную страничку. И столкнулся с проблемой отображения hover'а в ie7. самое интересное, что в ie6 все работает. Проблема в панели навигации, кнопки которой имеют структуру <li><a><span>HOME</span></a></li>, при a:hover фон изменяется на белый, однако в чем причина некорректного отображение в 7-м осле - никак не могу понять. Заранее спасибо всем за помощь. www.kpashka.jino.ru

    Asked by Hahn_Solo,

    0 votes
    14 answers

  11. Позиционирование Flash-ролика

    Подскажите пожалуйста Как Флеш-объект шириной в 1800px расположить так, чтобы на мониторе с разрешением в 1280 + - px в ширину, этот объект располагался по центру (т.е. его края уходят как вправо так и влево, на равное расстояние) и при этом не было полоски прокрута снизу. С картинками я решал эту проблему с помощью background-position: top center; Но как быть в данном случае с флешем?

    Asked by freesoul,

    0 votes
    0 answers

  12. Два DIV: левый резиновый, правый фиксированый

    Проблема в общем то вот какая. Есть сайт с дизайном: http://cxem.net/arduino/arduino.php, мне нужно справа добавить панель. Т.к. я старой закалки и секу в основном в табличной верстке, в DIV'ах пока что не очень получается реализовать такую вещь: нужно сделать панель справа, типа меню. Фиксированого размера (около 150-200 пикселей), а левую основную панель с контентом резиновую. Чтобы между 2-мя панелями был какой-то промежуток 10-20 px. Справа я панель присобачил кое-как, но вот левая панель либо наезжает на нее, при задании у нее свойства width:80% (незнаю какое тут число ставить), либо не доезжает. Подскажите как сделать? Заранее спасибо

    Asked by tolik777,

    0 votes
    3 answers

  13. Передача данных из одной страницы на другую

    Товарищи помогите ! Мучаюсь над одним вопросом! Недавно только начал изучать языки, кроме HTML ещё слабо что понимаю. Так вот есть страницы 1.html, 2.html и тут мне нужно с первой страницы 1.html передать данные во вторую страницу! Данные которые собираюсь передавать на 2.html - это текст и ссылка.

    Asked by Сильвина85,

    0 votes
    7 answers

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

    Вот макет: http://filesurf.ru/230610/var_1_bw_3.jpg.html. Столкнулся с проблемой верстки изображений в галерее справа страницы. Так как они находятся под углом, просто вырезать и вставить в верстку их нельзя, почестям резать их тоже не желательно, так как потом нужно будет встраивать JS для того что бы при нажатие они увеличивались. Может быть кто нибудь подскажет как именно это можно реализовать? Буду бескрайне благодарен)

    Asked by moskalev_mihail,

    0 votes
    11 answers

  15. Непонятный артефакт

    Здравствуйте! До того как я вставила форму, все было ОК. А теперь сбоку (слева и права) странный артефакт. Не могу понять, что именно не так? Сама страница Откуда появляется этот артефакт?

    Asked by Bredova,

    0 votes
    3 answers

  16. Центрирования по осям X и Y

    Есть HTML: <div id="wrapper"> <div id="cell"> <div class="content"> Content goes here </div> </div> </div> Задача: расположить div.content аккурат по центру окна браузера, при этом, у блока неизвестны width и height Решение №1: #wrapper { display: table; } #cell { display: table-cell; vertical-align: middle; text-align: center; } .content { display: inline-block; } Вопрос: как можно добиться аналогичного результата без использования display: table/table-cell и JS?

    Asked by rookie,

    0 votes
    5 answers

  17. позиционирование div

    Здравствуйте! Такая проблема- как прижать див к низу родительского элемента?Дело в том что если я делаю position:absolute; bottom:0; то блок прижимается к низу,но на некоторых страницах заезжает на стоящий выше контент!Точнее сказать контент "уходит" под этот блок.подскажите пожалуйста как исправить?Гуглила,но не могу понять в чем дело!

    Asked by Meri_Ann,

    0 votes
    8 answers

  18. Подключение платежных систем

    Здравствуйте. Вопрос такой: я молодой веб-программист. Запустил сайт в интернете, пользователи зарубежем. Пользователей не много, но пользоваться моим функционалом им нравится. Я планирую добавить на сайт несколько новых фич и хочу сделать их платными. Но вот тут проблема, что я в этом к сожалению ничего не смыслю. Подскажите что нужно сделать что бы пользователь зарубежом оплачивал услуги моего сайта, а я дома (в Украине) мог обналичивать эти деньги? Целый день лажу по интернету и только обрывки фраз. Не понятно какую именно систему подключать или лучше все сразу? Что делать дальше после того как деньги пользователя попали на мой аккаунт, в какой-то системе, что бы обнал…

    Asked by xtestprogx,

    0 votes
    4 answers

  19. Картинка которая прячется

    Доброго времени суток форумчане. Есть задачка, помогите решить. Есть картинка, нужно её частично спрятать в левом углу, да так, что бы при растягивании окна она от туда полностью появлялась. Заранее спасибо.

    Asked by yujin11,

    0 votes
    16 answers

  20. user agent stylesheet перекрывает мои стили

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

    Asked by ruylahrazor,

    0 votes
    1 answer

  21. рамка во круг сайта

    Приветствую! Подскажите пожалуйста, что-то никак не пойму... Нужна рамка для сайта во всю ширину и высоту страницы, с 5px отступом со всех сторон от тела документа, делаю margin:5; но сайт растягивается больше чем 100% и к тому же рамка прилипает к правой части и низу. <!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> <style> html,body { margin:5; padding:0; width: 100%; height: 100%; color: #FFF; backgroun…

    Asked by chillout,

    0 votes
    35 answers

  22. Свободное перемещение и таинственно исчезающий контент

    Есть такой HTML: <div class="wrapper"> <div class="a element"><p>A</p></div> <div class="b element"><p>B</p></div> <div class="c element"><p>C</p></div> </div> И такой CSS: .wrapper { overflow: hidden; background: #555; } .element { width: 150px; height: 100px; font-size: 30px; } .a { background: #c33; float: left; } .b { background: #fc5; color: #333; float: left; margin-left: 150px; } .c { background: #247; margin-left: 150px; } Вопрос: куда девается контент из блока "c" и почему? http://imageshack.us/photo/my-images/822/beforeti.png http://imageshack.us/photo/my…

    Asked by rookie,

    0 votes
    10 answers

  23. вред float'a

    Всем привет! Изучаю семантику, и вычитала на сайте у одного из отцов верстки, что float нужно исопльзовать строго по назначению, т.е. когда нужно чтобы было обтекание. Типа он не предназначен, чтобы располагать элемент слева и справа, что нет такого свойста float: center и бла-бла-бла... Так вот, а что тогда делать, когда например в каком-то блоке слева форма для входа, а справа поиск. Чем флоат заменять? не не postition:absolutе же

    Asked by vikusik,

    0 votes
    11 answers

  24. подвал в google-chrome

    помогите пожалуйста решить проблему с футером. я сверстал при помощи таблиц страничу и открываю её виндовым google-chrome 11.0.696.71 (Official Build 86024). в результате вижу, что нижняя часть страницы скрылась под панелью виндоуз http://narod.ru/disk/14367750001/nogood.GIF.html после обновления (F5) я вижу страницу в нормальном виде - с полным футером http://narod.ru/disk/14368050001/good.GIF.html в линуксовом гугл-хроме такой проблемы нет. если нужно, то вот html-, и css-файлы http://narod.ru/disk/14368495001/d.rar.html

    Asked by cyklop77,

    0 votes
    2 answers

  25. Есть ли хак для IE9?

    Здравствуйте. Доделываю шаблон для Joomla 1.5, создал несколько позиций для модулей - во всех браузерах отображается нормально, а в IE9 один из модулей смещён вправо. в css: .slideshow { padding: 0px; float: left; position: absolute; top: 140px; left: 515px; } Раньше использовал в таких случаях хак: /* *+ HTML .slideshow { left: 490px; } /* IE7 */ Но в девятом осле это почему-то не работает... как с ним быть (с 9-ым ие)? Какой хак можно юзать? Или как для него отдельный CSS сделать (обычно всегда хаками обходился)?

    Asked by DarkTranquillity,

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