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. Верстка полурезины

    Вобщем надо сверстать макет. Он отрисован на 1260 пикселей. Задуман как резина - но контентная часть фиксированная на 1000 пикселей. То есть при разрешении 1280 и выше никаких проблем. А при разрешении менее 1280 нужно чтоб часть фона (картинка) отрезалась. Для наглядности приложу скрин. http://i080.radikal.ru/1004/8d/a23ce6e9d77e.jpg Можно ли такое сделать вообще? Не могу придумать

    Asked by Dioni$$,

    0 votes
    17 answers

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

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

    Asked by Adrianoff,

    0 votes
    3 answers

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

    есть такая форма 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

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

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

    Asked by One,

    0 votes
    6 answers

  5. Помогите пожалуйста выронять меню

    Здравствуйте. Я "верстаю" шаблон, и в ie6 верхнее меню не пристыковывается с левой стороны к шапке. А firefoxe всё хорошо. Вот вёрстка 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>Rational by Free CSS Templates</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="outer"> <div id="header"&…

    Asked by Sayitright,

    0 votes
    22 answers

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

    Добрый день! Порой встречаются страницы, на которых достаточно много тяжелых изображений. При этом браузер начинает загружать все изображения одновременно. Пример такой страницы: 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

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

    Здрасте братцы, извините сразу ссылку дам 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

  8. CSS + bg-image + text

    Всем добрый день!!! Проблема в следующем: Делаю растягивающуюся менюшку с размноженным задним фоном. Попытался добавить стиль в CSS: TD.menu { font-family : Tahoma, Arial, sans-serif; font-size : 10px; text-align: center; font-weight: bold; color: #ffffff; background-image: url('images/lttemplate/menu_m.gif'); } <td class="menu" width="13%"> Результат - текст нужного стиля, первая ячейка растягивается на максимум, остальные - по ширине текста. Заднего фона нет. Если в тег <td> добавить style="background-image: url('images/lttemplate/menu_m.gif')" Получаем первую ячейку на максимум, остальные - по ширине текста, задний фон появляется. Желаем…

    Asked by CrazyXoma,

    0 votes
    29 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. Сайт на слоях. Проблемы отображения.

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

    Asked by skipol,

    0 votes
    6 answers

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

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

    Asked by sv12,

    0 votes
    8 answers

  12. Как узнать свою ошибку

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

    Asked by CROSP,

    0 votes
    4 answers

  13. как убрать маркер отметки элемента

    При активации некоторых элементов, например табов вкладок, либо радиокнопок, остаётся 'маркер' последнего выделенного активированного элемента. В огнелисе например выглядит в виде очертания квадрата тонкой линией вокруг элемента. Как его убрать? Код вывода табов: <ul class="offers-menu tabset"> <li> <a class="tab a2" href="#">Padluka</a> </li> <li> <a class="tab a3" href="#">Paskuda</a> </li> <li> <a class="tab a4" href="#" a="">Skatina</a> </li> <li> <a class="tab a5" href="#">Svoloch</a> </li> </ul> Какое свойство отвечает за этот хренов маркер?

    Asked by srakaptcha,

    0 votes
    3 answers

  14. Кнопки input type button и <button>

    Можно ли задать размеры кнопок <input type="button" и <button>? Имею ввиду, что бы задать им определенную ширину и высоту, например. Нужно вряд поставить 4 кнопки, хотелось бы, что бы они были одинаковые по ширине, независимо от ширины текста в них.

    Asked by htmluse,

    0 votes
    6 answers

  15. Проблема с ссылками и таблицами.

    Народ у меня проблема. У меня есть Html страница (index.html) Она состоит из нескольких таблиц: 1) header 2) меню 3) body a) Таблица с втавленной в неё другой html страницей (index_1.html) б) Таблица с данными 4) footer Вопрос: Как нажимая на ссылку в меню можно менять html страницу в "body " "a" c index_1.html на index_2.html ? Заранее спасибо за ответ.

    Asked by LORDIF,

    0 votes
    4 answers

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

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

    Asked by Alexsays,

    0 votes
    2 answers

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

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

    Asked by Mary_RND,

    0 votes
    3 answers

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

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

    Asked by mfokin,

    0 votes
    2 answers

  19. Div в таблице.

    Добрый день. Есть таблица (русунок1). надо сделать вот так: Что имеется ввиду: Ячейка 1 это 2 объедененных строки в одну, позиционирование центр центр, 2 отдельная строка, позиционирование лево центр, 3 так же как 1. Хочу сделать градиентную границу между двумя одинаковыми вертикальными блоками, как на рисунке 2. Для этого создал стиль: .s_gft { padding:7px 0 0; background: url(../images/gradient_for_table.png) repeat-x;} } При этом в таблице вставляю его после TD, например <tr height="20"> <td height="20" style="text-align: center;"><div class="s5_gft"></div>1</td> <td width="658px" colspan="2"> <div class="s5_gft"></div&…

    Asked by sxxs,

    0 votes
    3 answers

  20. Как растянуть таблицу на 100% по внешнему блоку а не по внутреннему содержанию?

    Т.е. табличка (width=100%) как бы обрамляет текст но не растягивается по всему внешнему блоку.

    Asked by Radik_45,

    0 votes
    12 answers

  21. подсветка текущего пункта меню

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

    Asked by top-top,

    0 votes
    11 answers

  22. браузер Opera

    Нужна помощь Браузер opera не правильно отображает страницу Думаю, на картинке видно в чем проблема. Может быть проблема где то здесь? /*========= LAYOUT =========*/ #page{ background: #ffffff; margin: 0 auto; width: 960px; } /*— Main Columns —*/ #columns{ margin: 20px 0 0; padding: 0 15px 25px; } .col1{ float: left; width: 550px; } .col2{ float: right; width: 350px; } /*— Sub Columns —*/ .subcol{ width: 160px; } .subcol h2{ color: #ff7800; font-size: 14px; padding: 0 0 10px; } Весь CSS код: /*========= SETUP =========*/ *{ border: 0; margin: 0; padding: 0; } body{ background: url(images/bgr.gif) #bcbcbc repeat top; color: #000000; font: 0.8em A…

    Asked by clip,

    0 votes
    2 answers

  23. моя первая работа

    1. Начал подключать изображения и столкнулся с проблемой. Как сделать две полоски резиновыми? Да, и нижнюю полосу я склеил с листьями в один слой. 2. Еще сохраняю изображение с прозначностью в 50%, но когда вставляю его в файл оно полностью закрывает текст. Прозрачность исчезает.

    Asked by 121990,

    0 votes
    14 answers

  24. Тег nofollow

    Узнал что для Сео,для сохранения веса страницы лучше прописывать в ссылках идущих с моего сайта тег rel="nofollow",но как с этим тегом должна выглядеть ссылка полностью? счас у меня вот так: <a href="http://www.seversiti.ru/" title="Гостиница"><img src="images/banners/gostsever.jpg" border="0" alt="Гостиница" width="248" height="60" style="border: 0; margin: 1px;" /></a> а как будет с тегом rel="nofollow" ? Спс огромное тому кто подскажет)

    Asked by stardel,

    0 votes
    3 answers

  25. Исключение IE

    Суть вот в чем... Есть такая конструкция в которой написанный код применяется только если ie6 или допустим ie7 там только немного подправить нужено <!--[if lte IE 6]> ... <![endif]--> Так вот... а есть ли такая конструкция, которая бы действовала наоборот? То есть все что находилось бы в этой конструкции не применялось если у пользователя браузер IE.

    Asked by TavlaD,

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