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. Картинка img.

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

    Asked by Akrabat,

    0 votes
    2 answers

  2. Как отключать полностью кеш в браузерах

    Народ, кто знает как делать? нужно полностью отключить кеш в браузерах?

    Asked by TonKhaO,

    0 votes
    2 answers

  3. Шаблоны в CSS

    Делаю сайт-визитку на 4 страницы, меню горизонтальное с помощью таблицы. Вот надумал я добавить пункт и теперь надо во всех 4-х страницах менять меню. А можно ли это меню сконструировать в ЦСС? А в идеале было бы неплохо указывать там и взаимное расположение контейнеров и картинок в них.

    Asked by triplecorpse,

    0 votes
    4 answers

  4. Растягивание блока в высоту

    Добрый вечер! Помогите найти решение, нужно сверстать макет (рисунок ниже), не могу придумать, как сделать боковой блок. Он абсолютно спозиционирован, нужно, чтобы он растягивался во всю высоту окна, оставляя n-е количество пикселей сверху и снизу. Как этого можно добиться? http://imglink.ru/show-image.php?id=12a788...2eba9a79825384b

    Asked by Ayaweb,

    0 votes
    7 answers

  5. Проблемы отображения в ИЕ 7 и Операх некоторых

    Здравствуйте. Есть сайт www.adybov.ru Проблема в сайдбарах. Вылезают черт знает куда. В ИЕ 7 и опере 8.ххх. В старших операх все окей. В 6-ке, кторая у меня в виде тестового ИЕ - тоже все окей. 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> </head> <body> <div id="header"> </div><!-- #header--> <div id="wrapper"> <div id="middle"> <div id="container"> <div id="content"> </div><!-- #content--> </div><!-- #container--> <div class="side…

    Asked by piryaz,

    0 votes
    5 answers

  6. не влазит

    есть сайт у него на 1024 не влазит центральный контент, там где фильмы. особенно это проявляется тут это получается из-за того, что слишком длинные имена как героев так и режиссеров. ну собственно я что хочу. Какое здесь может быть решение? Чтобы влезло? Убрать один столбец? Мне кроме как столбца ничего в голову не лезет. Ну еще как вариант кое где расстояния по убавить.

    Asked by npofopr,

    0 votes
    4 answers

  7. Лажа верстки

    Здравствуйте. Есть сайт http://netpeak.ua Получилась непонятная лажа На МакБуках Кто что может подсказать для решения проблемы?

    Asked by vuzi,

    0 votes
    2 answers

  8. Некорректное отображение в IE

    Всем привет, прошу помочь в следующих проблемах. Отображение вкладок в ИЕ Отображение в Хроме Код <ul id="top_menu"> <li><a href="/">Портал</a><b> </b></li> <li class="current"><a href="/forum">Форум</a><b> </b></li> <li><a href="">Кнопка</a><b> </b></li> <li><a href="">Доска объявлений</a><b> </b></li> <li><a href="">Каталог телефонов</a><b> </b></li> </ul> CSS ul#top_menu { list-style:none; display:block; margin:0; padding:0; } ul#top_menu li { background:trans…

    Asked by Sven,

    0 votes
    18 answers

  9. background flash

    Хотел бы узнать, а можно ли как нибудь в стиле указать в бэкграунде флэш?

    Asked by Tchorteg,

    0 votes
    1 answer

  10. Список в две колонки

    Ну, как все уже поняли, основные вопросы у меня сейчас связаны с http://km.transmagistral.ru Список в центре сделан в две колонки: #cats_fp li { display:block; float:left; margin-bottom:30px; margin-right:5%; width:45%; background:url(/images/bg_cats.jpg) no-repeat right bottom; } В IE6 у страницы появляется горизонтальный скролл. Если убрать margin-right, то скролл пропадает, но список естественно, отображается не так, как должен. Как победить?

    Asked by d0ublezer0,

    0 votes
    7 answers

  11. line-height одинаков в css, а визуально нет

    Заметил интересную особенность: при подобном задании стилей. Просмотреть результат можно по адресу http://tri4.ax3.net/test.html Там видно что текст который ниже налеплен. Как это можно объяснить? Как исправить я вроде знаю для внутреннего блока задать line-height: 180%; и все. Но вот вопрос почему так.? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <style type="text/css"> body {font-size:24px;} div.cornered .inner { color:#33424A; font-size:0.7em; line-height:120%; } #content_text { color:#33424A; font-size:0.75em; line-height:120%; } div.cornered .inn…

    Asked by warobushek,

    0 votes
    2 answers

  12. Шапка с множеством картинок

    В шапку поместил лого добавил изображение,укозал даные этой картинке встала куда надо,теперь добавил еще изображение его не могу поставить в нужное место.

    Asked by Akrabat,

    0 votes
    8 answers

  13. Бэкграунд для меню

    Здравствуйте. Вот пытался найти способ, чтобы сделать такое же меню как на сайте Кинокопилка, но у меня ничего не получилось. Искал довольно упорно и долго, но видать что-то не так делаю. Т.е. мне нужно, чтобы при наведении на пункт меню (a:hover) он выделялся каким нибудь цветом. Я знаю как это сделать через бэкграунд, но у меня длина выделения разная, в зависимости от названия пункта меню. Выделяется только до конца последней буквы. А мне нужно, чтобы во всех случаях выделение было равномерным. И опять же на сайте Кинокопилка, после того как перешёл по какому-нибудь пункту из меню, его этот пункт остаётся выделенным. Можно ли эти 2 вещи осуществить посредством CSS и H…

    Asked by Dezmont,

    0 votes
    4 answers

  14. Красная строка в тексте.

    Скажите пожалуйста с помощью какого тега можно начать текст с красной строки? Прошу ногами не пинать.

    Asked by Hitomy,

    0 votes
    3 answers

  15. Непонятный отступ между изображениями

    Народ, помогите кто чем может. Никак не могу совладать с этой проблемой. В IE у меня всё отображается нормально, а в остальные браузеры делают непонятный отступ. =/ Вот примеры: - Это в IE - Это в Opera, Safari, Chrome, Firefox. Обратите внимание на отступ от одного изображения до другого. Все эти изображения в одной большой таблице: <table cellspacing=0 cellpadding=0 width=100% border=0>. И потом каждое изображение вот с таким кодом: <td align=center><table cellpadding=0 cellspacing=0 class=table_img align=center> <tr> <td class=img_topleft></td> <td class=img_top></td> <td class=img_topright></td> …

    Asked by Dezmont,

    0 votes
    1 answer

  16. создание таблицы

    хочу сделать таблицу из 3х ячеек. Что бы в первом ряду были две ячейке, а во втором одна. У каждого ряда свой цвет когда сделал таблицу получается расстояние между ячейками в первом ряду хотя в ксс явно указывал размеры границы. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>1</title> <style type="text/css"> table { background-color: #E4EAF2; border-width: 2px; border-style: solid; border-color: #072A66; } .title { background-color: #5B84C5; color: #FFFFFF; border-width: 0px; } </style> </head> …

    Asked by Xaver,

    0 votes
    2 answers

  17. XHTML

    Вот изучал вашу статью на сайте и у меня возникли вопросы. В разделе требуется закрывать все теги. Как именно закрывать одинарные например <br>, закрывать пример1 Я сегодня<br>выпил чаю</br> пример2 Я сегодня< /br>выпил чаю. Только ли одинарные теги должны завершаться слэшем?

    Asked by ret,

    0 votes
    26 answers

  18. Chrome и input

    Как сделать так чтобы Chrome отображал input, как и все остальные браузеры. Все сделано просто. <div> <input> </div> У div фон задан. Не могу побороть - желтый цвет. Заранее благодарен за ответы.

    Asked by soot,

    0 votes
    9 answers

  19. Лайтбокс и видео ролик

    Здравствуйте. Кто сталкивался с такой проблемой. Есть видео ролик и использоваться лайтбокс. При нажатии на лайтбокс его окно залазит за сам ролик почему так происходит непонятно( так как div с боксом имеет position:absolute, а ролик не имеет вообще никаких css стилей, только параметры. Берется прямо с ютуба. Вот пример Вот сss lightbox display:block; height:auto; left:408px; outline:0 none; overflow:hidden; position:absolute; top:575px; width:600px; z-index:1002; что может быть такое перелопатив горы интернета чето не пойму в чем может быть проблема

    Asked by voooodoo,

    0 votes
    2 answers

  20. div-ы по ширине

    Как выровнять блоки по ширине. Сайт резиновый, в контенте стоит некое количестве блоков фиксированой ширины с флоат:лефт, количество их в строке ставится под ширину браузера, но проблема, как их выравнивать по ширине, чтобы небыло справа большого отступа. Смотрите тут: http://club-cod4.ru/portfel/tramp/razdel.html (не спам) Другими словами нужно align=justify, но в место теста блоки (дивы).

    Asked by gamer2010,

    0 votes
    1 answer

  21. Выпадающее подменю

    Привет. Подскажи, с помощью чего на этом сайте (ypag.ru) сделан раскрывающийся список раздела? С помощью чего сделать тоже самое?

    Asked by antonios,

    0 votes
    5 answers

  22. помогите с меню!

    такок вот срочное дело, есть меню, как сделать в нём что-бы в разделе показывался actice link, в подразделе подсвечивался выбраный hover и как сделать чтобы при наведение на последний пункт содержимое не вываливалось из блока. HTML: <ul id="cssmenu"> <li><a href="#" id="hz1">Главная</a> </li> <li><a href="#" id="hz2">Компания</a> <ul> <li style="width:450px;> <a href="#"></a> <a href="#">История компании</a> <a href="#">Административный менеджмент</a> <a href="#">Технический менеджмент</a> </li> </ul> </li&…

    Asked by -O-J-A-,

    0 votes
    4 answers

  23. проблема с float в ie6

    В ie6 правый блок (right) съезжает вниз, в остальных смотрелках все нормально отображается. Пожалуйста подскажите. <style type="text/css"> body { background-color: #666666; background-image: url(ventuno.gif); background-repeat: repeat; margin: 0; } .trans { opacity:0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); filter:alpha(opacity=50); -moz-opacity:0.5; background-color:#000000; width:100%; height:100%; position:absolute; margin:-30px; z-index:-1; } .container{ width:800px; margin-left: auto ; margin-right: auto; /*//display: inline;*/ } .shapka { position:relative; color:#FFFFFF; width:790px; height:100px; padding:30px; …

    Asked by alexgeo,

    0 votes
    3 answers

  24. ie7 hr

    Всем привет. Решил сверстать простой шаблон - появилась проблема оступами у элемента hr в ie7 @CHARSET "UTF-8"; *{ margin: 0px; padding: 0px; font-family: sans-serif; font-size: 16px; } #wrapper{ width: 960px; margin: auto; } #wrapper #header{ height: 50px; background-color: teal; padding: 10px; } #wrapper #header p{ font-size: 12px; } #wrapper hr{ margin-top: 0px; height:5px; background-color: #295C4A; } <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link href = "stylesheets/testing_temp…

    Asked by midnight,

    0 votes
    4 answers

  25. Помогите советом по верстке

    Привет всем. Делаю проект в котором на главной странице необходимо выводить блоки как на скриншоте - http://i056.radikal.ru/1007/6d/5b4c2226a6ba.gif Сейчас сделал такой вывод с помощью mooMasonry(mootools в проекте используется), но он у меня как-то не корректно работает в IE 6 и 7(сам где-то с версткой напорол немного). Не критично, конечно, но IE бывает еще вешает скрипт и пишет, что скрипт долго выполняется, а это уже проблема. Не могу найти решения для вывода таких колонок без JS, а на чистом CSS, да и опыта маловато. Может кто сталкивался с таким выводом? Был бы признателен за помощь! Заранее спасибо.

    Asked by dropoff,

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