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. Как узнать свою ошибку

    В общем , что то делал со своей страницей потом обновил она стало криво отображаться , дело в том что отоброжается она криво только в опере и ИЕ , а в мозиле норм , то есть выходит что мозила исправляет ошибку которую допустил я , подскажите как мне узнать эту ошибку , пожалуйста !!

    Asked by CROSP,

    0 votes
    4 answers

  2. Загрузка таблицы с контентом

    Здравствуйте! Меня интересует ваше мнение по поводу скорости загрузки страницы, в основе которой лежит одна/две таблицы в качестве каркаса разметки, а остальное выполнено div'ами и прочими элементами. Будет ли эта страница грузится постепенно, как в случае применения чистых блоков, или же она будет отображена только после полной загрузки всего содержимого? Вопрос актуален, поскольку мне не дает покоя подход Яндекса в этом вопросе и наличие в моем случае долгогрузящихся блоков с рекламой.

    Asked by mfokin,

    0 votes
    2 answers

  3. Дилема со флеш

    Есть сайт http://www.roslitprom.ru/ У меня нормально отображается сайт и на 1024 и на 1280 во всех браузерах дома Но почему у человека, в мозиле последней версии, как и у меня, отображает при 1024 флешку под контактами и правой менюшкой У кого-нибудь так еще отображается? А то блин даже не знаю как исправить того что не видно Т_Т

    Asked by Mary_RND,

    0 votes
    3 answers

  4. Как сделать кнопки смены изображения?

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

    Asked by Alexsays,

    0 votes
    2 answers

  5. Как добиться отображаемости?

    Привет, All! подскажите какие есть системные подходы к решению проблемы правильной отображаемости страницы в разных браузерах? вариант сарафанного радио (вариант "кто-то говорил Васе, что нужно делать вот так" явно не системный) спасибо

    Asked by ravend,

    0 votes
    4 answers

  6. Проблемы с упорядоченными списками в ишаке

    <ol> ишак нумерует все под номером 1, что же делать?

    Asked by sv12,

    0 votes
    8 answers

  7. Добавить сайт в закладки

    Всем привет. Вот такая у меня задача. Нужно на сайте http://cyclovac.kiev.ua/ сделать кнопочку где то красивую "Добавить сайт в закладки" . Каким образом и где это можно сделать. Работаю на базе Джумлы если это необходимо. Буду рад за любые подсказки. Сразу скажу, что я только учусь так что сильно не серчайте)))) За ранние всем благодарен.

    Asked by gumuch,

    0 votes
    13 answers

  8. Сайт на слоях. Проблемы отображения.

    Всех приветствую! Сделал своему ребенку сайт на слоях. На некоторых мониторах неправильно отображается содержимое т.е., все содержимое страниц сдвинуто влево, а справа остается свободное место. Возможно неправильно прописал слои. Вот подобным образом все слои сделал. #topmail { position:absolute; width:38px; height:31px; z-index:73; left: 222px; top: 1026px; } Подскажите, что не так. С уважением.

    Asked by skipol,

    0 votes
    6 answers

  9. В Опере10 что-то не так

    <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <title></title> <style type="text/css" media="all"> * {margin: 0; padding: 0;} * html #main {height: 100%;} html {height:100%;} body {height: 100%; background-color:#ccc;} #main {min-height: 100%; margin-bottom: -30px; background-color:red;} #footer {height: 30px; background-c…

    Asked by clavin,

    0 votes
    5 answers

  10. Две ячейки с фоном наезжают друг на дргуга в ИЕ

    Добрый вечер! Проблема следующая: есть шапка - табличка с двумя ячейками, в каждой из них фон (см ниже). В левой ячейке фон выровнен - по левому краю, в правой - по правому краю. по середине - промежуточный фон - градиент (он прописан в body). Пробема: при уменьшении окна браузера в ИЕ6 эти 2-а фона наезжают друг на друга. php: <div id="site_header"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td> <div id="header_left"> </div> </td> <td align="right"> <div id="header_right"> </div> </td> </tr> </table> <table border="0" widt…

    Asked by Radik_45,

    0 votes
    7 answers

  11. Доступ к каталогу страниц html

    Посоветуйте как лучше это реализовать в общем дали такое задание по работе: есть страницы каталога в html, на каждой должна быть указана своя цена, так вот нужно как то вводить цену для каждой страницы в этом каталоге. как это сделать? )) , я начинающий, подскажите пожалуйста, мне нужна эта работа

    Asked by Hasol,

    0 votes
    14 answers

  12. Буквица в опере

    Приветствую! Сделал себе для сайта буквицу, так здорово получилось! Но вот в опере почему-то текст(который идёт после буквицы), получается чуть выше, чем в firefox, и это для глаза очень неприятно. Возможно кто-то встречался с подобным или знает почему такое может быть. .whatdo { margin-top:-7px; color:#900; font-weight:bold; text-indent:0; } p { margin-bottom: 1.5em; line-height: 1.6em; text-indent:1em; font-size:14px; } .bukv { font-size:50px; /* Задание размера шрифта буквицы */ color:#900; /* Задание цвета буквицы */ font-weight:bold; float:left; /* Задание обтекания буквицы */ height:34px; line-height:35px; /* Задание положения буквицы */ ma…

    Asked by Faran,

    0 votes
    7 answers

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

    Здрасте братцы, извините сразу ссылку дам freayy.ru, посмотрите форму логина, не могу сделать, чтобы слова Логин/Пароль были аккуратно напротив текстовых полей. И вообще кажися я не понимаю как эти отступы пашут о_О, вообще не пашут. Рылся тут по форуму, факу и прочея, догадываюсь что проблема типовая, но, извините ответа не нашёл. Если направите на какое то могучее руководство по моей проблеме очень, очень буду рад. Для тех кто не хочет смотреть сайт, немного изменённый но практически тот же код формы логина: <style> .lgin{width:55px;} .otst3 {float:left;margin-left:55px;} .otst{position:relative;margin-top:3em;} .lgin1{clear:both;position:relative;top:6px;} </…

    Asked by shaded,

    0 votes
    1 answer

  14. Изменение порядка загрузки изображений

    Добрый день! Порой встречаются страницы, на которых достаточно много тяжелых изображений. При этом браузер начинает загружать все изображения одновременно. Пример такой страницы: http://africa-studio.ru/04_studio.htm Можно ли сделать так, чтобы изображения загружались по очереди в той последовательности, в которой они встречаются в коде, т.е. чтобы следующее изображение не начинало загружаться, пока полностью не загрузится предыдущее? P.S. галерея работает некрасиво, приходится ставить большую начальную задержку, иначе при первом проходе изображения показываются обрезанными, т.к. они еще не загрузились: http://tihonko.spb.ru/show_gallery.php?id_section=25

    Asked by alex_tihonko,

    0 votes
    3 answers

  15. Резиновые Элементы c обрезанием при min-width

    http://i065.radikal.ru/1004/12/71658cbf1ec5.jpg Во общем задача такая есть два блока с картинками к примеру серые квадраты. если разрешение к примеру 2500 то блоки должны разбежаться по краям а при 1024 должны почти все прятаться.красными линиями очерчено примерно как должно выглядеть на 1024. Изменяюсь если криво описываю задачу но чето ваше ни каких идей уже нет как это сверстать.

    Asked by Mysticismm,

    0 votes
    3 answers

  16. Бэкграунд в IE 6

    Подскажите, пожалуйста в чем трабла с бэкграундом, который прописан в <div id="right_bg"></div> (правая колонка). В 6 эксплорере почему то на 10 пикселей бэк выдается вправо. http://test.prostokitay.ru/glossary/ Спасибо заранее

    Asked by Adrianoff,

    0 votes
    3 answers

  17. Спрятать текст в заголовке

    Привет всем. Вот такая задача: есть логотип в виде картинки, я хочу засунуть его в заголовок верхнего уровня (<h1>) в виде backgroundа но так что б текст который находится в заголовке не было видно . Вот пример того что есть, но вот как спрятать текст я еще не понял . Как это можно сделать ? Спасибо

    Asked by One,

    0 votes
    6 answers

  18. дизайн формы

    есть такая форма decman. ру/contact/ хочу поменять вид формы а именно полей ввода в php прописал на одну из полей <td><input type="text" name="message" maxlength="164" height="100" vspace="100" class="mess'" value="<?php echo $message ?>" /> </textarea></td> в сss .mess { background-color:#666; } не работает исправите мою ошибку

    Asked by Deca,

    0 votes
    2 answers

  19. Двойной backround в CSS в IE

    Всех приветствую. Возникла такая проблема. background: url(img/img1.png) bottom no-repeat, url(img/img2.png) top no-repeat; Создание окаймляющих элементов для верха и низа блока нормально отображается в Opera, Chrome А вот IE 8 не отображает. Если просто background: url(img/img1.png) bottom no-repeat; То нормально, а вот для верха и низа сразу не отображает. В чем проблема? Как обойти или исправить? Спасибо!

    Asked by Svoi,

    0 votes
    4 answers

  20. Проблема в браузене Сафари

    <!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 type="text/css"> #nav_ct { float:left; height:33px; width:920px; } #content_all { overflow:hidden; padding:20px 0; width:100%; } .center { height:100%; margin:auto; width:936px; } </style> </head> <body> <div class="center"> <div id="nav_ct"> Navigation </div> </div> <div id="content_all"> …

    Asked by Mal4ishnik,

    0 votes
    11 answers

  21. Помогите с вёрсткой слоями!

    Не могу сделать верхнее меню резиновое в слоях, чтоб растягивался автоматический! С табличной всё просто даёшь таблице 100% и спишь спокойна)) Помогите пожалуйста! <table width="100%"> <tr> <td><a href="#">Новости</a></td> <td><a href="#">Свадьба</a></td> <td><a href="#">Семейные праздники</a></td> <td><a href="#">Детские праздники</a></td> <td><a href="#">Корпаротивы</a></td> <td><a href="#">Кейтеринг</a></td> <td><a href="#">Форум</a></td> </tr> </table> Мне нужно чтоб меню растяги…

    Asked by ruit,

    0 votes
    13 answers

  22. Титульная страница по центру...

    Здравствуйте, я больше дизайнер чем верстальщик, но от сейчас себе делаю что то вроде портфолио и столкнулся с проблемой отцентровки сайта , как бы я знаю, что бы сайт был вверху и по середине нужно в css прописать так: *{ margin-left: auto; margin-right:auto; } не подскажите как сделать, что бы сам сайт или же вообще указанная часть контента была по середине, не смотря на разрешение экрана, в моём случае - это титульная страница с небольшим логотипчиком и кнопкой входа на сайт, вроде всю ночь сидел и искал как это сделать, так и не нашёл... За благовременно спасибо!

    Asked by Guooff,

    0 votes
    5 answers

  23. проблема с бекграундом

    не могу понять почему на странице decman.ру отображается картинка с бекграундом а на смежной странице decman.ру/skvend/ (которая отличается только названием картинки ) ее нет. ПС -картинка на фтп лежит , пути правильные. косяк не пойму в чем-не хочет отображаться на другую а если назвать back как на главной то видит картинку главной странице

    Asked by Deca,

    0 votes
    1 answer

  24. проблема: фон для тэга <html>

    css: html { background: #000 url('images/main-bg.jpg') repeat-x; } body { background: url('images/colors.png') no-repeat top center; } #wrapper { background: url('images/wr-bg.png'); margin: 105px auto 0 auto; max-width: 1180px; max-width: 790px; height: 500px; } 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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Mockup</title> <link href="styles.css" type="text/css" rel="stylesheet" media="screen" /> </head> <body> <div id="…

    Asked by no.na.me,

    0 votes
    9 answers

  25. Иконка в H2 - как вертикально центрировать?

    Значит, суть такова: у заглавий справа есть иконки: h2 img { float:left;} <h2><img src="icon01.gif" />Lorem ipsum</h2> <h2><img src="icon02.gif" />Lorem ipsum</h2> ... Сложность в том, что: - высота иконок может варироваться в пределах страницы - 10..60px и более; - заглавие может быть длинным, на 2-3 строчки (особенно в узких колонках); - кол-во иконок динамическое и не ограничено, так что создавать стили для h2 с иконкой-бекграундом и левым паддингом - не очень правильная тактика. Что можете предложить для решения такой проблемы? Вот рабочее решение, но оно... мягко сказать, некрасивое и нарушает логику построения документа: <table…

    Asked by PoshtarBoba,

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