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. Запретить css в части html документа

    Здравтсвуйте. Как запретить css в части html документа? Например, мне нужно прописать div.stats{ display:inline; height:0px; left:-100px; margin:0px; padding:0px; position:absolute; top:-100px; visibility:hidden; width:0px } и <div class="stats"> Текст </div> Но чтобы stats не подключался. То есть, чтобы было, как в этом сообщении.

    Asked by turovnet,

    0 votes
    9 answers

  2. Неправильное отображение в Opera

    В Mozilla сайт отображается так (то есть всё хорошо): Сайдбар как положено находится на своём месте. А теперь опера: Как видите сайдбар уполз вниз и влево. Вот код CSS: * { margin: 0; padding: 0; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; background-image: url('img/1.gif'); } a { color: blue; outline: none; text-decoration: none; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1250px; margin: 0 auto; } /* Header —————————————————————————--*/ #header { height: 100px; } #logo { margin-top: 15px; } #block { border: 5px solid #e…

    Asked by epog333,

    0 votes
    9 answers

  3. нужно ли учить атрибуты тегов

    Здравствуйте!Скажите пожалуйста, а нужно ли вообще учить атрибуты тегов, если для них есть аналоги в css?Просто я, например, все задаю в css и уже забыла, как называются атрибуты в html, и оно вроде бы не нужно. Но, например, если устраиваться на работу, пишут, что нужны знания html,css. Они же могут на собеседовании задать вопросы именно по атрибутам html? Получается, повторять все-таки нужно? Но тогда вообще каша в голове будет. И тем более, оно и не запоминается, когда этим постоянно не пользуешься.

    Asked by amuller,

    0 votes
    9 answers

  4. Сделать картинки квадратными

    Вечер добрый. Возникла проблема. Циклом из php получаю аватарки пользователей, но они все разные, прямоугольные (горизонтальные, вертикальные), маленькие, большие. И хочу с помощью css делать образать те что большие, и маленькие увеличивать и делать квадратными. Пробовал с помощью clip: Но не получилось, т.к все картинки разные, не знал что поставить или быть может какое то условие для стилей. Пока не придумал. Прошу у вас совета.

    Asked by Tchorteg,

    0 votes
    9 answers

  5. Самооткрывающееся окно

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

    Asked by Shin,

    0 votes
    9 answers

  6. Фотогралерея

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

    Asked by new01,

    0 votes
    9 answers

  7. меню на спрайтах

    <body> <ul> <li><a href="#"> Услуги</a></li> <li><a href="#"> Продукция</a></li> </ul> </body> ul { display: inline-block; } ul li { display: inline-block; list-style-type:none; text-indent:37px; padding-right: 26px; } ul li a { display:block; height: 30px; color:#999999; text-decoration:underline; background-image: url(../img/bg.png); background-repeat:no-repeat; } ul li a:hover { background-position:bottom left; } bg.png http://cs4437.vkonta.../x_193d5613.jpg (235x60) использую шириной больше чем занимает блок, но он отображается только до конца ссылки без проблем получает…

    Asked by andys,

    0 votes
    9 answers

  8. Центрирование страницы

    Вроде бы простейший пример, не соображу где накосячил Необходимо разместить отображение сайта по центру. Пример: <body> <div class="wrapp"> <div id="left"> </div> <div id="right"> </div> </div> </body> *css style html,body { font: normal 10pt Arial,Helvetica,sans-serif; background:#D0DCF4 url(bg.jpg) repeat-x top; } .wrapp{ width: 1200px; } #left{ float: left; /*min-height для IE*/ height: auto !important; height: 100%; min-height:650px; width: 400px; background:#D0DCF4 url(menu.jpg) no-repeat top; } #right{ float: r…

    Asked by cul8er,

    0 votes
    9 answers

  9. Открыть ссылку в новом окне

    Читал на сайте статейку про Атрибуты ссылок. Меня интересует target="_blank" _blank — загружает страницу в новое окно браузера. Но я решил, чтобы буду верстать по строгому стандарту DOCTYPE (string). А в статье написано: Каким образом тогда открыть ссылку в новом окне?

    Asked by Rustick,

    0 votes
    9 answers

  10. При нажатии на элемент формы value очищается

    Доброго времени. подскажите, можно ли без яваскрипта сделать так чтобы при нажатии на элемент формы type=text с заранее написанным value=lalala, этот value стирался? т.е. нажал и сразу пишешь свой текст, не надо стирать ничего.

    Asked by shaltay,

    0 votes
    9 answers

  11. CSS: word-wrap и white-space - в чём разница?

    CSS: word-wrap и white-space - в чём разница?

    Asked by Webr,

    0 votes
    9 answers

  12. помогите у блога двигается тело

    У блога в блоггере двигается всё содержание, во время загрузки, на любом разрешении монитора. Во время загрузки появляется шапка, затем когда загружаются темы - вся страница смещается где-то на 20 пкс влево, можете сами посмотреть если не внятно объясняю bllo net Я подозреваю что виноват рисунок слева в углу сверху, в виде узора. И когда он загружается бразуер равняет по центру шаблон, можно это как то исправить? я пробовал убрать параметр center у #page чтобы не центровало, работает правильно только на одном разрешении, если менять размер окна или разрешение всё содержание выходит из границ

    Asked by virgin,

    0 votes
    9 answers

  13. textarea в Google Chrome

    Приветствую ! Столкнулся с такой проблемой: верстаю форму. Три текстбокса и один textarea. Ставлю для textarea ширину 350пх. В Опере, ИЕ, ФФ -- всё ок. Вот что видим в Хроме: Т.е. видим, что textarea немного "выпирает" слева. Как это обойти ? Что я делаю не так ?

    Asked by dimacat,

    0 votes
    9 answers

  14. CSS position: absolute Vs relative

    Код CSS: .base { width: 900px; background-color: red; position: relative; margin: auto; } .left { width: 150px; height: 500px; position: absolute; background-color: green; left: 20px; top: 200px; } Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="myCSS.css" /> </head> <body> <div class="base"> <div class="left"></div> </div> </body> </html> Вопрос: Почему я вижу зеле…

    Asked by Kalisnik,

    0 votes
    9 answers

  15. css

    скрипт вкладок css: /* tabs */ ul.tabs { margin: 0 0 0px; list-style: none; } * html ul.tabs {margin-bottom: 0;} ul.tabs li { float: left; } ul.tabs li a { display: block; color: #444; text-decoration: none; cursor: pointer; position: relative; } * html ul.tabs li a {float: left} *+html ul.tabs li a {float: left} ul.tabs li a:hover { } ul.tabs li.tab-current a { color: #444; } div.t2, div.t3 { display: none; } div.t1 {} div.t2, div.t3 { padding: 0 12px; } html: <div style="margin-left:30px; margin-top:0px;"> <ul class="tabs tabs1"> …

    Asked by shtilev,

    0 votes
    9 answers

  16. Select option добавить тег

    Нужно добавить в select->option тег <p> или <span>, чтобы он отображался в правой части в виде квадрата в котором будет динамически генерироваться его цвет. Я так понял, туда ничего добавить не получится кроме изображения, да?

    Asked by sergio_ktt,

    0 votes
    9 answers

  17. Первая колонка таблицы "едет" в IE

    Первая колонка во всех браузерах узкая с маленькими буквами, а в IE нет. Сверил со справочником, все стили в IE должны работать. <style> #plan td { width: 32px; background-image: none; background-repeat: no-repeat; height: 32px; border: 1px; border-style: solid; border-color: black; vertical-align: top; } #plan tbody td:first-child { width: 5px; background-image: none; border: none; font-size: 6pt; text-align: center; padding-top: 10px; } #plan thead td:first-child { width: 5px; background-image: none; border: none; font-size: 12pt; } #plan { background-image: none; float: left; BORDER-COLLAPSE:collapse; cellpadding: 0; cellspacing: 0; } #plan a{ position: absolu…

    Asked by kastrulya001,

    0 votes
    9 answers

  18. Текст не укладывается на экране и появляется полоса прокрутки

    Как сделать так, чтобы когда отвеенное под <div> место заканчивается, а это width:100%, текст переходил на следующую строку?

    Asked by raveniks,

    0 votes
    9 answers

  19. Проблема с версткой - футер и общий макет

    Здравствуйте. Такая вот проблема. Сверстал макет сайта. Главная нормально, но при переходи на статью где мало инфы сай сокращяется и футер вместе с ним поднимается наверх. А если статья очень большая то половины новости выходит за сайт. Помогите, что делать? Сайт http://saleguitar.ru/ пример http://saleguitar.ru/main/1-post1.html

    Asked by Lakont,

    0 votes
    9 answers

  20. Про *

    Здравствуйте. Где-то здесь на форуме ругали конструкцию а-ля * { margin: 0; padding: 0; } Одно я запомнил точно - это плохо. Но есть вопрос: а можно ли использовать * к примеру вот так? #header * { color: #abc; } <div id="header"> <h1>Заголовок сайта</h1> <p>Что-то там</p> <span>Еще раз что-то там</span> </div> Т.е. задавать единое свойство для всех элементов внутри определенных тегов. Имеет смысл использовать такой способ? И аргументы "за" и "против". Извиняюсь, если вопрос примитивный или уже где-то был

    Asked by web-monster,

    0 votes
    9 answers

  21. не правильно работают слои

    Помогите пожалуйста. Мучаюсь со слоями. У меня есть html <!-- ./skins/tpl/catalogue/unit.tpl begin --> <link type="text/css" rel="stylesheet" href="style.css" /> <div id="unit"> <div id="unit_pic"> </div> <div id="unit_name"> 123 </div> <div id="unit_description"> dfhxnj fkj fykfgj dtjegzdgsd sg sdg hs f hry wdsrh erhv </div> <div id="unit_cost"> cost </div> </div> <!-- ./skins/tpl/catalogue/unit.tpl end --> И есть CSS #unit { height: 100px; width: 500px; border:1px solid; background-color: #FFCC99; } #unit_pic { height: 94px; wi…

    Asked by kent666,

    0 votes
    9 answers

  22. Png24 и opacity

    Есть такая проблема: Если есть слой с полупрозрачностью (png24) и к нему применить CSS-прозрачность (opacity) - в IE полупрозрачные области становятся тёмными. Может я чего-то не знаю? Как решить данную проблему? Это первый вопрос =) Для удобства - тестовая страница: http://tarik.kasperovich.ru/test_16/filters.html P.S. Слева - без CSS-прозрачности, справа - с ней. Смотреть в IE. Спасибо.

    Asked by DjTarik,

    0 votes
    9 answers

  23. Проблема отображения в Firefox

    Здраствуйте, в разработке сайтов новичок, даже не знаю в чем может быть проблема.. В браузере Firefox 4.0.1 сайт отображает некоректно, такое впечатление что стили вовсе не работают (цвет ссылок синий с подчеркиванием, фонового изображения нет).. Адрес сайта: http://marasyanechki.narod.ru

    Asked by Serik,

    0 votes
    9 answers

  24. Div background repeat-y

    Доброго времени суток! В новом проекте озадачился одной интересной проблемой. Суть проблемы та же что и у автора с этого буржуйского форума. Вот только решение меня не очень радует. Как-то не кошерно использовать JS для верстки. Верстка у меня примерно такая же, т.е. три дива один под другим и еще по три дива в каждом из них. У всех float: left. В дивах content_left_vertical и content_right_vertical есть только фоны с повторением по вертикали и нет контента. Чтобы появился фон, этим дивам нужно указать высоту, но высоту дива content, в котором, как следует из названия, лежит контент, заранее узнать невозможно. Выкурил кучу хаков выравнивания колонок по одной высоте, но вс…

    Asked by corsair,

    0 votes
    9 answers

  25. Использование тега <b>

    Всем привет! Я всегда использую этот тег для придания жирности. Плюс <strong> для важного жирного текста. В css же придаю жирность только тогда, когда нужно выделить ни одно идентичное друг другу слово или предложение, ибо легче написать строчку в css, чем в html клепать десятки <b>. Ну так вот, правильно ли я поступаю? и правильно ли, что вообще использую b? просто меня немало осуждали по этой теме, кто-то говорит, что b вообще нельзя использовать, кто-то говорит, что нужно использовать только strong, а кто-то вообще - только css, а теги в исключительных случаях.

    Asked by monsterr,

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