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 crazyawm,

    0 votes
    8 answers

  2. Расчёт высоты в IE6

    Захотел сделать такую варезку с закруглёнными, краями, чтобы можно было не меняя координаты уголков, подставлять изображения любых размеров. Короче всё это не важно, перейдём к делу. Сделал такую штуку: http://kg-am.com/varez/ Всем доволен, кроссбраузерно, здорово, варезка морально готова к модификациям и извращениям. Но как всегда выпендривается IE6, появляется полоса высотой в 8px (сумма высот уголков). Как исправить это без понятия, вопроса два: 1. Почему так происходит, как IE6 считает высоту? 2. Можно ли как-нибудь при помощи expression заставить его считать высоту как все остальные браузеры? Зумирование и тп, пробовал. Не помогает.

    Asked by Игорь Ермаков,

    0 votes
    7 answers

  3. CSS

    Сейчас создаю свой сайт. Сделал несколько страниц. Перенес папку с сайтом с ноутбука, на котором делал сайт, на ПК. И тут выяснилось, что CSS частично не работает на некоторых страницах (т.е. некоторые куски из CSS файла, к которому обращаются все страницы, на некоторых страницах не работают) Причем на ноутбуке сайт работал корректно во всех браузерах, а на ПК одинаково неправильно во всех браузерах. Например: не подсвечивается меню; картинки ведут себя так, как будто между ними не задан промежуток и др. Что это может быть? Заранее спасибо.

    Asked by aalekss,

    0 votes
    1 answer

  4. Едет на разных разоешениях

    Делаю сайтик на Html,но там почему то при разных разрешениях меняют положение ссылки.Что не верно в коде? СпС все кто откликнется) подскажите плизз ) http://batikgallery.ru/ вот код: <!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>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; background:#130e0a url(images/Gallery.jpg) no-repeat 50% 0; font:18px "Comic Sans MS", Verd…

    Asked by stardel,

    0 votes
    1 answer

  5. Дополнение в код?

    Извините, но возникла проблема, для того чтобы рисунок на всех страницах отличался от рисунка на главной странице я добавил строчку <div style="background-image:url(images/fon_10.jpg)"> Но при переходе по страницам в зависимости от того какой длины содержит текст страница, такой длины и появляется новая картинка, а всю остальное пространство продолжает картинка установленная на главной странице. Например: если я перехожу в меню на страницу "контакты", то в центре у меня появляется текста примерно на 1/3 страницы, и на эту часть у меня открывает новый фон, а на остальные 2/3 фон с главной страницы. Как это можно исправить? Спасибо.

    Asked by romashkaed,

    0 votes
    2 answers

  6. Замена бэкграунда контента

    Ребят, скажите пожалуйста, я хочу поменять бекграунд контента, правильно ли я пишу код? <content style="background-image: src="images/fon_10.jpg">

    Asked by romashkaed,

    0 votes
    10 answers

  7. Отрывается блок от потока

    Есть сайт, в котором закругление углов, сделано отдельнм блоком идущим сразу же за основным. (ширина фиксированная, поэтому картинка одна, на оба угла) В ИЕ, это отображается првильно, а в Лисе, появляется лишний пробел, котороый "отрывает" низ от основной части. http://yaolga.thekip.ru Можно конечно по мудозаться, и задать отрицательный маржин, что бы блок подскочил на верх, а что бы текст не налазил, сделать основному блоку внизу паддинг с запасом, но это не решеение. Просто интересно из за чего появляетс подобный эффект. Ведь между этими блоками ничего не стоит, и ни одному из блоков не заданны отступы и никакие другие коварные свойства.

    Asked by TheKIP,

    0 votes
    46 answers

  8. Скорость загрузки сайта

    Здравствуйте! У меня скорее аналитический вопрос: Недавно я доделала свой сайтик и для пробы выложила на бесплатный хостинг, а именно на Народ. Но сразу же начались проблемы с загрузкой. Начиная с первой главной страницы (и дальше-больше) страницы оооочееень меееедлееено грууузятся. Я показывала своих знакомым и друзьям , предполагая что может быть у меня проблемы с провайдером, но все как один жалуются на тоже самое. Я почти весь сайт выгрузила. Но несколько страниц оставила, чтобы вы могли убедится Собсно вопрос: что может замедлять загрузку сайта? Картинок вроде не много и весят они нормально, не так чтобы 5 минут ждать загрузку главной странцы.

    Asked by qwe!,

    0 votes
    4 answers

  9. legend по центру

    Здравствуйте. Возникла проблема с отображением текста/картинки в теге legend по центру в разных браузерах. Пытался искать на сайте и форуме, но ничего толкового не нашёл Итак, вот код: <!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"> <body> <table><tr><td> <fieldset><legend align="center">Заголовок по центру</legend> <center>Мой текст</center> </fieldset> </td></tr></table> </body> </html> В FireFox и Google Chrome всё отображается нормально, как и задума…

    Asked by tgnet,

    0 votes
    11 answers

  10. Вопрос по фоновому изображению.

    Скажите пожалуйста, как сделать часть фонового изображения ссылкой?

    Asked by Willi,

    0 votes
    3 answers

  11. Проблема table

    Всех приветствую. В html совсем новичок. Прошу помощи есть такой код: <html> <head> <title>название</title> <link href=/style.css rel=stylesheet type=text/css /> </head> <body> <table border=0 width=100%> <tr valign=top> <td width=30%> это слева </td><td width=50%> это справа</tr></td></table> </body> </html> что в нем не так? Если не использовать table и td то текст в нормальном шрифте, как только начинаешь их использовать шрифт становится в 2 раза больше. Скрин C таблицей Без таблицы

    Asked by vladan,

    0 votes
    3 answers

  12. Div нерастягивает родительский.

    Собственно самый что ни есть ламерский вопрос. есть div. в нем ещё два diva в две колонки. Как сделать, чтобы родительский div растягивался не только если у дочернего есть контент, но и если просто задан height.

    Asked by ADV,

    0 votes
    6 answers

  13. Можно ли сократить CSS?

    Пишу: style="border-top: 1px solid #8e99d7; border-right: 1px solid #8e99d7; border-left: 1px solid #8e99d7;" Можно ли сократить? Спасибо

    Asked by klik2,

    0 votes
    2 answers

  14. Рисунки и Select

    Задача простая но что то как то не пойму как сделать. Например имеется <select name="sel" onchange="selimage"> <option value="1">Рисунок_1</option> <option value="2">Рисунок_2</option> </select> нужно чтобы при выборе 1, рядом с селектом отобразился рисунок, при выборе 2, другой рисунок не пойму как сформировать массив

    Asked by slavok47,

    0 votes
    21 answers

  15. Промежуток между футером и контентом.

    В Опере и Мозилле все получилось само собой. Футер прилип к низу странички и расстояние до контента, как задумано 15 px. А вот в IE 7 и 8 между ними 85 px. Скрин1 P.S. Самое интересное, что во время моих копаний в CSS для IE7 и 8 я заметил одну вещь. Когда задал display: none; для навигации и при перезагрузке он исчез, то футер стоял на своем месте. T.е.промежутка о котором идет речь не было. Мистика какая-то.

    Asked by Gomer505,

    0 votes
    15 answers

  16. галлерея

    мне очень нравиться как выполнена галерея на foto.ru есть такие уже готовые? Я искал в гугле, но ни чего похожего не нашел.

    Asked by sh1va,

    0 votes
    1 answer

  17. width 100% ie6 must die

    Вообще дроп даун ксс меню. <div class="nav"> <ul class="nav-menu"> <li><a href="#"><strong>LA CAVE<em>Rencontrez-nous !</em></strong><span></span> </a> <ul> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2 over</a></li> <li><a href="#">Item 3</a></li> </ul> </li> .nav ul{ margin:-37px 0 0 0; padding:0; list-style:0; float:right; } .nav ul li{ background:url(../images/bg-nav-li.gif) no-repeat 100% 100%; list-style: none; padding: 0 15px 0 0; float: left; position: r…

    Asked by Dessss,

    0 votes
    4 answers

  18. ie8 body

    Вечер добрый, такой глюк, бьюсь второй день немогу понять, толи explorer глючит толи меня, В общем смысл в том, что не получается отобразить в ie8 картинку фоном к тэгу body(html). Пробовал и без совместимости и доктип менять, все броузеры отлично, ie8 никак, а мне проект надо было сдавать, делался на работе под xp и ff3.5, ie6, opera8 - проблем небыло, а дома win 7 с ie8 и ff3.5 вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <meta http-equiv=Content-Type content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible"content="IE=EmulateIE7"> <tit…

    Asked by StupID,

    0 votes
    10 answers

  19. Помогите разобраться с DIV

    Здравствуйте помогите пожалуйста с DIVами, мне нужно левый и правый блок растянуть на 100% по длине а блок между ними сместить на 10px вниз, при попытках все 3 блока смещаются <body> <div id="Conteiner"> <div id="LeftBlock"> LeftBlock </div> <div id="RightBlock"> RightBlock </div> <div id="Content"> <div id="CenterBlueBlock"> CenterBlueBlock </div> <div id="CenterDarkBlueBlock"> CenterDarkBlueBlock </div> </div> </div&…

    Asked by Budulianin,

    0 votes
    3 answers

  20. Переход в начало страницы.

    Главная страница остается статичной, все действия происходят внутри фрейма, при пререходе со страницы на страницу, нет возврата к началу! т.е. если я в самом конце страницы, и перехожу с нее по ссылке на другую(расположенную в фрейме), открывается новая страница на том же участке где была ссылка на старой... в общем мучаюсь ппц! не смог найти решение в посковике по тому что не могу описать корректно суть проблемы =))) вот пара картинок чтоб понятней было... вот так выглядит страница. Вот я ее просмотрел до конца перешел по ссылке, открылась новая страница, но на томже участке а хотелось бы чтобы при открытии она каким-то образом возвращалась к началу, вот примерно та…

    Asked by strx,

    0 votes
    5 answers

  21. Как выровнять форму

    Есть форма отправки с таким кодом,но в Опере и IE верхние два поля по середине,а не прижаты к левой стороне.Как поправить на Html?CПС всем кто откликнется! http://batikgallery.ru/Contacts.html <TABLE width="446"> <TR> <TD ALIGN="right" width="136"><strong><em>Ваше имя</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="Login" align="left"SIZE=25></font></TD> </TR> <tr> <TD ALIGN="right" width="136"><strong><em>Ваш E-mail</em></strong></TD> <TD width="298"><font face="Arial"><INPUT NAME="E-mail" SIZE=25></font&…

    Asked by stardel,

    0 votes
    3 answers

  22. как для iframe установить высоту в %?

    <div class="top-frame"> <iframe src="frames/main-frame.html"></iframe> </div> <div class="bottom-frame"> <iframe id="chat" name="chat" src="frames/chat.html" scrolling="no"></iframe> </div> body{ height:100%; } .top-frame{ width:100%; height:70%; } .top-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } .bottom-frame{ width:100%; height:30%; } .bottom-frame iframe{ width:100%; border:none; height:100%; overflow:hidden; } Ифреймы не тянуться по высоте никак, стоят по 150 пикселей (по умолчанию). Как сделать, чтобы верхний занимал 70%, нижний 30%? Если задавать в пик…

    Asked by Vitrilo,

    0 votes
    1 answer

  23. Помощь со страницей сайта

    Добрый день. Я совсем начинающий создатель сайтов. Подскажите пожалуйста как на этой странице http://www.pokerneo.ru/aboutpoker.html убрать расстояние между картами.

    Asked by dimalm,

    0 votes
    12 answers

  24. кнопка поиск

    Всем привет! Решил создать для себя кнопку поиска, в произвольном месте, да ещё такую, чтобы одним полем, т.е. просто вводим слово в поле и жмём ентер Проблемав такая: Когда поле неактивно, в поле есть слово "поиск", а когда мы наводим для ввода наших слов, "Поиск" пропадает. Это сделать получилось через параметр "focus". Вобщем когда я жму ентер с моими словами, открываются результаты поиска , но поле поиска начинает отображаться и слова , которые задал Я, и слово Поиск от неактивности поля.(как на картинке) Как избежать подобного?

    Asked by cardsmoney,

    0 votes
    2 answers

  25. Как организовать файлы и папки на статичном сайте?

    Появился заказ переверстать несколько десятков статичных страниц. Заказчик против движка. Первый раз верстаю целый сайт на html. Как лучше всего организовать файлы и папки? Все *.html лежат в корне. Думаю, в папке css создать файл main.css, а также отдельные *.css для каждой странице при необходимости. В папке i буду хранить фоновые изображения для всех страниц, а в папке images - картинки пользователей для всех страниц. Может есть какие-то лучшие способы? Была идея создать один файл стилей для всех, а стили для отдельных страниц задавать через класс на body...

    Asked by shvv,

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