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. Размеры шрифта и отступы

    Начал верстать страничку и возник вопрос: есть ли вариант узнавать сразу какая реальная высота строки в фотошопе и в браузере не выделяя ее каждый раз, чтобы корректно задать для нее отступы, а то бывает так, что строка , допустим, написана прописными буквами, и на автомате меряешь до края буквы, а потом оказывается что там еще пара пикселей в которых нет текста и лазишь, меняешь везде =( и еще возникала проблема с тем что в разных браузерах высота блока со списком выходит разная, маргины между всеми элементами заданы, так что остается искать о5 же подвох в высоте строк в списке

    Asked by Joyfit,

    0 votes
    0 answers

  2. float и height 100%

    надо сделать высоту ".left" равной высоте ".right" иначе говоря чтоб у него был рабочий height: 100%. всё чего мне удавалось добиваться это получения высоты видимой области и то не во всех браузерах (требуется ie6+ и нормальные) <!DOCTYPE html> <html> <head> <style type="text/css"> .content {border: 1px solid red;} .left {width: 200px; float: left; border: 1px solid green;} .right {float: left; border: 1px solid black;} .clear {clear: both;} </style> </head> <body style="margin: 0; padding: 0;"> top <div class="content"> <div class="left"> left content </div> <div class="right"&g…

    Asked by freeek,

    0 votes
    1 answer

  3. Выровнять иконки и текст

    Привет! Делаю локальную стартовую страничку. Подскажите пожалуйста как выровнять иконки и текст, чтобы они были на одном уровне. Пример для наглядности: <style type=text/css media=all> * {padding:0; margin:0;} img {border: 0;} table {border-collapse: collapse; border: none;} table th, table td {font-weight: normal;} a:focus {outline: none;} a, a:hover {text-decoration: none; font: 12px arial; color: #464646;} a:hover {text-decoration: underline;} ul li {list-style: none; margin: 0 0 5px 0;} ol li {list-style: decimal inside;} html {height: 100%;} body {height: auto !important; font: 12px arial; color: #000; line-height: 18px; } #wrap {min-width: 985px; margin:…

    Asked by iahromenko,

    0 votes
    4 answers

  4. Помогите с div ширина высота 100%

    Помогите с семиблочной схемой из div Понимаю что тема подымалась тысячи раз но в примерах восновном не такое количество блоков и поетому подымаю данный вопрос Восновном у меня проблема возникает с двумя внутренними вертикальными блоками (синие) они постоянно равны по высоте наружным (зеленым) Центральный блок (жетый)может быть в высоту по величите контента xhtml 1

    Asked by lublupospat,

    0 votes
    0 answers

  5. растягивание по высоте в ff

    Помогите пожалуйста. В IE,Opera все тянется и стабильно работает. В фф, как не пытался не получилось - _http://profshopping.ru/index.php?categoryID=327&show_all=yes

    Asked by Gleb-k,

    0 votes
    2 answers

  6. Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?

    Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?

    Asked by UREL,

    0 votes
    4 answers

  7. Подчеркивание ссылок

    Ссылки с размером шрифта 20px, при этом нужно чтобы было тонкое подчеркивание текста (как например при шрифте 12px) - как это сделать?

    Asked by Disman,

    0 votes
    1 answer

  8. Текст, изображение выходит за блок... Помогите пожалуйста

    Вот скрин того чего не получается: Вот скрин того что должно получиться, но текст должен быть справа: Как можно это сделать ? А то картинка выходит за блок. или текст выходит когда ему присваиваю свойство float:right; Как с этим бороться ? Надеюсь на вашу помощь! и еще один раз столкнулся с такой проблемой Архив с сайтом Надеюсь на вашу помощЬ!

    Asked by aknur,

    0 votes
    0 answers

  9. Помогите с парочкой проблем

    Вот решил создать сайт, делал сам без знаний по сайтостроению в принципе вообще... Что получилось мне нравится,но вот не могу решить пару проблем... Первое хочу чтоб картинка нижняя(bottom.jpg)прижималась в самый низ страницы... Второе хочу чтоб боковые волнистые полоски растягивались до картинки после выполнения первого пункта... Сейчас чтоб картинка была внизу я просто указал размер волнистых линий #block { background: #fff url(bg_left.gif) repeat-y; height: 600px; width: 750px; text-align: center; color:#666666; } #block DIV { background: url(bg_right.gif) repeat-y 100% ; height: 600px; } если убрать height: 600px; то нижняя картинка и волнистые …

    Asked by GradoFun,

    0 votes
    5 answers

  10. border-radius.htc не работает

    Подключил border-radius.htc, но он не работает в IE8 (в более ранних версиях не смотрел). Пробовал убрать все скрипты - все равно не работает. Есть альтернативы или какие-то способы заставить работать border-radius.htc ?

    Asked by SEObomj,

    0 votes
    4 answers

  11. ссылки

    Можно как-то убрать свойство visited с ссылки после перехода на другую ссылку так что бы visited был активен только 1 раз когда перешел по ссылке??? Я вот хочу сделать с background-image картинкой ссылки. Ставлю ссылке на hover картинку, потом хочу что бы при нажатии на ссылку после перехода что бы background-image картинка бегала только по тем страницам куда перешел по ссылке. К примеру если это сделать с помощью HTML то не сложно поставить свойство для каждой ссылки на каждую страницу, а если использую $_GET из PHP то нз че даже и делать. Если ставлю к visited background-image то получается что у меня будет картинка по всем пройденным скылкам(( а мне ток для 1 надо....к…

    Asked by Simon,

    0 votes
    14 answers

  12. Хром тупит с inline-block

    Проблема такая. Отказались от table, используем divы и свойство block:inline-block. Если div'у не давать class а прописывать все свойства в style, то везде всё номально. Но как только мы создаём в CSS определённый стиль и прописываем его диву в class="имя стиля", то у браузера Chrome возникает такая проблема. Берутся непонятные отступы. Как должно быть (в остальных браузерах) Хром Сам стиль таков: .block-text-content { padding:5px; background-color:#bfbfbf; display: inline-block; font-family: tahoma, verdana, arial, sans-serif, Lucida Sans; font-size: 11px; word-wrap: break-word; overflow: auto; vertical-align:top; } Фрагмент html: <div style=…

    Asked by bems,

    0 votes
    1 answer

  13. Свойство и проблемы в IE

    Всех с прошетшим Новым Годом. У меня есть вопрос по Css коду.Что означает * *zoom:1; *display:inline; И у меня есть две ошибки в IE (скрин с хрома) 1) В Ie 8 когда открываеш блок ,а потом закрываеш отступи появляються после того как наведеш мышкой на елемент http://s2.itrash.ru/idb/c614ff145edb562512...zymyannyj_1.png .blockl { position:relative; margin-bottom: 10px; } .bltop{ background: url('../image/bltop.jpg') repeat-x; position:relative; height: 26px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; behavior: url(css/PIE.htc); } .bltop h3 { padding: 5px 12px; font-size: 14px; font-weight: normal; co…

    Asked by Mr.Black,

    0 votes
    4 answers

  14. Приключения float, clear и двухколоночного макета

    В общем, задача сделать что-то типа блога. Макет — духколоночный. Слева маленькая колонка, справа — контент. В «контенте» идёт заголовок-ссылка на страницу и анонс этой самой страницы — таких блоков (заголовок-анонс) на странице по нескольку штук. Но вот только есть одна неприятность. Вот примерно что нужно. Вроде всё так, как я хочу. Но тут возникает проблема с картиками, у которых есть флоат — блоки начинают тоже обтекать картинку, это не есть гуд. Пытаемся решить проблему при помощи clear — блоки встают в порядке нормальной очереди, но вот только вся колонка сползает вниз. Помогите, люди добрые! Хочется и рыбку съесть и, чтобы блоки не уползали.

    Asked by Veseloff,

    0 votes
    8 answers

  15. Табличные ячейки с бордерами

    Привет. Имеется таблица, один столбец которой имеет левый и правый бордеры. При движении указателя мыши по таблице строка под курсором выделяется путем установки ее ячейкам верхнего и нижнего бордера. Вот как это в идеале выглядит: Это имеющаяся верстка данной таблицы: <!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"> td { border-top:1px solid transparent; /* prevent table twitch …

    Asked by Styx,

    0 votes
    0 answers

  16. Высота блока

    Добрый вечер. Столкнулся с такой проблемой при верстки шаблона. Мне нужно сделать чтоб высота блоков не зависила от содержимого. Тут можно посмотреть саму проблему. http://www.multicom.ee/sm/ Мне нужно чтобы Блоки шли до футера. Помогите советом , буду очень благодарен.

    Asked by Simel,

    0 votes
    9 answers

  17. Текстовая строка

    Я новичок в деле создания сайтов. Мне бы хотелось узнать как сделать такую строку, в которой сам пользователь сайта может что-либо напмсать?

    Asked by Ferdanch,

    0 votes
    23 answers

  18. Flash размер

    У меня такая ситуация на флеше(FLASH) стоит 100% размер но во всех браузерах кроме Оперы размер 5% в чем можнт заключаться проблемма?

    Asked by iKARATE,

    0 votes
    0 answers

  19. Рипы

    Задолбали риперы... Итак, погуглив, опять ничего толкового не нашел. Меня интересует защита сайта от рипа. Можно-ли как-то защитить сайт от рипа программой? Прошу знатоков Js написать приватный шифровальщик html (возможна оплата) и скрипт, который бы запрещал использование кнопки Ctrl+U (надеюсь бесплатно).

    Asked by Sezy,

    0 votes
    5 answers

  20. Просветите новичка

    Всем привет! Преамбула (кому интересно) Есть у меня маленькая фирмочка и вот захотелось мне стать обладателем своего сайта. Прочитав на вашем форуме о начальных шагах производства сайта понял, что создать несложный информационный сайт нетрудно (тем более граф-редакторами владею) и даже произвёл на свет какое-то подобие простого сайта с несколькими кнопками. Но дело в том, что простой не хочется, а на создание сложного надо время. И что самое смешное в моих рекламных проспектах адрес сайта уже стоит, а в нете его нету )))))))))))) Вот теперь вопрос: Хочу чтобы при наборе адреса сайта открывалась картинка, типо "сайт в разработке и т. п." с контактными номерами и т.д. Что д…

    Asked by kochay,

    0 votes
    12 answers

  21. application/xhtml

    Скажите, зачем на практике нужен тип application/xhtml? Кто-нибудь его применяет и для чего?

    Asked by Vlad,

    0 votes
    7 answers

  22. Прошу помощи

    Добрый день! С наступающим праздником Рождества! Помогите сделать следующее: на странице www.avtosale.kz/index_2.php размещены 2 строки с объявлениями посетителей на которые можно нажать и оно развернется как карта и вот с этим 2 проблемы: 1. В IE6 (как же он достал подстрайваясь под него) почему-то картинки начинаются посередине блока т.е. уходит за его рамки. 2. Возможно ли при переворачивании чтобы была панель не какого же размера, а в 3 раза больше и отцентрованна... Чес слово с ума скоро сойду с этой версткой. Занимаюсь этим буквально первый месяц поэтому возникает много вопросов и практически на все находил ответ здесь, еще раз большое спасибо! Кстати исходник этог…

    Asked by igrix,

    0 votes
    1 answer

  23. Древовидный список

    Пытаюсь уже 2 дня сделать вот такую штуку вот чего достиг <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Безымянная страница</title> </head> <script type="text/javascript" > function startmenu() { document.getElementById('kRussia').style.display = "none"; document.getElementById('menu2').style.display = "none"; //inline } function menufunc(menuId) { if(document.getElementById(menuId).style.display == "none") { startmenu(); document.getElementById(menuId).style.display = "block"; } else { startmenu(); } } </script> <body onload="java script:startmen…

    Asked by Незнайка,

    0 votes
    1 answer

  24. Не получается сайт! Выпадающее меню и фоновый цвет не корректно ставиться

    Здравствуйте! Помогите пожалуйста с сайтом! Вот сайт, при наведений на HOME получается так: Без этого блока PROFESSIONAL TEAM получается вот так: (отображается как нужно) А с блоком отображается не корректно. И еще проблема с фоном. На первой картинке видно с лева фоновая картинка для скругленного теня стоит не там где нужно: Как исправить все это ? Помогите пожалуйста. Архив с сайтом здесь

    Asked by aknur,

    0 votes
    4 answers

  25. Макет для верстки 06.01.2011

    Вот решил добавить вам еще один макетик для верстки, думаю, он вам понравится PSD: http://webformyself.com/wp-content/uploads...%20code/psd.zip Скрин: http://imm.io/2Xmu Готовая страница ( как должно быть ) http://nettuts.s3.amazonaws.com/336_siteFr...late/index.html Про макет: Ширина резиновая, высота фикс. Будут вопросы - спрашивайте Автор: Феликс Бойо Ссылка на первоисточник: http://net.tutsplus.com/tutorials/design-t...ratch-–-part-i/

    Asked by Temiks,

    0 votes
    1 answer

  • Обсуждения

    • 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