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. Для со-овсем начинающих

    Всем привет! Ребята,подкиньте более-менее приличный учебник по html, плиз... А то вечно попадается какая-то чушь.

    Asked by telemaster,

    0 votes
    23 answers

  2. как выровнить таблицу по центру через стили?

    вообще команда margin: 0 auto; за это отвечает но у меня не выходит (( вот мой код: суть в #layer2 <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } #layer2 { position: absolute; z-index: 2; margin:0 auto; } </style>

    Asked by atew,

    0 votes
    8 answers

  3. Проблема отступов.

    Добрый вечер. Есть код: <html> <title>aaa</title> <head> <style type="text/css"> html body { margin: 0; width: 100%; background-color: #000; } #main { margin: auto; width: 80%; background-color: #fff; } #head { height: 200px; margin: 2%; background-color: #888; } </style> </head> <body> <div id="main"> <div id="head"> </div> </div> </body> </html> Отступы у head от main делаются только справа и слева, а сверху и снизу не делаются. В связи с чем это происходит? Помогите пожалуйста разобраться.

    Asked by boompaw,

    0 votes
    8 answers

  4. Запрет обтекания блока справа

    Здравствуйте. Есть три блока (картинка) Все три с float:left; При этом нужно, чтобы блок 3 не забирался на блок 2, а был либо под ним, либо под третьим (в зависимости от ширины окна) Я пытался запретить обтекание второго блока справа так: clear: right; Результатов не даёт. Если ставить после второго блока <br clear="both" />, то третий перескакивает сразу под первый, что тоже не подходит. Знает ли кто-нибудь, как это можно сделать? Код странички <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Float</title> <style type="text/css"> …

    Asked by Kostia,

    0 votes
    4 answers

  5. Нужна помощь в создании меню

    Подскажите, пожалуйста, как создать такое меню: http://storage3.static.itmages.ru/i/11/022...59f3efd7ac.jpeg И, желательно, чтобы можно было оставлять подменю открытыми, на соответствующих страницах

    Asked by chest,

    0 votes
    1 answer

  6. hCard

    Уже не первый день задаюсь вопросом: допустимо ли на странице использовать несколько блоков class="vcard", в каждом из которых будет отдельная часть информации, пригодной для данного микроформата? Ведь нормальная практика, когда дизайнер раскидывает информацию о компании: телефон в один угол, адрес — в другой, а название и вовсе в неожиданное место. И как-то это всё надо объединить в приемлемый для hcard-читалки вид. Хоть весь body делай с class="vcard". Но тогда уместно ли на такой страничке размещение class="hproduct"?

    Asked by swetlana,

    0 votes
    5 answers

  7. Разваливается таблица

    очень нужна ваша помощь я совсем новичок , и при создании таблицы возникла проблема . как сделать так чтоб таблица смотрелась целостно ? <!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=iso-8859-1" /> <title>???? ????</title> </head> <body bgcolor="#453631"> <p>????? </p> </body> </html> <body> <center> <table cellpadding="0" cellspacing="0" style="background:#5C443A; " > <tr style="background…

    Asked by zxcv,

    0 votes
    6 answers

  8. Padding в % (процентах)

    Недавно верстал CSS стиль для будущего сайта и использовал padding. Значения ставил в процентах. Мне сказали, что в процентах ставить паддинг — это плохо. На вопрос «Почему?» не ответили. Так вот, почему паддинг в процентах это так плохо? Ведь разрешено ставить и в пикселях и в процентах.

    Asked by Clubberry,

    0 votes
    7 answers

  9. Как решить несколько задач...?

    Как создать кроусбраузерно и валидно вот такое - http://img835.imageshack.us/i/homeya.png/ ?

    Asked by Mr.Black,

    0 votes
    6 answers

  10. box-shadow и border-radius

    Почему сервис проверки CSS от W3C выдает ошибки по css 3: box-shadow: 0 0 5px black; box-shadow: 0 0 20px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; Возможно потому что не поддерживается IE?

    Asked by Chernivtsi,

    0 votes
    8 answers

  11. Помогите новечку.

    Добрый уважаемые гуру. Я новeчек, но вот создал сайт и вроде все хорошо, но столкнулся с проблемой. Сайт работает корекnно в 8 и 9 эксплорере и в 3,6 мозила. А человек которому делал, хочет, что бы все было четко и в эксплорере 7 и 6 и в мозиле 2 и 3.. Подскажите что надо сделать? ВОт сайт - http://stepan.rao.lv - эта страничка вроде работает нормально а вот эта уже глючит - http://stepan.rao.lv/ru/index.html

    Asked by Feaire,

    0 votes
    5 answers

  12. Ворос!

    Меня настигла проблема с картинкой под фон: Если делать в фотошопе картинку размером 1500х2000(например),то картинка будет мегабайт 8 весить,подскажите,как сжать картинку???

    Asked by SenkOne,

    0 votes
    5 answers

  13. Проблема с блоком

    Вот проблема , нужно блок с четырех сторон (а может и больше) обтянуть "частями телевизора" чтоб визуально был как телек.

    Asked by ukrhome,

    0 votes
    1 answer

  14. Некорректно отображается маркер списка

    Добрый вечер! Столкнулся со следующей проблемой: некорректно отображается маркер списка исключительно в опере, при том что в фаерфоксе, эксплорере и хроме всё как и должно быть. Выглядит это следующим образом: Это такая особенность оперы, или с этим можно что-то сделать? Подскажите пожалуйста. Вот css на всякий случай: ul li.collapsed { list-style-image: url("../images/plus.png"); } ul li.expanded { list-style-image: url("../images/minus.png"); }

    Asked by trololo,

    0 votes
    4 answers

  15. Реализация задуманого!

    Есть задумка, помогите реализовать или подскажите другие варианты реализации. Хочу сделать сайт, задумка том, чтобы на одной странице были ссылки, а на второй информация. При чем, при нажатие на ссылку пользователя перенапрявляло именно на тот вопрос, который ему нужен, а остальные были бы скрыты+при прямом переходе на вторую страницу текст не отображался..

    Asked by chest,

    0 votes
    7 answers

  16. Растягивание div блока

    И снова здравствуйте. Нуждаюсь в вашей помощи. <div class="a1"> <div class="a2"></div> <div class="a3"></div> </div> .a1 { width: 100%; display: inline-block; } .a2 { background: url("{T_THEME_PATH}/images/logogo.jpg"); background-position: center; height: 300px; border: 1px solid #BFBFBF; display: inline-block; float: left; overflow: hidden; display: inline-block; } .a3 { overflow: hidden; float: right; height: 300px; background-image: url("{T_THEME_PATH}/images/bg_tex2.jpg"); border: 1px solid #BFBFBF; display: inline-block; } В блоке a2 фоном изображение, которое может растягиваться на 100% ширины. В блоке a3 желательно указат…

    Asked by Andyk,

    0 votes
    15 answers

  17. Слои, кроссбраузерность

    Здравствуйте, помогите пожалуйста разобраться. Делаю сайт на joomla1.5(залил на тест-хостинг) - http://alex.z83.ru. Проблемы две (...пока, насчет IE еще не заморачиваюсь): 1. Справа от герба расположен блок <div id='head_photo'> , в него встроен модуль вывода сучайного фото, размеченный как еще один div , внутри которого ссылка с изображением( div->a->img). В стилях я сделал для #head_photo бэкграунд-картинку(corners.png-прозрачную) с белыми уголками, чтобы фото выводились под ней и были со скругленными углами, выставил z-index: 100; а для самой картинки- div#head_photo div a img { display: block;position: relative;z-index: 9;} чтобы она была под картинкой с…

    Asked by gamletjlo,

    0 votes
    24 answers

  18. Нужна помощь для валидации

    CSS: .container{margin:auto;width:800px;} .header{background:url(image/24head.jpg) no-repeat;height:118px;margin:10px 0px 30px;} HTML: <div class="container"> <a href="#"><div class="header"></div></a> Суть проблемы для меня заключается в следующем: Как сделать средствами HTML и CSS гиперссылку в заголовке (при этом текста там быть не должно)?

    Asked by photograf,

    0 votes
    13 answers

  19. Фиолетовый цвет вместо черного в IE 8

    В IE8 заданный в CSS черный цвет имеет фиолетово-желтый оттенок, хотя в Fx отображается черным. Как убрать непонятный оттенок?

    Asked by west3150,

    0 votes
    3 answers

  20. Подскажите что за движек сайта

    Очень понравился сайт магазина: http://www.kvazar-m.ru/ И дизай ( ну это заслуга дизайнера) и самое главное как там все устроено... Знающие люди подскажите пожалуйста новичку что за движек используется? Заранее благодарен!

    Asked by test777,

    0 votes
    7 answers

  21. Выравнивание содержимого div по центру по вертикали

    Если для ячейки таблицы прописать свойство vertical-align: middle, то получим выравнивание содержимого по центру. Для div такое не работает. Что нужно сделать, что бы получить такое выравнивание?

    Asked by Arigato,

    0 votes
    14 answers

  22. вставка swf в html или на оборот.

    Помогите пожалуста!!!!!!!!!! У меня есть сайт html.И есть swf. Короче. У меня есть занавес swf,я хочу чтобы он открывал мой html сайт. Можно ли что нибудь как то это сделать?

    Asked by gippokratka5577,

    0 votes
    11 answers

  23. Фон в сообщении.

    Здравствуйте. У меня такой вопрос. Как сделать у определенного пользователя на форума фон сообщения. Например у всех фон постов один, а у определенного пользователя индивидуальный. Спасибо заранее.

    Asked by art312,

    0 votes
    7 answers

  24. горизонтальный скрол при резине

    Здравствуйте! Не могу понять что не так? отображаетсмя все как задумывалось слева 520 пикселов, а справа все в 100%, но вот появляется скролл горизонтальный ( что-то я недописал?! #leftbar{float:left; width:500px;} #content{width:100%; margin-right:-520px; float:left;} #c1{margin-right:520px; float:left;}

    Asked by BMW,

    0 votes
    1 answer

  25. JavaScript - передача ссылки по средсвам JavaScript и перезагрузка плеера

    Вот хороший человек написал мне скрипт: <table class="boxTable_right"><tr><th><h3><!-- <bt> -->Список TV<!-- </bt> --></h3></th></tr><tr><td class="boxContent"><!-- <bc> --><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <style type="text/css"> #menu li { display:inline; margin:10px; } li.hasUl { list-style-image:url(plus.gif); } li.hasUl li { list-style-image:none; } #list1 { display:block; } #list2 { display:none; } </style> <ul id="menu"> <li class = "menu_tv" id ="menu1"><a href="…

    Asked by Незнайка,

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