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://planetmap.ru/atlas/earth-surface-maps.html в css описано #container { width: 100%; float: left; overflow: hidden; } Вот только на весь экран не растягивается

    Asked by Bredova,

    0 votes
    11 answers

  2. margin-right:-100% (помогите разобраться)

    Здравствуйте! Есть сайт генератор HTML and CSS. Хочу разобраться с постройкой структуры кода. Выбрал резиновый с эмуляцией одинаковых строк. Пытаюсь понять св-во margin-right:-100%, не пойму принцип действия. Применять то можно, очень важно и хочется понять (разобраться). Помогите пожалуйста со структурой кода?

    Asked by pattaya,

    0 votes
    11 answers

  3. Как сверстать эту часть:?

    У меня есть макет и мне надо сверстать вот такое: Как сверстать эту часть:? Я смог сверстать только заголовки , а остальную часть сверстать не могу(Ну которая под заголовками.

    Asked by EDesigner,

    0 votes
    11 answers

  4. Помогите с ie6 сдвигаются слои

    Доброго времени суток! Как уколоть ишака 6 чтобы не сдвигал слои? Везде отображается нормально, но 6 сдвигает обтекающие слева слои. При этом такое ощущение, что он всталяет какие то левые отступы. На пример: задаю margin-left: 20px; Везде нормально отсутают слои, а в 6 больше растояние примерно получается 40px. Не могу понять почему. Может кто то сталкивался с этим, подскажите пожалуйста.

    Asked by viv,

    0 votes
    11 answers

  5. Растягивание блока по ширине

    Хочется сделать стандартное расположение блоков, т.е.шапка - за ней контент. Но в коде они идут наоборот: контент, потом шапка. Для того чтобы поднять шапку, делаю position: absolute; top: 0; - но при таком позиционировании блок не растягивается на ширину коннтейнера. <!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="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="WhiteNight" /> <style> *{margin:0; padding:0;} html ,body { margin…

    Asked by WhiteNight,

    0 votes
    11 answers

  6. IE снова "радует"

    Как же я уже замучался с этим IE. Все браузеры как браузеры, а этот... Четвёртый день мучаюсь. Надеюсь тут есть умные люди (не как я). Ссылка на сайт: http://tdplay.ru Ссылка на CSS: http://tdplay.ru/wp-content/themes/book/style.css У меня два в одном, так сказать. Во первых, основная часть сайта (правая колонка) сдвинута влево, вплотную к сайдбару. В других браузерах после увеличения ROOT.lefBottom { width: 820px; } изменения вступают в силу (колонка сдвигается вправо). IE никак не реагирует. Во вторых, в постраничной навигации, внизу сайта, не показывается нижняя часть рамки у каждой из цифр. Это плагин для Word Press и тут у меня вообще никаких вариантов нет. Буду очен…

    Asked by madflash001,

    0 votes
    11 answers

  7. Табличная верстка

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

    Asked by undina,

    0 votes
    11 answers

  8. Неуловимый паддинг на кнопке в IE7

    Привет всем! Я что-то никак не разберусь, помогите советом? У кнопок в IE появляется внутренний отступ. IE-dev его не видит как паддинг, да его там и быть не должно, потому как не назначен. А визуально он присутствует. Страничка: http://leveler.ru/htmlbook/pagenav.htm Картинка:

    Asked by d0ublezer0,

    0 votes
    11 answers

  9. Вёрстка дивами

    Всем привет. Пришел к Вам, ибо не знал куда податься =( Есть .psd файлик, я его порезал, всё как нужно и сверстал в табличном виде, отнёс преподу, он, гад такой, говорит, что таблицами уже никто не верстает, нужно только дивами. А я дивами не умею совсем... Вчера весь день проигрался, сделал, вроде бы всё работает, но не тут-то было...Открыл на большом мониторе и всё поплыло =( Ребята, помогите пожалуйста, сверстайте, очень прошу Вас. Ты тут гуру...

    Asked by RCuPeR,

    0 votes
    11 answers

  10. Перекрытие абсолюта

    Вот страничка: тынц Про дизайн ничего не говорите - что дали, то и верстаю Картинки - тоже черновые. Вопрос в следующем: почему кружок логотипа и выпадающее меню (о проекте) перекрывается нижней границей родительского элемента? Только в IE (проверял в седьмом). Overflow там не задан.

    Asked by d0ublezer0,

    0 votes
    11 answers

  11. Почему они бегают?

    Вот хочу написать модявую гостевуху в ООП. Вот ща сделал такую штуку http://deluxe-okna.ru/guest/ Вот в браузере опера и firefox при отдалении, приближении то текстареа больше становится, то кнопка смешается, то ещё чё нить растягивается/сужается. В гугле хроме всё нормально. Я неправильно что-то делаю или всё так и должно быть?

    Asked by prowoke,

    0 votes
    11 answers

  12. помогите нужно добавить модуль для ucoz

    Здавствуйте, у меня сайт на ucoz и я с html не разбираюсь Скажите пожалуйста куда и как это сувать? говорят между тегами <head> и </head> это как? В head: <style type="text/css"> .tdfr { border:1px solid #C2C5CA; padding:2px 5px; margin:2px;} .tdfr img {opacity:0.65; filter:Alpha(Opacity='65');} .tdfrh { border:1px solid #969696; padding:2px 5px; margin:2px; background: #EAEBEC; } .tdfr a, .tdfrh a {font-size: 9px;} .deletedfr {width: 100%; height: 100%; background: white; opacity:0.45; filter:Alpha(Opacity='45');} #capcode {width: 100px; height: 35px; text-align: center; color: grey; font-size: 14pt;} .moreFr {border-top: 1px solid #C2C5CA; pad…

    Asked by Somov,

    0 votes
    11 answers

  13. стили ко всему кроме input file

    select,textarea,input {} есть такое.. как сделать, чтобы применилось ко всем элементам кроме input file?? заранее спасибо

    Asked by vvsh,

    0 votes
    11 answers

  14. div по центру

    Здравствуйте. Задача - выровнять блок div по центру по вертикали и по горизонтали. Использую решение margin: 0px auto; , но оно не работает ни в Файрфлкс, ни в IE Есть ли ещё способы? Помогите! Спасибо

    Asked by OlegALL,

    0 votes
    11 answers

  15. Кодировка в HTML

    Добрый вечер! Подскажите пожалуйста! Скачал шаблон в html и возник вот такой вопрос: Я измененил в шаблоне допустим слово Home(шаб. полностью английский) на слово Главная и при обновлении страницы вместо слово "главная" одни кракозябры. в чём дело? Пробовал создавать файл .htaccess c таким содержанием: AddDefaultCharset WINDOWS-1251 # AddDefaultCharset utf-8 Но непомогло! Что делать? Да и ещё пробовал подключать так: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> и utf-8 ставил, но безуспешно. код indedx.hlml надо?

    Asked by 123456789igor,

    0 votes
    11 answers

  16. Не работает прозрачность в png на IE7

    Все никак не могу добиться, чтобы в IE7 png с прозрачным фоном нормально отображались - все равно IE прозрачность в упор не видит. При том, в IE8, Firefox, Opera, Chrome и Safari все работает. Я пробовал сохранять png и фотошопом, и корелом, и даже паинтНЕТом - один фиг не работает прозрачность. Пожалуйста, кто сталкивался с этой проблемой, подскажите решение! Заранее спасибо.

    Asked by Maxim1441,

    0 votes
    11 answers

  17. Как сделать поле от топа второй ячейк?

    <!-- block --> <table border="1" width="100"> <tr><td>Первая</td></tr> <tr></td>Вторая</td></tr> </table> <!-- block --> Как сделать поле от топа второй ячейк? Я так понимаю в таблицах margin-top не фурычит. пардон за ошибку в заголовке.

    Asked by xDev,

    0 votes
    11 answers

  18. Резиновые трехколоночные макеты

    Систематизировал различные варианты резиновых трехколоночных макетов, в итоге получил их 13 разновидностей. К примеру, такой (px ∞ px) означает, что первая и третья колонка задана в пикселах, а средняя занимает оставшееся пространство. Макет (% % %) означает, что ширина всех колонок указана в процентах. 1. ∞ px px 2. px ∞ px 3. px px ∞ 4. % % % 5. % ∞ px 6. ∞ % px 7. (% %) px (ширина первых двух колонок принимается за 100%) 8. px % ∞ 9. px ∞ % 10. px (% %) (ширина последних двух колонок принимается за 100%) 11. % px ∞ 12. ∞ px % 13. ∞ px ∞ (здесь левая и правая колонка равны между собой)

    Asked by Vlad,

    0 votes
    11 answers

  19. Замена текста другим текстом под средством css

    Доброе время Можно как-то заменить один текст на другой текст через css? Есть много техник заменить текст на картинку, а текст на текст не понимаю как... Пример: <ul class="links main-menu"> <li class="menu-1"><a title="" href="#">Техподдержка</a></li> ... </ul> Надо получить через css: <ul class="links main-menu"> <li class="menu-1"><a title="" href="#">[Карамба]</a></li> ... </ul> Возможно такое реализовать, когда есть доступ к перекрытию css на сайте?

    Asked by Compaq6720s,

    0 votes
    11 answers

  20. Текст/блок доходит до низа браузера и сайт сьезжает

    Текст/блок доходит до низа браузера и сайт сьезжает примерно на 5-10px влево.... из-за чего такое может быть?

    Asked by Ritter,

    0 votes
    11 answers

  21. Помогите

    Нужно разместить по центру сриншоты на даной странице http://svetkino.net/detektiv/11-nachalo-inception.html ,у меня ни как не получаеться ,помогите!

    Asked by Mr.Black,

    0 votes
    11 answers

  22. Небольшой отступ слева

    Как видно из скрина, слева отступ больше, чем справа. В чем может быть проблема?

    Asked by 212th,

    0 votes
    11 answers

  23. Position: absolute (проблема в IE и Opera)

    Всем добрый день! Помогите, пожалуйста, советом, как можно решить следующую проблему: верхняя полоса в IE (ariel-kosmet.ru) выглядит нормально - по центру и c одинаковым отступом как справа, так и слева, в Opera - она убегает направо, а слева нормально. Как сделать, что бы в Opera полоса была бы также как и в IE? Вот соответствующий блок из глобальных стилей: div.bgred { background: #f01f16; text-align: center; padding: 8px 0 0 40px; vertical-align: middle; width:100%; height: 28px; color: #fff; position:absolute; top:28px; z-index:1 } * html div.bgred { height: 36px;} #lay_f1 div.bgred a { float: left; padding: 5px 20px;} Буду благодарен за любую помощь.

    Asked by Wasser,

    0 votes
    11 answers

  24. Тег select,option вытягивает table в ie 7

    Сделал, что то типа: <table> <tr> <td> фотка </td> <td> Название<br /> Описание<br /> Выбор опций <select name="..."> код <option value="..."> код </option> </select> </tr> </td> </table> Так вот в браузере ie 7 (ie 6 тоже) тег select, option вытягивают таблицу вниз насколько позволяют раскрываться эти теги. В остальных браузерах, как всегда, всё отлично. Как исправить это?

    Asked by Ritter,

    0 votes
    11 answers

  25. Отправка формы: post и get

    Приветствую всех. Возникла проблема: есть страница, на ней динамически создается форма. Форма отправляется в скрытый iframe при помощи target=iframename, где обрабатывается asp-страницей. Точнее, должна отправляться. Проблема в том, что при использовании method=post нифига не отправляется. А если его поменять на get, тогда все ок. Сегодня выяснил еще одну штуку. Страница в iframe как бы кэшируется. Потому что если изменить страницу action, тогда отправляется и через post. Первый раз. А потом опять, что ни меняй - данные из формы воспринимаются только через get. Попробовал дописать случайный параметр в action (время до секунды), чтобы как бы изменить адрес страницы. Толку …

    Asked by SARD,

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