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. margin и border

    День добрый. Подскажите, пожалуйста, почему если убрать бордер у #content, то бокс совпадает по высоте с .toolbar ??? А возвращаешь бордер и становится все нормально. <?xml version="1.0" encoding="UTF-8"?> <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!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>TODO supply a title</title> <style> body { background: #eff6fc; font…

    Asked by icp,

    0 votes
    2 answers

  2. Подчёркивание

    Всех с Новым Годом! Взял подчеркивание отсюда http://htmlbook.ru/faq/kak-dobavit-punktir...vanie-k-ssylkam В общем код работает без проблем, но стоит в CSS правила добавить * {margin:0; padding:0;} А ссылку заключить в <h*></h*> Как код перестаёт работать в IE8. Искал этот затык в коде целый час. Теперь думаю, как исправить. Вот тестовый код, который я использую: <!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&lt…

    Asked by Coder_D,

    0 votes
    17 answers

  3. Помогите новичку

    <!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>название</title> <style> BODY {background:#FFFFFF;margin:0 auto;padding:0;} ul {padding:0} li {float:left; overflow:hidden; padding-right:10px; padding-left:10px;} .wrap { width:780px; margin: 0 auto;} .logo {background:url(images/Logo.jpg); width:780px; height:180px} .menu-l {background:url(images/left-m.jpg); width:23px; height:49px; float:left } .menu-c {background:url(images/centr-…

    Asked by Duuplexx,

    0 votes
    3 answers

  4. При наведении отображать слой, который не будет рушить структуру

    Есть прямоугольная область на экране в которой два ряда по, скажем, 8, мини-областей, в каждой по изображению. При наведении на область, но, чтобы вместо изображения показывался слой с этим изображением и и 2-мя 3-мя строчками текста, блок такой же, как область, по высоте, примерно в 2 или 3 раза длиннее. Этот слой будет показываться поверх остальных слоёв с изображениями, с которыми он "пересекается". Вот примерно как я себе представляю реализацию сего: <div class="entry"> <img src="entry_img.png" /> <div class="onhover"> <img src="entry_img.png" /> Text </div> </div> div.entry { width: 150px; height:150px; posit…

    Asked by adelante,

    0 votes
    1 answer

  5. помогите нужно добавить модуль для 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

  6. Объясните в чём ошибка.

    Простейший макет, 2 ячейки должны тянутся по контенту, а остальные фиксированные. Почему нормакльно отображается только в FF а IE и опера либо растягивают все ячейки включая фиксированные, либо как опера, растягивают нижнюю фиксированную ячейку первого столбца http://www.darwell.ru/index.html

    Asked by zuldek,

    0 votes
    5 answers

  7. Помогите с html

    Всем привет! У меня такой вопрос. Как зделать такой сайт http://oblom.com У меня сам html есть. <html> <head> <title>Ololo</title> <head> <html> <head> <body bgcolor="Black" text="Silver"> </html> <br/> <br/> <br/> <br/> <br/> <div align="center"> <font size="15"> <h1>Бугага</h1> <p></p> </body> </html> Ну как с доменом?

    Asked by xStevex,

    0 votes
    16 answers

  8. Непонятная ошибка в вёрстке

    Замучился уже их вертеть.. что уже только не делал. По идее всё просто - ставлю фиксированный размер у ячеек, которые не должны тянутся и прописываю 100% размер для тех которые должны тянутся. Вот схема проблемной части макета вот сама страница страница Табличную структуру я переписывал заново несколько раз. Прошу помочь понять в чём ошибка.

    Asked by zuldek,

    0 votes
    14 answers

  9. Вложенность, селекторы (непонятное поведение)

    Привет всем, с наступившим Новым Годом! Есть такой код: <body> <div id="content"> <div> <div> </div> </div> </div> </body> Стили для него: #content{ position: relative; } #content div{ background: red; height: 100px; border: 1px black dashed; } #content div div{ position: absolute; width: 300px; height: 50px; background: gray; border: 1px black dashed; } Тут все понятно, но стоит применить id для третьего дива, т.е.: <body> <div id="content"> <div> <div id="qwerty"></div> </div> </div> </body> #content{ …

    Asked by capscom,

    0 votes
    20 answers

  10. Размер шрифта

    Приветствую. Подскажите, если в стилях для тега html задан размер шрифта 75%, от какого абсолютного значения считается этот процент? html{ font-size: 75%; font-family: Arial, Verdana, sans-serif; } и вообще, объясните, как новичку, что предпочтительнее - проценты или пикселы и по какой причине? заранее спасибо!

    Asked by soler,

    0 votes
    3 answers

  11. Самопись или CMS?

    Решил сделать сайт. Небольшой по размерам и с узкой направленностью (сайт для тестирования по знаниям об одном языке программирования). Создал шаблон в Photoshop, сверстал его в html+css+php. И тут за неимением опыта в php я задумался о безопасности, ведь предполагается работа с чужой базой данных (с согласия второго человека), он конечно может посмотреть мой код и поправить, но за любую ошибку буду нести ответственность я и частично он. Что посоветуете? Использовать полностью самописный сайт или CMS (Joomla для примера)? CMS не хотелось бы привлекать т.к. мне скорость не нравится...любая универсальность приводит к увеличению кода в разы, хотя с другой стороны проверенн…

    Asked by brainiac!,

    0 votes
    3 answers

  12. Проблема с новостями

    Набераю опыт в вертске скажит как поднять блок новости выше.вот картинка код и ксс <!DOCTYPE html> <html> <head> <title>My verst</title> <link href="style.css" type="text/css" rel="stylesheet"> </head> <body> <!--Верх--> <!--Верхняя строка--> <div class="hd">Вы вошли как:<font color="#FF0000"> admin</font> </div> <!--Верхняя строка(end)--> <!--Шапка--> <div class="hds">&</div> <!--Шапка(end)--> <!--Нижняя строка--> <div class="hdz">&</div> <!--Нижняя строка(end)--> <!--Верх(end)--> <!--Левый блок--> <div align=…

    Asked by azarkin7,

    0 votes
    6 answers

  13. Навигация с дополнительным текстом

    Делаю навигацию для сайта. Оформляю ее как список. Когда в код вставляю описание ссылок (т.е. все, что на рисунке отмечено серым цветом), то навигация становится не горизонтальной, а вертикальной. Перенос текста делал тегом <br />. В общем, подскажите, пожалуйста, как написать код, чтобы было как на картинке. Премного благодарен за ответы. Картинка:

    Asked by unquaker,

    0 votes
    5 answers

  14. помогите пожалуйста

    http://gatchina-motors.ru/ почему то в верней части картинка разъезжается, не могу понять в чем дело..

    Asked by stiffler,

    0 votes
    8 answers

  15. Хочу написать блог

    Привет! Хочу написать самодельный блог для своего небольшого сайта. Сам сайт довольно простой, без движков. Статьи будут состоять из html+css+js контента, хранимого в папках. Создание статьи - это создание html (css, js если надо) файла в нужной папке и регистрация в другом файле. Рендериться статьи будут через php скрипт. Если много записей, то будет показано только несколько самых новых, а остальные подгрузятся через ajax запрос, если нажать "Show older posts" как на стене вконтакте, т.е. Поиска по словам/тэгам не будет. Комментирование плоское (не древовидное), старые комменты скрыты, но подгружаются на месте при нажатии "Show older comments". Для комментирования не ну…

    Asked by Juster,

    0 votes
    10 answers

  16. <br> или < /br>

    Например я верстаю под HTML 4.01, то по стандартам я должен использовать <br>? Обычно использовал < /br>... http://htmlbook.ru/html/br

    Asked by barman,

    0 votes
    1 answer

  17. Проверка кроссбраузерности.

    Решил заняться версткой более менее профессионально, а не на уровне подправить что-то или сверстать простенькую страничку. Сразу же возник вопрос - как организовать проверку в разных браузерах? Например такое требование к макету: FireFox 2+, Opera 9.0+, Safari, Chrome, IE 6.0+ 1) Какие версии браузеров ставить? Все? Но тогда проверка во всех займет достаточно продолжительное время, так как одних опер больше 30 выйдет. 2) Что делать с IE6? Ставить его одного на виртуалку? 3) Различается ли отображение в разных ОС у одного и того же браузера? 4) Можно ли это как нибудь автоматизировать? Что то типо http://www.lunascape.tv/ но только с выбором нужного браузера, как в IEte…

    Asked by Nagibator,

    0 votes
    12 answers

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

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

    Asked by vvsh,

    0 votes
    11 answers

  19. Получение свойств CSS элемента

    Объясните плиз - вот я создаю к примеру <div> и прописываю ему CSS свойства: position: absolute; width: 300px; height: 200px (к примеру). Потом после события onload я получаю доступ к элементу через getElementById и пытаюсь узнать его параметры как document.getElementById.style.width и - ничего не получается. alert(document.getElementById.style.width) выдает пустую строку! Я-то ожидал там увидеть значение параметра.... Что тут не так?

    Asked by miknsk,

    0 votes
    5 answers

  20. как сделать два bordera на один элемент

    нужно две границы разных цветов,. с НГ!

    Asked by barman,

    0 votes
    8 answers

  21. использование смайлов и подписей в сообщениях с адресами, отличными от адреса форума

    это правда, что использование смайлов и подписей в сообщениях с адресами, отличными от адреса форума, т.е. присоединенных к сообщениям с других сайтов и форумов "тормозят" работу форума

    Asked by prosim,

    0 votes
    5 answers

  22. Навигация на главной странице сайта

    Всем доброго времени суток! Извиняюсь, если пишу не в тот раздел, проблем верстки, в общем то нет, есть другая проблема - есть сайт - http://www.code-live.ru, В левом блоке таких страниц как исходники или софт есть навигация по разделам, хотелось бы поставить навигацию на главную страницу, но, вот ума не приложу, что туда впиндюрить Буду рад любым советам с Вашей стороны, уважаемые форумчане, Заранее спасибо.

    Asked by selevit,

    0 votes
    4 answers

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

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

    Asked by prowoke,

    0 votes
    11 answers

  24. Ширина вложенного блока и поддержка margin IE 6.

    Добрый вечер. Есть код. Сответствующий ему CSS. Как видно, здесь явно не указана ширина внутреннему блоку container? Он центрирован отступами. Обязательно ли явно указывать ширину или можно поступить как здесь поступил я? Поддерживает ли это IE 6?

    Asked by Red Planet,

    0 votes
    1 answer

  25. Верстка для Joomla

    Вот пример сверстаного шаблона http://depositfiles.com/files/09jswdpm9, скажите как его передалать что б он подходил для CMS Joomla!

    Asked by OkeY^,

    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