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. Как сделать блоки в две колонки.

    Здравствуйте, добрые люди) Помогите пожалуйста мне вот с чем. Я хочу сделать вывод статей в две колонки. Сначала вроде всё получилось, но потом я заметил, что если блок из первой колонки немного увеличивается в размерах(точнее, в высоте), то нижний блок сразу падает вниз и отображается как будто он находится под блоком, который справа него. Если вы ничего не поняли =) То на картинке всё отчетливо видно. Мне нужно, чтобы этот блок так не падал. Что посоветуете сделать? <div class="content"> <div class="post-main"> <div class="zagolovok"><h1><a href="#">Прикольное видео Мега супер прям я круто супер </a></h1> </div>…

    Asked by kranopodem,

    0 votes
    2 answers

  2. Как убрать цвет посещенной сылки

    как сделать так, чтобы все ссылки после посещения не меняли цвет?

    Asked by Vanilnaya,

    0 votes
    1 answer

  3. Изменение параметров стандартных тегов

    Подскажите, пожалуйста, как в CSS изменить параметры стандартных тегов для определнного слоя? Как это может выглядеть: <div id="test"> <img src="somePic.jpg" /> </div> CSS: #test { *параметры* } #test.img { padding-top: 10px; } В слое test - картинка будет отсутпать от верхней границы на 10px. При этом, в остальных блоках данный параметр отступа для картинки не будет применяться.

    Asked by TorchTT,

    0 votes
    2 answers

  4. Таблицы

    Всем добрый день. Проблема какая-то смешная, но справиться с ней не получается. Есть простая таблица, border="0". Но на выходе (в Мозилле) отображается верхняя граница (белого цвета). Как я с ней только не билась, везде прописывала none и 0 (в таблице, в css), перекрашивать пыталась - 0 реакции. Вот скриншот: В таблицу заключены юзерпик, заголовок, автор и дата создания. Люди опытные, подскажите, как её убрать!

    Asked by brussnika,

    0 votes
    3 answers

  5. Всплывающие картинки

    <html> <head> <title> 1 </title> <script type="text/javascript"> function over() { par = document.getElementsByTagName('div')[0]; image = document.createElement('img'); par.appendChild(image); image.style.position = 'absolute'; move(); image.src ="medveden1.jpg"; image.style.zIndex = "10"; image.style.background = '#111111'; image.style.border = "solid 1px #346fdc"; image.style.padding = "4px"; } function move() { image.style.left = window.event.x+window.pageXOffset+15; image.style.top = window.event.y+window.pageYOffset+15; } function out() { par.removeChild(image); } </script> </head&…

    Asked by Zombak,

    0 votes
    7 answers

  6. Как прижать Right SideBar к низу страницы?

    Всем привет! Подскажите как можно прижать правую колонку к низу страницы, чтобы она была прижата при любом размере левого блока с контентом? HTML-структура такая: <body> <div id="wrapper"> <div id="container"> <div id="left"> <div id="left_header" class="header"> </div> <div id="content"> </div> <!--Сюда планируется добавить футер--> </div> <div id="sb_right"> <div id="right_header" class="header"></div> <div id="sb_right_content"> </div> </div> …

    Asked by F_Z_14,

    0 votes
    4 answers

  7. Grid system bootstrap

    Здравствуйте. На сайте bootstrap написано, что у них ширина сетка 940px ячеек 12. Но почему-то последняя ячейка 12 получается 1170 + 30px отступ

    Asked by like2dev,

    0 votes
    0 answers

  8. Отправка формы с пустыми полями

    Здравствуйте, уважаемые администраторы и пользователи. Прошу вас помощи для написания и объяснения скрипта, который бы при отправке формы на след. странице выдавал надпись, что обязательное поле не заполненно. Так вот. попробовал реализовать с помощью PHP файлов, но так как являюсь грубо говоря бичом в этой области, ничего у меня не получилось. Прошу вас, помогите мне пожалуйста написать скрипт. вот код моей формы. Заранее благодарен <!DOCTYPE html> <html> <head> <title>Регистрационная страница клуба программистов</title> </head> <body> <p align=center> <a> <img src="D:\Файлы Mail.Ru Агента\1.JPG" width="576" heigh…

    Asked by Grandhustla,

    0 votes
    2 answers

  9. Использование глобальных стилей - моветон?

    Здравствуйте, уважаемые форумчане. Вопрос возник после услышанной мною фразы, что "использовать <style type="text/css"> ... </style> - ужасно неправильно и вообще дурной тон. Все должно быть сделано через классы. И все стили должны быть описаны только вне index.html". Я начинающий верстальщик, поэтому мне сложно решить: выкидывать этот тег из своей верстки, или же он нужен для чего-то еще, кроме как повышения специфичности элемента? Пожалуйста, можете объяснить мне смысл тега <style>?

    Asked by Kreigan,

    0 votes
    3 answers

  10. непонятный body

    Из-за чего может быть баг. Отступ у боди сверху, пикселей на 10-15. в ксс нечего лишнего. =\ Проблема решена! в одном из внутренних дивов был маленький элемент с margin: 20px 0px; маленький засранец, заставил меня распереживаться

    Asked by RodgerFox,

    0 votes
    5 answers

  11. Помогите с ссылкой в background

    Доброго времени суток! Не могу немного сообразить как мне сделать ссылку в background Имеем код <div style='background:url(/images/{math equation='rand(1,4)'}.jpg) no-repeat' class='image'> Каждый раз при заходе на сайт у меня генерируется разная картинка. Вот подскажите, как мне сделать так, чтобы при выборе какой-то либо картинке на ней можно было сделать ссылку и на неё нанести карту. Вот пример картинки Т.е. там где одна цена - на одну ссылку, там где вторая цена на вторую ссылку.

    Asked by Maxxx,

    0 votes
    9 answers

  12. Высота крайних DIV по высоте среднего

    <div id="primary_content"> <div id='background_content_left'></div> <div id='center'></div> <div id='background_content_right'></div> </div> #primary_content{ width:736px; min-height:600px; margin-left:26px; float:left; margin-top:31px; } #background_content_left{ background-image: url("img/background_content_left.png"); width:17px; height:100%; background-repeat:repeat-y; float:left; } #center{ width:699px; min-height:600px; float:left; } #background_content_right{ background-image: url("img/background_content_right.png"); width:20px; height:100%; background-repeat:repe…

    Asked by Frie,

    0 votes
    8 answers

  13. bootstrap от twitter

    Ребята, посоветуйте. Стоит ли такое использовать и сильно ли оно облегчит верстание?

    Asked by like2dev,

    0 votes
    7 answers

  14. Русские буквы и пробелы в пути

    Если к изображению на сайте я буду использовать такой путь:"img/1/Нити белое на черном.jpg" то во всех браузерах нормально отобразится?

    Asked by GLeBaTi,

    0 votes
    2 answers

  15. <iframe>

    Подскажите пожалуйста нужно чтоб при нажатии на ссылку в <iframe> загружался результат.Например есть вот : <a href="http://www.google.ru/" target="google">google</a> <iframe src="" width="320" height="280" name="google"> </iframe> при нажатии на ссылку в окно iframe ни чего не загружается Что делаю не так ?? (зато работает в IE6 )

    Asked by mr.Dassler,

    0 votes
    1 answer

  16. Помогите отредактировать шаблон

    Помогите настроить шаблон. Пытаюсь поправить шаблон под себе, но не могу разобраться в позиционировании. Код index <!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" /> <meta name="author" content="Luka Cvrk (www.solucija.com)" /> <link rel="stylesheet" href="css/main.css" type="text/css" /> <title>minimalistica</title> </head> <body> <div id="content"> <h1>minimalistica</h1> <ul id="menu"> <li>&…

    Asked by Alexandrm,

    0 votes
    14 answers

  17. Проблемы с обтеканием (float)

    Здравствуйте уважаемые форумчане. На днях возникла проблема. На страничке сайта блоки выходят за пределы основного блока (их там несколько, у всех стоит высота auto). В первого блока все нормально, он вписывается в основной блок, а во всех остальных не все так гладко. Вот скрин: http://s2.ipicture.ru/uploads/20111213/GU3mxdLE.jpg Я так понимаю все из-за обтекания блоков со 2-го по остальные. Если я меняю float на none, то блоки со 2-го выстраиваются в горизонтальном порядке, один под другим и при этом основной блок растягивается на всю высоту. мне то нужно чтобы они были как сейчас на скриншоте только основной блок был бы растянут на всю высоту. Надеюсь вы сможете прочита…

    Asked by dexteron,

    0 votes
    30 answers

  18. С помощью таблиц хтмл возможно сайт разместить?

    Здрасьте всем! Мне надо сайт написать, но я вообще никак не пойму CSS(надеюсь еще всё впереди), знаю только HTML и то, на малограмотном уровне. Если я размещу сайт с таким кодом(код ниже), меня сервер, браузеры не пошлют никуда подальше и у других ползователей он будет отображаться нормально? Ведь щас сайты делаются каким-то образом через CSS, но мне пока до этого ооочень далеко, да и не знаю что мне читать. <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Заголовок</title> </head> <body> <table width="80%" align="center" border="0"> <tr> <td hei…

    Asked by big_time,

    0 votes
    6 answers

  19. Как сделать border на шрифте,(а не вокруг,как прямоугольник)

    Как сделать border на шрифте,(а не вокруг,как прямоугольник).Я хочу сделать белый шрифт,но с обводкой,не вокруг текста,как прямоугольник,а только вокруг шрифта. Заранее спасибо!

    Asked by saswat,

    0 votes
    1 answer

  20. TEXTAREA перенимает margin-left внешнего DIVa

    Привет всем, попробовал вот такой код в IE 7.0: <form> <div style="width:500px; margin-left:50px; margin-top:50px; height:200px; background:#CCC; border:2px solid red;"> <textarea rows="10" cols="10" style="width:100%; background:#0066CC;"></textarea> </div> </form> На выходе получается, что внешний див, как и положено, отступает вправо на 50px. Но текстовое поле внутри него также смещается на 50px уже относительно стенки дива. Таким образом, TEXTAREA перемещается вправо на 100px. Замечено это, как уже сказано, в IE7.0. Кто-нибудь знает причину и способ решения проблемки?

    Asked by webmos,

    0 votes
    3 answers

  21. Проблема с резиновой шапкой

    Задача: шапка должна быть такая же как подвал, т.е один блок в центре и два по краям. Суть проблемы: правая и левая часть шапки отображаются внутри враппера, несмотря на то, что он не является их родителем, вроде все уже перепробовал, ничего не помогает, прошу ткнуть носом в ошибку)

    Asked by WF19,

    0 votes
    2 answers

  22. Хостинг для макета

    Посоветуйте пожалуйста годный бесплатный хостинг, хочу выложить сверстанный макет в интернет, послушать от вас конструктивную критику.

    Asked by skygazer,

    0 votes
    6 answers

  23. При наведении на картинку идет смещение. (CSS)

    При наведении на картинку идет смещение. (CSS) При наведении мышкой на картинку в слайдшоу изображение смещается и появлйются превьюшки-стрелки. Как сделать чтоб эти стрелки были постоянно на картинке и чтобы таких смещений не было_? Помогите мне пожалауйста разобраться. Слаидер тута http://solcellepanel.hg.no/

    Asked by knopka3,

    0 votes
    2 answers

  24. правое меню в IE некоректно отображаеться

    Добрый день! Рад был бы, если подсказал кто нить как решить проблемку... Суть заключается в чем: Есть сайт в котором находиться картинка, задним фоном, и правое меню, в котором кнопки-картинки. Во всех брайзерах отображаеться нормально, а вот в версиях IE правое меню спустилось вниз под картинку, а должно стоять справа Вот тестовый адрес сайта... http://turnkey.org.ua/solli/

    Asked by myav4ik,

    0 votes
    3 answers

  25. Не работает кнопка в Firefox&Chrome

    Здравствуйте. Есть форма поиска: <form class="searchform"> <input class="searchfield" type="text" value="Искать..." onfocus="if (this.value == 'Искать...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Искать...';}" /> <input class="searchbutton" type="button" value="Go" /> </form> Кнопка почему-то не хочет нажиматься в Firifox и Chrome в Опере всё нажимается нормально...

    Asked by param,

    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