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. Подскажите. как через стили наложить текст ссылку на картинку

    Хочется чтоб выглядело примерно так же: http://www.24open.ru/index.php ссылки на главную, блог, самые самые, вап версия и стань популярным. Я поглядел. это сделано через див, но не могу понять как именно. Если кто то сможет кусок кода в пример привести, будет отлично. Если это уже обсуждалось, ткните носом. Заранее спасибо.

    Asked by Mants,

    0 votes
    4 answers

  2. Ещ? разок про меню на CSS.

    Подскажите, пожалуйста, где можно посмотреть пример, выпадающего, вылезающего, выпрыгивающего, раздвижного, или какого нибудь в этом роде меню, без джавы, и работающего в ч?ртовом ИЕ. Вс? что я видел и прбовал, или с джавой, работает везде, или без джавы, в ИЕ не работает.

    Asked by Serhij,

    0 votes
    2 answers

  3. margin

    Хочу запихнуть таблицу в центр экрана, прочитал что это делается примерно так: <head> <title>Новый Документ</title> </head> <body> <style type="text/css"> table {margin:0 auto;} </style> <table width="50" border="1" align="center"> <tr> <td> </td> </tr> </table> </body> </html> но, у меня не работает, подскажите плиз где я ошибся.

    Asked by sneg06,

    0 votes
    5 answers

  4. Png не выравнивается по правому краю ....

    Добрый день, вот столкнулся с такой проблемой, есть картинка .png которую нужно положить бакграундом в правом верхнем углу ячейки таблицы, в мозиле и опере все работает, а вот ИЕ6 отказывается туда ее равнять ставит слева, как справится с этим "осликом" может кто подскажет ? Заранее спасибо. style="background:url('img/kat_a_002.png'); background-position: right top; //background-image: none; background-repeat: no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/kat_a_002.png', sizingMethod='image');"

    Asked by Demis,

    0 votes
    8 answers

  5. Dual-Up - тормаз

    Пачему на Dual-Upе при скорости к примеру в 30kbit и при загрузке картинки праисходит обрыв К примеру я зашол на сайт двери и тут кликаю любую дверь и она грузится на половину а после обновления окна она загружается вся...? И главное такое на Dual-Up не редкость в последнее время Толи проблема в в?рстке толи ....

    Asked by antonP,

    0 votes
    4 answers

  6. расшифруйте?

    В первом абзаце слова "информационной Вселенной" идут жирным курсивом и с разрядкой. что за РАЗРЯДКА ТАКАЯ???? ПОЧЕМУ НЕНАЗЫВАЮТ ВЕЩИ СВОИМИ ИМЕНАМИ???7:mad:

    Asked by Kain,

    0 votes
    5 answers

  7. Нулевой отступ сверху для хедера

    Привет, друзья! Банальная проблема, возможно детская, но я никак не могу достойно с ней справиться. Суть вот в чем: есть шапка сайта (часть таблицы) и мне нужно, чтобы она пристыкована к окну браузера, тоесть нужен нулевой отступ сверху. Вот как это выглядит сейчас: Прописав в стиль таблицы следующее: position: fixed; top: 0px; Я добился, что мне и нужно: Но теряется выравнивание по центру таблицы и вообще, в IE6 это не работает. Мне кажется, что должно быть что-то попроще. Буду рад вашим советам!

    Asked by Optimistus,

    0 votes
    4 answers

  8. Firefox и text-overflow

    Решил разобраться со следующей темой - как реализовать в Firefox обрезание строки при переполнении с добавлением троеточия. В Эксплорере с этим нет проблем. Нужно только прописать в css "text-overflow:ellipsis;". Опера тоже проявила "оригинальность" - там можно добиться того же эффекта используя "-o-text-overflow:ellipsis;". Нашел следующую страничку в интернете http://www.jide.fr/emulate-text-overflowel...irefox-with-css , где заявляется о решении данной проблемы в Firefox, используя только CSS. Но заставить это работать не получается. Вот мой пример: http://demo.oceanit.ru/csstest.html Помогите пожалуйста разобраться. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 T…

    Asked by smoke1,

    0 votes
    12 answers

  9. Позиционирование CSS

    Здравствуйте. Не могли бы вы мне помочь, появилась такая неразрешимая проблема : Внутри одного div я хочу расположить рядом два слова. Прич?м, у них есть отступ сверху, например 10px, у первого слова слева - 5px, между первым и вторым словом: 10px. Пытаюсь сделать так, но получается ерунда: height:30px; padding-bottom: 0px;">wwwwww fffff Т.к. стоит div, слова получаются на разных строчках. Если я начинаю использовать float, то они отображаются на одной строке, но одно слово уходит влево, другое вправо. А мне надо, чтобы они оба были рядом слева.

    Asked by girl,

    0 votes
    3 answers

  10. позиционирование

    И совсем "тупой вопрос". Не понимаю, ПОЧЕМУ у меня элемент c id="table" не смещается вниз на 10 px , я ведь использую margin-top Хотя влево смещается. <div style="background-color : magenta; height:100px; width:44%"> <div id="table">Наведите курсор, чтобы посмотреть список</div> </div> CSS: #table { width: 283px; background-color: #D8E4F1; color: #6C727B; padding-left: 16px; margin-top:10px; margin-left:10px; } Буду благодарна любым комментариям.

    Asked by girl,

    0 votes
    7 answers

  11. Вставка слоя

    Доброго времени суток! У меня такой вопрос: в документе имеется div с динамически обновляемым содержимым, каким образом можно добавить на свою страницу содержимое этого div-а, или сам div, с тем чтобы на моей странице это содержимое изменялось в случае обновления в исходном документе? Код div-а на исходнике: <div id="marquee_max"> <marquee direction="left" id="maga_max" behavior="scroll" scrolldelay="70" scrollamount="3" name="maga_max">Текст бегущей строки</marquee> </div> Интересует добавление именно этого слоя, без загрузки всего документа. Буду благодарен за ответ.

    Asked by Никола,

    0 votes
    6 answers

  12. Как автоматизировать перенос части базы данных из Экселя на сайт???

    Доброго времени суток. Очень понравился сайт. Давно им пользуюсь и почти всегда нужную инфу находил. Задача: есть база в екселе, которая обновляется каждый день. (как-то так сложилось изначально) Есть сайт, на нем страничка с таблицой, в которой отображается часть данных базы екселя. Сейчас все происходит в ручную и очень занудно. Как бы этот процесс автоматизировать, т.е. один раз сделать верстку таблицы, а обновлять только данные в ячейках, а не всю таблицу заново? Может XML? Слышал про php скрипты, но в php я совсем лузер. Помогите, плииииз!

    Asked by Shkur,

    0 votes
    24 answers

  13. Поворот, вращение background

    Поворот, вращение background, возможно ли это? Сама проблема: background всей страницы сделан как градиент, но под 45 град. Чтоб понятнее - вот сама картинка (5 кБ):

    Asked by sl,

    0 votes
    10 answers

  14. слои и обтекание.

    Добрый день. подскажите пожалуйста как мне сверстать вот такой макет. ——————————-- | ШАПКА | |___________________| | fdfdfadfasdfasfd | | | fdfdfadfasdfasfd | Б3 | | fdfdfadfasdfasfd |_____| | adsfasdfasdfasdfasdf | | ОСНОВНОЙ | |___________________| Т.е чтобы Блок3 был в основном тексте. Пробывал слоями, но слой накладывается на основной текст (он находится в таблице). Можно както слою задать обтекание? код примерно такой сейчас: <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr height="100%"> <td width="100%" valign="top"> ТУТ ОСНОВНОЙ ТЕКСТ <div style="position…

    Asked by xaozzzz,

    0 votes
    2 answers

  15. КАК ЗДЕЛАТЬ ЧТОБЫ ПРИ НАВЕДЕНИИ МЫШКИ НА КАРТИНКУ ПРИГРЫВАЛСЯ ЗВУК

    Как Зделать Чтобы При Наведении Мышки На Картинку Пригрывался Звук

    Asked by lexa,

    0 votes
    12 answers

  16. проблемка с .htaccess

    На lokalhost установил cms.... но при заходе на главную страницу (lokalhost т.е. index.html) браузер меня кидает в inet на какойто сайт, а при заходе lokalhost/index.html вс? нормально Вобщем проблема как я понял с .htaccess, что там не так не понимаю вроде стандартный беру каторый работал до этого php_value magic_quotes_gpc 0 php_value allow_url_fopen 1 php_value register_globals 0 php_value short_open_tag 1 AddType application/x-httpd-php .html .htm RemoveHandler .html .htm AddHandler x-httpd-php .html .htm DirectoryIndex index.html index.php

    Asked by antonP,

    0 votes
    4 answers

  17. Не получается выравнять DIVы как надо неправильно отображает IE

    Не получается выравнять DIVы как надо неправильно отображает IE Вот пример http://one-gi.ru.terra.mtw.ru/test/primer2.html там вс? видно

    Asked by antonP,

    0 votes
    2 answers

  18. Установка дизайна на CMS

    Меня интересует как поставить диз на CMS! По моей логике я думаю что с начало надо сверстать страницу а че делать дальше незнаю! Может кто что подскажет а то юзаю поиск и меня тока на сайт студий дизайна выкидывает а они явно не скажут

    Asked by Marlik,

    0 votes
    7 answers

  19. Отличие закрытия тега > от закрытия тега />

    Обьясните, пожалуйста, чем отличается и влияет ли на индексацию поисковиками написание в разделе символов закрытия > и />. Пример : или Я встречал на многих сайтах только такое /> закрытие. Гугль тоже предлагает так закрывать строку кода проверки для карты сайта. Кто что знает?

    Asked by karas33,

    0 votes
    9 answers

  20. <td> --> <div>

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

    Asked by HotCoffee,

    0 votes
    8 answers

  21. Меню,выскакивание разделов..

    Я новичек в этом всем деле,поэтому никак не получается у меня на сайте http://countertt.narod.ru/ Сделать с кнопкой download тоже,что и с кнопками на этом сайте http://www.wiganlatics.premiumtv.co.uk/page/Home/ при наведении например на news, тоесть выскакивание разделов... Подскажите пожалуйста какой код мне нужен?

    Asked by Aggro,

    0 votes
    2 answers

  22. Вернали форма для отправки на мейл?

    Всем привет, принимайте новенького, я тут к вам срузу с просьбами: 1. Пожалуйста, кому не сложно, проверьте правильно ли я написал форму для отправки на мой мейл (см. в конце сообщения, я ее конечно сократил, убрал однотипные части). 2. Кто подскажет как мне в теге Textarea задать макс. количество вводимых символов, maxlength не работает может из-за браузера? У мена Опера. 3. Каким образом добавить "обязательные поля для заполнения" (какие теги за это отвечают имеется ввиду) 4. Ну и если не сложно, и есть возможность оптимизировать то что я наваял, то подскажите плиз Заранее спасибо. <form action="mailto:skazochnyi@**.net" enctype="text/plain" "multipart/form-data" m…

    Asked by skazochnyi,

    0 votes
    8 answers

  23. JavaScript изменение <span>

    Не меняет значение Покажите мне самый простой способ как менять текст в после нажатия на кнопку. Заранее спасибо. Видно мне не судьба припомнить как это надо <script type="text/javascript"> q=0; function w() { if(q==0) with(document.forms.test) { name.disabled = true; gryppa.disabled = true; q=1; } document.forms.test.vopros.text="ddddd"; } </script> <form name="test"> Введите имя: <input type="text" name="name"> Введите группу: <input type="text" name="gryppa"> <span id="vopros">Вопрос</span> <input type="radio"><span>вариант 1</span> <input type="radio"&gt…

    Asked by Slyfox,

    0 votes
    2 answers

  24. Вопросы про примитивы

    В чем сходство синтаксиса заголовков и горизонтальных линий? Для чего служат символьные примитивы?

    Asked by Kain,

    0 votes
    1 answer

  25. проблема с табами

    CSS .chatBodyTabs { height: 46px; overflow: hidden; list-style: none; } .chatBodyTabs li { float: left; } .chatBodyTabs li a { display: block; border: 1px solid blue; padding: 0 10px; color:red; height: 25px; } HTML <ul class="chatBodyTabs"> <li> <a href="#">link 1</a> </li> <li> <a href="#">link 2</a> </li> </ul> DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Задача стоит следующая. Надо в ряд выставить n-ное количество блоков с шириной в зависимости от текста внутри. Пример, указанный выше, работает в FF и IE 7. В I…

    Asked by vr201,

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