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

    0 votes
    2 answers

  2. table и ие

    Добрый день Имеется проблема с таблицей Есть трехколоночная таблица, у которой левая(logo) и правая(contact) колонка фикс, а колонка по середине(search-container) резина, так же есть еще одна строка под названием (navigator) которая тянется, в ней расположен горизонтальный список, у которого несколько ячеек находятся слева и еще несколько - справа колонка левая(logo) заключает в себе две строки(logo, navigator) все это имеет вот такой вид но в ие все по-другому имеется вот такой код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta http-…

    Asked by Temiks,

    0 votes
    4 answers

  3. Про margin и padding

    Cкриншот Положение 1 Смотреть Тут все располагается в соответствии с тем, как элементы расположены в html коде. <img class="listok" src="img/listok.png"> <h1 class="enviromental">Environmental.com</h1> <div class="site_slogan_here">site slogan here</div> <div class="help_line">Help Line 24 /7 Support 1800 3246 345</div> Положение 2 Смотреть Через padding сдвигаю листок вниз, соответственно вместе с этим сдвигается все, что находится под листком. Положение 3 Вариант 1 Если делать отступы для записи Environmental.com через margin, то получается, что ее можно сдвинуть на уровень листочка. Смотреть Вариант 2 Смотреть Если …

    Asked by Rustick,

    0 votes
    5 answers

  4. Полностью поползла верстка в новой Opera 11.11

    Я сейчас делаю сайт на основе одного шаблона и я заметил, что в браузере Опера после обновления до версии 11.10 все слайды на главной и верхнее меню поползло, сайт полностью вышел из строя. В чем причина? Кто в курсе изменений в новой версии? Хочу заметить остальные браузеры его отлично отображают и опера версии 11.01 в их числе! Вот этот шаблон: http://www.bambootheme.com/showcase/feb09/

    Asked by skiph,

    0 votes
    7 answers

  5. отступ в футере

    ситуация такая. Есть табы на страничке. При загрузке страницы в опере, все в порядке. Стоит переключиться на вторую вкладку, а потом обратно, в футере появляется отступ снизу пикселей в 10. При перезагрузке страницы все становится опять нормально. В других браузерах такой проблемы нет. как не должно быть: как должно быть: Страничка тут. Это баг в опере или можно как-то железно пригвоздить футер? Опера 10.63

    Asked by Softlink,

    0 votes
    18 answers

  6. Научюсь верстать

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

    Asked by VIP-club,

    0 votes
    19 answers

  7. Как поднять шапку сайта

    есть промежуток сверху до хедера как убрать этот промежуток, что бы сразу начинался хедер? div.art-header-jpeg { margin: 1 auto; z-index: 0; top: 0; left: 0; width: 899px; height: 322px; background-image: url('../images/header.jpg'); background-repeat: no-repeat; background-position: center center; Прошу помощи

    Asked by amixxqwerty,

    0 votes
    5 answers

  8. проблемы с формой отправки

    Здравствуйте! Делаю сайт и не выходит сделать свой дизайн формы отправки, точнее дизайн выходит.. не выходит сделать так чтобы она работала. В изначальном виде все работает правильно. Что делать? http://www.beauty-group.ru/sale/

    Asked by strize,

    0 votes
    6 answers

  9. Проблема с float'ом

    <div style="width:80%; min-height:500px; background:#CCCCCC; margin:0 auto; position:relative;"> <div style="width:100px; min-height:500px; background:red; float:left;"></div> <div style="width:70%; max-width:800px; min-height:300px; background:black; margin:0 auto; color:#FFFFFF;"></div> <div style="width:100px; min-height:500px; background:red; float:right;"></div><br clear="all" /> </div> Правый красный блок съезжает! Нужно что бы у красных было float:left; и float:right; соответственно, а черный центрировался между ними! Но что бы при растягивании каждого по высоте тянулся и серый блок в котором и находятся эти 3 б…

    Asked by Spidey,

    0 votes
    3 answers

  10. Прошу помощи: видео youtube перекрывает картинку на сайте

    Здравствуйте. Суть проблемы: На сайте установлена lightgallery и видео с youtube. Когда нажимаешь на миниатюру картинки с галереи - она разворачивается в истинный размер, НО она находится ПОД видео с Ютуба. Скриншот во вложении. Мозилла всё видит хорошо, а вот Опера и Эксплорер - как на скриншоте. Как сделать, чтобы изображение было НАД видео? Огромное спасибо всем откликнувшимся.

    Asked by ssven,

    0 votes
    1 answer

  11. Вёрстка макета: с чего начать?

    Добрый день всем! Вобщем, решил сверстать самый простой макет, но я даже не знаю с чего начать. Может кто-то поделиться информацией? И ещё просьба, дайте мне самый простой макет, пожалуйста.

    Asked by Feers1de,

    0 votes
    3 answers

  12. @font-face и CuprumFFU

    Нужно прикрутить кириллический шрифт CuprumFFU. Использую вот этот генератор http://www.fontsquirrel.com/fontface/generator но кириллица не работает. Нашел готовый kit, выбрал кириллицу, но опять ничего не выходит и вместо CuprumFFU отображается Arial =( Подскажите пожалуйста как заставить работать этот шрифт через font-face с русским текстом?

    Asked by SEObomj,

    0 votes
    25 answers

  13. Не видит стилей в ИЕ и мозиле

    вот собственно код css, в опере и хроме все шикарно, однако в ие все содержимое футера как буд-то стилей и нет. Меню в шапке стоит на месте, что удивительно чую где-то накосячил, вот только ввиду не столь глубоких познаний не нахожу где * { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } a { color: blue; outline: none; text-decoration: underline; } a:hover { text-decoration: none; } p { margin: 0 0 18px } img { border: none; } input { vertical-align: middle; } #wrapper { width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } /* H…

    Asked by Очень,

    0 votes
    20 answers

  14. Блок Посередине

    Вот мне надо сделать блок посередине, я прописал у него display: inline-block; теперь во всех браузерах он стоит посередине кроме эекспловера.А что мне сделать с экспловером?!

    Asked by new01,

    0 votes
    4 answers

  15. css

    скрипт вкладок css: /* tabs */ ul.tabs { margin: 0 0 0px; list-style: none; } * html ul.tabs {margin-bottom: 0;} ul.tabs li { float: left; } ul.tabs li a { display: block; color: #444; text-decoration: none; cursor: pointer; position: relative; } * html ul.tabs li a {float: left} *+html ul.tabs li a {float: left} ul.tabs li a:hover { } ul.tabs li.tab-current a { color: #444; } div.t2, div.t3 { display: none; } div.t1 {} div.t2, div.t3 { padding: 0 12px; } html: <div style="margin-left:30px; margin-top:0px;"> <ul class="tabs tabs1"> …

    Asked by shtilev,

    0 votes
    9 answers

  16. Заголовки и отступы между ними

    Пардон, за столь лузерский вопрос... Имеем такой пример кода... <h1>TEXT</h1> <h4>TEXT</h4> Между строками получается очень большой отступ... Как его убрать? Требуется написать именно через заголовки h1 и h4, притом, что отступ между строк должен быть, как будто используется тег <br>... TEXT <br> TEXT

    Asked by Asket,

    0 votes
    3 answers

  17. размещение кода баннера на сайте для партнера

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

    Asked by Darisha,

    0 votes
    1 answer

  18. DIV: в центре по вертикали, независимо от разрешения экрана.

    По горизонтали это делается так: .center { width: 500px; height: 500px; background-color: #FFCC66; position: relative; margin: auto; } А как по вертикали? - что бы квадратик был по центру и при 800х600 и при 1920х1080. P.S. Кстати, почему-то у меня не работают проценты со свойством height - видимо по вертикали проценты не считаются?

    Asked by Kalisnik,

    0 votes
    10 answers

  19. Методика вёрстки горизонтальных меню с текстом

    Допустим есть некое горизонтальное меню в виде макета. Меню на макете занимает какую-то фиксированную ширину, но в реальном HTML-документе, оно конечно же может становиться или шире или уже в зависимости от размеров шрифтов у пользователя. Все элементы меню надо делать текстовыми. Как надо подобрать размеры шрифтов, чтобы элементы меню нормально отображались во всех браузерах? Обычно в Firefox, когда изменяешь размеры шрифта, то такие меню просто разваливаются и становятся бесполезными. Бэкграунд у элементов данного меню остаётся на месте или где-то около того, а текст уезжает в сторону, переносится на новую строку и всплывают другие подобные некрасивости. Может такие мен…

    Asked by clavin,

    0 votes
    4 answers

  20. CSS position: absolute Vs relative

    Код CSS: .base { width: 900px; background-color: red; position: relative; margin: auto; } .left { width: 150px; height: 500px; position: absolute; background-color: green; left: 20px; top: 200px; } Код HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="myCSS.css" /> </head> <body> <div class="base"> <div class="left"></div> </div> </body> </html> Вопрос: Почему я вижу зеле…

    Asked by Kalisnik,

    0 votes
    9 answers

  21. Резиновый фон для меню. Дайте совет...

    Ребят пожалуйста помогите. Вот честно юзал поиск, но не нашел подобной темы. Интересует мнение опытных верстальщиков. Ситуация следующая http://linkme.ufanet.ru/images/2e5e9e0e12db0195fe7d601beb4aa5bf.jpg набросал макет. Имеется три блока <div>. 1-header 2-menu 3-content в 1 все понятно. Логотип, телефон и т.п. Ширина фиксированная допустим 1000px margin:0 auto; 2-меню ! Блок шириной 100% Вот тут то моя проблема. Ломаю голову целый день не могу найти красивого решения проблемы, и некрасивого не нашел. Возможно все делается просто, но я не могу найти выход... Вроде и опыта не мало, но как коса на камень... Что тут требуется, а нужно сделать след. на картинке изоб…

    Asked by Rasel,

    0 votes
    13 answers

  22. И еще по iframe

    Есть страница. С ксс. Есть div в который я вставляю iframe. Как сделать так что бы опустить фрейм например на 50px ниже чем фон самого div? Что бы например играть фреймом в пределах фона (который задан в div). Вот то что у меня выходит. А хотелось бы подвинуть немного в право и вниз (вставляю чат). ps: hspace, vspace, marginheight и marginwidth - не работают =(((( ps2: Вставляю так: <div id="show"> <iframe src="chat1/index.php" width="940" height="350" align="center" frameborder="no" scrolling="no" > Твой браузер не поддерживает плавающие фреймы! </iframe></div> Спасибо за помощь!

    Asked by Sproot,

    0 votes
    10 answers

  23. Обводка полeй логинa и парoля в Опeрe

    Здравствуйте. В опере есть такая весч как обводка полей для магистра поролей(в новых версиях - жезл), и те поля от которых опера помнит пару логин-пароль она обводит желтым цветом. Подскажите, возможно ли как нибудь убрать это через css принудительно? outline:none !important; - непомогло. Вот как это дибильно выглядит: а хотелось бы вот так:

    Asked by tiHo,

    0 votes
    13 answers

  24. Откуда берется расстояние между блоками?

    Доброго времени суток. Простейший блок на странице ввел меня в замешательство. <style type='text/css'> section{ display:block; } #container{ margin:0 auto; width:900px; } #divsection div{ display:inline-block; /*float:left;*/ width:150px; border:1px solid black; margin:0; } </style> <section id='container'> <section id='divsection'> <div id='active-tab'><a href=''>Пункт 1</a></div> <div><a href=''>Пункт 2</a></div> <div><a href=''>Пункт 3</a></div> <div><a href=''>Пункт 4</a></div&g…

    Asked by FRUTALITY,

    0 votes
    13 answers

  25. Ячейка как в экселе

    Здраствуйте,подскажите пожалуйста,возможно ли создание ячейки такой же как в экселе(т.е. можно писать много текста но он не будет отображаться весь,а только по размерам ячейки)?? заранее спасибо)))

    Asked by SweeT_BladE,

    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