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. Как отцентровать содержимое по вертикали?

    Никак не могу отцентровать содержимое по вертикали. Можно превратить <a> в table-cell, тогда можно будет использовать vertical-align: middle; Будет работать в FF, Opera, Safari, IE8. Но как заставить встать по центру в IE6 и IE7. Ниже пример который хотелось бы обуздать. У кого есть опыт, подсобите! http://dc133.file.qip.ru/img/127077842/d59...059&sizeM=7 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <title>Vertical align MIDDLE</title> <style type="text/css"> body {font: 11px Arial, Helvetica, sans-serif;} ul, li { list-style: none outside none;} ul…

    Asked by maximuz,

    0 votes
    1 answer

  2. Указание фона для элемента списка

    Доброго времени суток. Мне необходимо создать меню по средствам элемента списка. <ul id="mainlevel"> <li><a href="****.html" class="mainlevel" >Главная</a></li> <li><a href="*****.html" class="mainlevel" >О компании</a></li> <li><a href="****.html" class="mainlevel" >Продукция</a></li> <li><a href="****.html" class="mainlevel" >Контакты</a></li> <li><a href="*****.html" class="mainlevel" >Новости</a></li> <li><a href="*****.html" class="mainlevel" >Услуги</a></li> </ul> Графическое оформление предусматривает задание …

    Asked by romko,

    0 votes
    4 answers

  3. Прозрачность не работает при наложении div

    Помогите пожалуйста определить в чем проблема. Вот мой код <div id="market_right"> <div class="picture"><img src="images/market_picture.png" alt="" /></div> <div id="genius_ban"><a href=""><img src="images/genius.png" alt="Бесплатные курсы" /></a></div> </div> стили: #market_right {float:left; overflow:hidden; position:relative;height:125px; width:800px;} #market_right .picture {position:absolute; left:0px; z-index:2;} #genius_ban {position:absolute; right:0px; z-index:3;} И вот как это выглядит: http://tri4.ax3.net/akado_ural/nalozh.html Т.е. картинка или слой не просвечивают. (карти…

    Asked by warobushek,

    0 votes
    2 answers

  4. Проблемы с меню

    Есть сайт http://escort.ru/ У него есть выплывающее меню, это блоки с абсолютным позиционированием, чтобы были поверх флешки Но при разных разрешениях экрана эти блоки двигаются... как их завиксировать в одном положении?

    Asked by Mary_RND,

    0 votes
    3 answers

  5. CSS позиционирование блоков

    Здраствуйте. Имеется страница с div-ной вёрсткой, блок с контентом <div id="cont">контент</div> Как на странице сделать врезку (обтекаемый текстом блок на странице) таким образом, чтобы html-код врезки был ниже кода контента? Врезка должна располагаться в правом верхнем углу контента, и обтекаться соответственно текстом слева и снизу, а правым и верхним краями должна примыкать к краю страницы, т.е., как приведён пример, блока <div id="cont">. Пример внешнего вида на википедии. Однако, здесь html-код правой врезки с фотографией расположен по коду выше, чем обтекаемый текст. Возможно ли такое сделать?

    Asked by klyne19,

    0 votes
    8 answers

  6. Трабла с overflow

    Здравствуйте, помогите пожалуйста. Почему overflow не обрезает лишний текст ? Задан блок фиксированной высоты и ширины. Для него заданы паддинги сверху и снизу. Текст который внутри блока игнорирует паддинги и отображается, а обрезается только по границам самого блока. В коде ниже пробовал ввести дополнительный div. Не помогло. <div id="si_txt"> <div>.. МНОГО-МНОГО ТЕКСТА..</div> </div> заданы стили: #si_txt { background-color:#F5F7F9; float:left; height:115px; line-height:120%; overflow:hidden; padding:15px 40px 15px 17px; width:405px; } #si_txt div { overflow:hidden; } Вот оригинал: http://tri4.ax3.net/akado_ural/akado-ural.html

    Asked by warobushek,

    0 votes
    3 answers

  7. Как сделать минимальный масштаб отображения для сайта?

    Когда мы нажимаем в браузере Ctrl минус мы уменьшаем масштаб страницы. А как сделать, чтобы пользователь жал Ctrl минус, а сайт масштаб не у меньшал. (С колесиком естественно тоже самое) Т.е. задать минимальный масштаб для сайта?

    Asked by VasyOK{!},

    0 votes
    3 answers

  8. Создание шаблона для своей CMS

    Решил написать свою CMS... Трам-пам -пам добрался до шаблона. Незнаю как лучше, но привык выводить нужные блоки методом <div class= "left"><?php echo $template->module_left; ?></div> Но что-то в последнее время посматриваю как сделано в Joomla <div class= "left"><jdoc:include type= "module" name= "left"></div> Как Джумла обрабатывает шаблоны? Стоит ли вообще использовать такой метод?

    Asked by Puhh,

    0 votes
    1 answer

  9. Justify для любых элементов…

    Всем привет! Подскажите, как в CSS выровнять что-либо (в частности, изображения) по ширине внутри DIV? Для текста есть text-align: justify, а как быть с остальным? Есть ли аналог? Задача осложняется тем, что пытаюсь сделать эластичную вёрстку, даже не резиновую. И изображения разной ширины. КАК!?

    Asked by brainiac,

    0 votes
    19 answers

  10. большой пробел перед ссылкой почему?

    Здравствуйте помогите пожалуйста почему перед ссылкой такой большой пробел как не выравнивай по центру или по краям всегда именно в этом месте так остается http://imageshost.ru/links/85805cd14962b6b6f5d36e6ec0de901f с чем это может быть связано?(помимо кривизны собственных рук )

    Asked by WaxArt,

    0 votes
    3 answers

  11. Проблема с TEXTAREA

    Всем здравствуйте. У меня возникла одна проблема. Короче говоря, у меня есть блог, в нём я опубликовываю уроки по html, css, php и тд. На странице добавления и редактирования материалов у меня стоит textarea, куда я ввожу всю информацию об уроке, а так же примеры html, css. Так вот, я хочу заключать коды в отдельные textarea, но по крайней мере я убедился что в textarea нельзя вставлять ещё один же textarea. Мне нужен код, через который я смогу добавлять коды на свой сайт, и естественно чтобы он не работал: например если я напишу <b>аа</b>, он мне напишет аа, нет, мне нужно чтобы если я напишу <b>aa</b>, то у меня и будет так написано. А то, когда …

    Asked by nikita3334,

    0 votes
    6 answers

  12. Баг или какая-то особенность IE7?

    Выставлялось через jQuery. Во всех других браузерах нормально работает. Естественно выглядит все это очень плачевно. Собственно, как заставить принимать colspan="6" Мда... Можно удалять тему. Для IE7 надо указывать colSpan в jQuery, а не colspan. Хотя другим браузерам пофиг, так что можно везде использовать colSpan.

    Asked by Beck,

    0 votes
    0 answers

  13. Проблема со вставкой банера

    Подскажите как правильно вставить баннер, чтобы он работал. Вот код баннера: <script language="javascript"> if (AC_FL_RunContent == 0) { alert("This page requires AC_RunActiveContent.js."); } else { AC_FL_RunContent ('codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','728','height','90','src','test','quality','high','pluginspage', 'http://www.macromedia.com/go/getflashplayer','align','middle','play','true','loop','true','scale','showall','wmode','window','devicefont','false','id','test', 'bgcolor','#ffffff','name','test','menu','true','allowFullScreen','false','allowScriptAccess','sameDomain','movie','http://pana…

    Asked by dorn,

    0 votes
    2 answers

  14. Криво отображается в IE

    Здравствуйте! Помогите пожалуйста устранить проблему в других браузерах хорошо отображается а в ie косячит Как должно отображаться: Как отображается в IE: Сам код css: Пожалуйста помогите решить проблему.

    Asked by ReZoV,

    0 votes
    1 answer

  15. вывод текста

    Вот такая ерунда получилась... пока не вижу в чём причина, может кто свежим взглядом кинет - подскажет? Красным - дивы с фоновым изображением. По z индексу 1 и 2 Оранжевый блок по z индексу - 70 Если текст добавить, то ниже линии границ он будет на всю ширину оранжевого блока.

    Asked by AlexN,

    0 votes
    5 answers

  16. Header

    Доброй ночи! Спасибо за удобный, понятный для начинающих мастеров сайт! Удачи Вам и процветания! Обращаюсь к Вам за помощью.))) Пытаюсь сверстать шапку сайта, которая состоит из трех картинок. Сделал все вроде так, но не так.)))) Две картинки стали нормально (слева и по центру), а третья стала справа, но сместилась вниз ровно на ту высоту которая задана в шапке. Код прилагаю. Если можете, помогите разобраться, поделитесь опытом.)))) Заранее спасибо. HTML: <!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> <title></title> <meta …

    Asked by mazhar,

    0 votes
    8 answers

  17. Незнаю как сверстать

    Всем доброго времени суток! Ребят помогите уже все перепробовал не знаю что делать как сделать такое подскажите пожалуйста http://imageshost.ru/links/ec42fc2364f5bbb63c1b95a691569db9 а то я что не попробую все в разные стороны разъезжается и коряво получается

    Asked by WaxArt,

    0 votes
    2 answers

  18. в ie7 футер нормальный, в w3c-браузерах последний див в футере уезжает вниз

    Помогите, пожалуйста. Верстаю страницу. В футере есть две строчки, одна над другой. Я их сделал дивами определённой высоты (их общая ширина такая, что не превышает высоту футера). Во всех браузерах что-то не так. Только в ie7 строчки не уезжают за границы футера. В остальных есть смещение вниз дива #copyright. Если ставлю line-height:0, то во всех браузерах исправляется, а в ie7 текст пропадает. Что здесь не так? С помощью Firebug-а в fitefox попробовал поотключать свойства у дива #copyright, так если у него убрать ширину, то всё исправляется <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &l…

    Asked by clavin,

    0 votes
    11 answers

  19. При пробеле слетает слово

    В боковой менюшке ставлю пробел между словами а слово слетает на строку ниже. Если пишу слитно (даже если слово больше) все слово влазиит. А если поставлю хотя бы одну букву через пробел она слетает на строку ниже.

    Asked by Gintos,

    0 votes
    32 answers

  20. Высота поля TEXTAREA

    Добрый день Есть поле TEXTAREA Для наглядности код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>TEXTAREA</title> </head> <style type="text/css"> textarea { width:300px; font-family:'Verdana', 'Arial', Sans-Serif; font-size:12px; color:#333; padding:3px; border:1px solid #ccc; } </style> <body> <textarea readonly> Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мышкой по полю textarea. Весь текст выделяется при щелчке мыш…

    Asked by ShumNo,

    0 votes
    14 answers

  21. click fallthrough

    Собственно проблема в том, что если один див закрывает собой другой, то даже если у него нет фона, то click мыши не проходит в тот див, что ниже, хотя body.onclick срабатывает. Код иллюстрирует проблему: <html> <head> <style type="text/css"> .reddiv { position: absolute; left: 200px; top: 200px; background-color: red; width: 150px; height: 150px; z-index: 1; } .bdiv { position: absolute; left: 150px; top: 150px; width: 250px; height: 250px; border: 1px dotted orange; z-index: 2; text-align: center; color: white; } .bdiv .holdplace { height: 50%; } </style> …

    Asked by cy6erGn0m,

    0 votes
    7 answers

  22. Русский текст в строке браузера

    Здравствуйте! Подскажите пожалуйста, как можно реализовать название каталогов в строке браузера на русском языке? Пример: http://ru.wikipedia.org/wiki/Заглавная_страница

    Asked by Чебурашка,

    0 votes
    3 answers

  23. font:100%/40px

    Встретил такую запись для обозначения шрифта: font:100%/40px "Trebuchet MS", Arial, Helvetica, sans-serif; Что значит font:100%/40px? Это ошибка или хак?

    Asked by clavin,

    0 votes
    8 answers

  24. HTML рип

    http://ru.yahoo.com/ Главную страницу. Только html. Помогите пожалуйста! Если не понятно нужен html создавать по картинке.

    Asked by angelShlesser,

    0 votes
    1 answer

  25. <input type="button" /> (border:1px)

    Собственно сабж. Хотелось бы выяснить, как это лечить? Спасибо.

    Asked by vahrusha,

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