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. расстояние между текстом и горизонтальными границами ячейки

    казалось бы тривиальная задача, ан нет - таблица, в таблице ячейка, в ячейке текст. между верхней и нижней границами текста и соответствующими границами ячейки есть расстояние. нужно его убрать, но не получается. <table cellpadding="0px" border="1px"> <tr> <td> Hello </td> </tr> </table> готовый пример http://jsfiddle.net/4UNLK/

    Asked by byy,

    0 votes
    2 answers

  2. позиционирование в слайдере

    http://jsfiddle.net/S83R9/2/ вот тут слева позиционируется последний элемент а справа второй элемент, в начале все кажется, что работает нормально, отображается верно, но сразу как нажмем на стрелки все сливается, что делать? в чем мой косяк?

    Asked by X-Miller-X,

    0 votes
    2 answers

  3. Slider не могу установить кнопки под слайдер!

    Здравйствуйте ! у меня возникла проблема ! Я вставил слайдер и картинки все хорошо по задумке нужно кнопки вставить под слайдер ! а сейчас кнопки навигации на слайдере ! я вписал z-index: -5 кнопки встали нормально только вот они потеряли ссылки ! незнаю как исправить чтоб и кпонки были снизу и ссылками они были! вот код слайдера /* * jQuery FlexSlider v1.0 (Release) * http://flex.madebymufffin.com * * Copyright 2011, Tyler Smith * Free to use under the MIT license. * http://www.opensourc...mit-license.php */ /* Необходимые стили для FlexSlider *********************************/ .flexslider { height: 302px; width: 901px; margin: 0; padding: 0; position: relative; } .flex…

    Asked by ivanu6kin,

    0 votes
    2 answers

  4. Помогите реализовать новсть

    Помогите реализовать... И если картинки нету, чтоб сдвиг был в лево был.

    Asked by Perm59,

    0 votes
    2 answers

  5. Не работает выпадающее меню на CSS в IE8

    Вот код HTML <ul class="menu"> <li class="item"> <a href="#">Пункт</a> <ul> <li class="sub_item"><a href="/?action=page1">Стр.1</a></li> <li class="sub_item"><a href="/?action=page2">Стр.2</a></li> </ul> </li> </ul> а вот код CSS .menu { font-family: Verdana, Calibri, Arial; font-size: 1.2em; padding: 0; margin: 0; width: 200px; position: absolute; top: 0; left: 0; z-index: 100; } .menu, .menu li, .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { position: relative; z-index: 120; …

    Asked by qtk,

    0 votes
    2 answers

  6. Inline-block не могу убрать отступы

    Вот пример: http://jsfiddle.net/Dvp22/ Ни word-spacing, ни letter-spacing не действуют вообще, хотя во многих ресурсах описано именно подобное решение проблемы. Как убрать эти чертовы отступы? Уже жалею, что связалась с Inline-block(. html решениеv воспользоваться не могу - разметка задается из скрипта слайдера, могу только поправить css.

    Asked by Zverushka,

    0 votes
    2 answers

  7. Подвал

    Здравствуйте. О подвалах написано много но все же не проще ли footer{ position:absolute; bottom:0;} а у контентной части margin: 0 0 -footer 0; Чем пример ставший класикой <!--<style type="text/css"> html, body {margin:0;height:100%;} #wrapper {height:auto !important;height:100%;min-height:100%;min-width:800px;} #header {height:200px;} #left {float:left;width:200px;} #right {float:right;width:200px;} #center {margin:0 200px 0 200px;} #spacer {height:100px;} #footer {height:100px;margin-top:-100px;} .clear {clear:both;} </style> <body> <div id='wrapper'> <div id='header'> <!-- Содержимое хэдэра --> </div> <div id='conta…

    Asked by Mirovich,

    0 votes
    2 answers

  8. "Всплывающие" элементы

    Здравствуйте. Помогите пожалуйста понять почему при наведении курсора соседние блоки "прыгают" вниз (на ширину строки как я понял из практики меняя все местами, добавляя и удаляя элементы). http://freelesson.ru...cheb/matem.html ссылка на исходник там же. Как их зафиксировать или может страницу переверстать в более "красивом" исполнении и отображении. Может быть есть более "правильное" решение ... php не вариант так как хостинг бесплатный со всеми вытекающими последствиями. js сам по себе выглядит массивно и весит чуть ли не больше(если не больше) чем html.

    Asked by Mirovich,

    0 votes
    2 answers

  9. Рамка вокруг сайта

    Помогите, пожалуста,решить проблему. Я верстаю сайт сделан он слоями, и вроде бы все хорошо но вокруг сайта имеется рамка которую я никак не могу убрать, что делать ? Сайт: http://nagibin.freeopti.ru/ Таблица: http://nagibin.freeo...s/123/style.css Если все упростить и убрать лишки то код такой : <!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=cp1251" /> <title>Верстка от ICE</title> <link href="Nagibin/style.css" rel="stylesheet" type="text/css" /> </head…

    Asked by xaxazi,

    0 votes
    2 answers

  10. Вопрос по cellspacing

    Тут прочёл что у cellspacing: Значение по умолчанию 0 (когда нет атрибута border); 2 (когда атрибут border установлен). вопрос в следующем: в моём коде вообще border нигде нету так почему же 2 пиксела задаются в cellspacing?

    Asked by Arthur,

    0 votes
    2 answers

  11. Меню со стрелкой навигации

    Необходимо сверствать вот такое меню: Само меню более-менее сверствать удалось, но не знаю как быть со стрелкой, где, куда и каким образом её разместить? Если бы она была внутри блока можно было при помощи background: url() no-repeat bottom; но bottom оставит её лишь внутли блока, а нужно вынести наружу. #topmenu { height: 32px; background: #050505; } #topmenu ul { float: left; padding: 0px 0px 0px 86px; } #topmenu ul li { float: left; display: block; line-height: 30px; } #topmenu ul li a { height: 32px; display: block; text-decoration: none; text-transform: uppercase; text-align:center; padding: 0 16px; } #topmenu ul li a:hover, #topmenu ul li a.select { he…

    Asked by NightHawk,

    0 votes
    2 answers

  12. Порядок наложения border border-color

    Существует li блочного типа и на его 4х сторонах есть различный border по 1px, на 3х сторонах одно цвета и на 4й другого. Мне надо определить порядок наложения цветов друг на друга. ul.MenuBarHorizontal li { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #889180; border-right-color: #282e22; border-bottom-color: #889180; border-left-color: #889180; } В разных местах отображает по разному: В Dreamweaver CS6 верхняя и нижняя выше боковых. В Opera 12.15 не понятно вообще как.

    Asked by Kailo,

    0 votes
    2 answers

  13. Формы

    Это нормальный код? <table> <tr> <td><label for="Uname">Имя пользователя</label></td> <td><input type="text" id="Uname" name="txtUserName"/></td> </tr> <tr> <td><label for="Pwd">Пароль</label></td> <td><input type="password" id="Pwd" name="PwdPassword"/></td> </tr> </table>

    Asked by DivMan,

    0 votes
    2 answers

  14. Помогите поставить шапку на сайт

    вот код торий прописан #header { background: url("/header.jpg") no-repeat bottom center; margin: 0px; padding: 0; height: 260px; width: 1054px; color: #000; } а вот сам сайт ! не могу норм отредактировать размер чтобы норм смотрелся ! помогите

    Asked by hatabush,

    0 votes
    2 answers

  15. Выподающее верхнее меню отображается криво.

    Помогите допилить выподающее верхнее меню. Вот сайт http://passto8g.bget.ru/ Проблема в том что "Оргтехника и Полиграфия" имеют нормальный вид в выподающем меню, потому что высота пока нормальное. Но вот "Запчасти и принадлежности" и "Электростанции" после рисунка и названии имеется пространство которое надо в белый цвет закрасить background-color: #FFF;. Он не растягивается у меня по высоте. Конечно там проблем много.

    Asked by voldemar86,

    0 votes
    2 answers

  16. Как в CSS сделать вот так?

    Здравствуйте, я только начал заниматься версткой, и наткнулся на проблему. Как при помощи CSS сделать шапку сайта вот такого вида? (без голубых полосок)

    Asked by Lomovskiy,

    0 votes
    2 answers

  17. Проблема со ссылкой

    Здравствуйте. Мне нужно было создать изображение,которое является ссылкой и сдвинуть его на 200 пикселей вправо. Получился код типа <a href="адрес ссылки"><img src="адрес картинки" style="padding-left:200px"></a> Но с этой ссылкой есть проблема: перейти по ней можно не только нажав на картинку,но и нажав левее картинки на эти самые 200 пикселей. Что с этим делать?

    Asked by mcdude,

    0 votes
    2 answers

  18. Cufon. Обрезанный шрифт

    Всем джамбо. Поставил шрифт на wp (cufon), а он обрезает заглавные буквы, причем если меняешь размер шрифта все ровно заглавные буквы обрезаны..вот ссылочка для наглядности http://osobniak.com/

    Asked by CatInTheBread,

    0 votes
    2 answers

  19. Вертикальная отцентровка текста

    При таком CSS получается 1 строка текст ровно по центру, а как сделать, чтобы еще 2 строки были ровно по центру? <style> ul li { height: 30px; line-height: 30px; text-align: center; } </style> <ul> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> <li>1 строка</li> <li>2 строки<br>2 строки</li> </ul>

    Asked by aquapasha,

    0 votes
    2 answers

  20. Разместить таблицу по центру body

    Подскажите пожалуйста, как разместить таблицу шириной 300 px и высотой 100 px в центре страницы? Причем разместить необходимо как по вертикали, так и по горизонтали страницы.

    Asked by Alex_Dark74,

    0 votes
    2 answers

  21. Не изменяется высота строки

    Если у элемента <a> указать размер шрифта 14px, то line-height перестает изменятся при ввода значений, меньших размера шрифта. HTML: <ul class="someClass"> <li> <a href="#">SometextSometextSometextSometexSometextSometextSometextSometexSometextSometextSometextSometexSometextSometextSometextSometex </li> </ul> CSS: .someClass li a { font-size: 14px; line-height: 4px; } Подскажите, пожалуйста, по какой причине не изменяется высота строки?

    Asked by TorchTT,

    0 votes
    2 answers

  22. Не растягивается div

    Доброго времени суток. Прошу помочь с div'ом. Не растягивается (при масштабировании начинает повторяться). Ссылка. Сколько танцев с бубном вокруг width: 100%, position и т.д. не было, не помогает. Прошу помочь.

    Asked by cs-monitorer,

    0 votes
    2 answers

  23. Как сделать верстку кроссбраузерной

    Сверстал свой первый макет и при проверки на кроссбраузерность в safare и chrome поплыли некоторые элементы, скажите, что именно исправить и почему так выходит? Вот как выглядит нормально в опере: А вот в сафаре: Скидываю эти участки кода. html: <div id="topmenu"> <ul id="navigation"> <li><a href="#" class="select">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li></ul> <div id="rss"><img src="img/rss.jpg" alt="rss блога" class=…

    Asked by NightHawk,

    0 votes
    2 answers

  24. Не получается темизировать переводчик от Гугл

    Я установил на сайт http://monreall.net/ переводчик от гугл. Мне нужно, чтобы цвет шрифт и граница формы были серыми, а именно: border-bottom: 1px solid #D7D7D7; font-size: 11px; color:#7D7D7D Но у меня не получается прописать свойства в CSS. Переводчик не хочет темизироваться. Мне удалось только выровнить блок. .top_banner { margin-left:30px; margin-top: -11px; } А как сделать цвет шрифта и границу формы серыми? Подскажите, пожалуйста, с кодом.

    Asked by slaip,

    0 votes
    2 answers

  25. Как выровнить элемент в таблице по правому краю

    Элементом является флаг страны, хочу выровнять по правому краю ячейки таблицы, но почему-то это не получается сделать. Подскажите, в чем может быть дело? Может быть посоветуете какой-нибудь другой способ компоновки для ссылок с флажками, не такой массивный. http://prodpak.ru

    Asked by Delat,

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