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. Несколько слоев с позиционированием

    Здравствуйте, как сделать, чтобы 2 слоя с абсолютным позиционированием не наслаивались друг на друга, а находились друг под другом. <div style=" background-color: #FF6699;height:100px; position: absolute; width:100%;"></div> <div style=" background-color: #6600CC;height:100px; position: absolute; width:100%;"></div> position: absolute обязательно нужно оставить.

    Asked by dedmene,

    0 votes
    3 answers

  2. Проблема с firefox с www и без разные стили

    Нормально как и должно быть - http://www.stockvest.ru/ а без www весь контент, дивы, баннеры все в уменьшенном виде - http://stockvest.ru/ Проблема только в firefox(обновлял не помогло), в опере, хром и ei все нормально. Не пойму что за бред. Может это у меня firefox тупит.

    Asked by antosha,

    0 votes
    3 answers

  3. автоматический перенос блоков внутри блока

    есть сабж, в одном диве 7 картинок к которым подключен Хайслайд. ширина дива 800 пихелей. надо чтоб в одну строку влазило не больше 4-х рисунков, и всё ето надо реализовать через html/css. причём проблема только в опере, лисица и ИЕ всё переносят нормально... подскажите как пожалуйста)

    Asked by Proks,

    0 votes
    3 answers

  4. Размер отступа <br>?

    Какое расстояние по вертикали в px дает тег <br>?

    Asked by svdsLis,

    0 votes
    3 answers

  5. Вопрос по параметрам тегов для обертывания IMG

    Народ, помогите советом. Не могу сформулировать проблему так, чтобы поисковики меня поняли :-) Есть картинка <img src=...>. Если её оформить как <img style="width:100%" src=...> , то она отлично тянется и ресайзится. Однако дело в том, что этот IMG формируется скриптом, и как к нему подлезть, я пока не придумал - нельзя его изменять, в общем. Зато можно обернуть этот IMG во что-нибудь. Я перепробовал несколько вариантов, но успеха не добился. Подскажите, пожалуйста, какие-нибудь варианты обёртки.

    Asked by Max.htm,

    0 votes
    3 answers

  6. Элементарный впрос, "сложный" ответ?

    Доброе время суток. Решил начать изучение web-разработки, да вот до сих пор терзает вопрос "С чего начать???". Вопрос не сложный, но похоже требующий уточнений. Зачатую ответы приводят к html, css, ssi, php, mysql. Это В общем понятно, но когда начинаешь изучать все это по отдельности, то нет понимания структуры и взаимодействия между этими частями. Или же если оно приводиться, то опять же как пример(частность). Что делать? Где найти понимание структуры, методов написания сайтов?

    Asked by Kirgovec,

    0 votes
    3 answers

  7. Проблема с вкладками

    Проблема следующего характера. Есть html страница в ней есть блок вкладок на jquery. После клика по любой вкладке и обновлении страницы сбрасывается выделеная вкладка, а нужно чтобы сохранялась... Не могу понять в чём проблема. Код вкладок: <div id="wrapper"> <ul class="tabs2"> <li><a href="#">1 вкладка</a></li> <li><a href="#">2 вкладка</a></li> <li><div title="Текст" onclick="location.href='1.html';"><a href="1.html">3 вкладка</a></div></li> <li><div title="Текст" onclick="location.href='4.html';"><a href="4.html">4 вкладка</a></div></li&…

    Asked by tomclancys,

    0 votes
    3 answers

  8. Позиционирование маркеров в списках

    Есть допустим вот такой вот код: <style type="stylesheet"> ul { list-style-type: outside; } </style> <ul> <li>one<br/>gg</li> <li>two</li> </ul> как можно маркеры подвинуть правее - ближе к тексту?

    Asked by Razor,

    0 votes
    3 answers

  9. Помогите поднять изображение

    На этой странице приведенную внизу кода таблицу не могу поднять. На 19'' экране эта таблица с окнами-ссылками расположена посредине экрана и на расстоянии 4,5 см от верхней фоновой картинки. Можно ли как-то поднять эту таблицу или, например, совместить с расположенным выше меню, но чтобы меню оставалось на своем месте? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Титул</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="keywords" content="keywords"> <meta name="description" content="описание"> <link href="styles.css" rel="styl…

    Asked by kminas,

    0 votes
    3 answers

  10. window.open (в IE и FF открывается развернутое окно)

    В Opera, Chrom, Safari всплывающее окно появляется в заданных размерах (свернутое), в IE и FF открывается полное окно. Как сделать, чтобы обойти настройки браузеров и заставить тоже открывать свернуто окно?

    Asked by kminas,

    0 votes
    3 answers

  11. Прозрачный бэкграунд но чтоб бордеры других элементов "под" главным - были не видны

    Дано: #a { z-index: 2; background: transparent; } #b { z-index: 1; background: some_image; border: solid 1 px; } Элемент #а находится выше элемента #b по z-оси. У #b видимая рамка, и если у #a выставить прозрачный фон, то сквозь него будет видна и рамка #b, можно ли как-то сделать так, чтобы рамка у #b не отображалась там, где #a идёт поверх #b, но чтобы если кусок #b где-то торчит из под #a, то рамка у этого куска оставалась видимой.

    Asked by amz00m,

    0 votes
    3 answers

  12. Ошибка в css

    .quote { background-color:#1C1C1C; border:1px solid #383838; color:#EEEEEE; display:table; line-height:normal; margin:15px; padding:10px; } <div class="quote">что за</div> Получилось так! А хочу вот так, что бы было! Помогите знающие люди! Объясню если не увидели, отступ стоит вокруг текста он их как бы игнорирует. И всё сживает!

    Asked by angelShlesser,

    0 votes
    3 answers

  13. Div в div'e

    Привет Появилась проблема с вложенными дивами и я не могу ее сам решить Нужна такая конструкция (нарисовал на скорую руку) http://img532.imageshack.us/img532/144/atata.png Блоки (1) и (2) находятся один под одним, в блок (2) входят два блока: (3) и (4). В свою очередь в блоки (3) и (4) входят еще одна "конструкция". (по сути, в 3м и 4м блоке будет одно и тоже, только с разной шириной. В общем, все это я пытаюсь сделать следующим образом: (4го блока тут нет, ибо даже не пытался сделать, без нормального 3го) <div class="center-menu"></div> /* блок (1) */ <div class="center-body"> /* Блок (2) */ <div class="left-menu"> /* Блок 3 */ <div styl…

    Asked by Eudelis,

    0 votes
    3 answers

  14. Скролбар в Div'e

    Здравствуйте! Уперся в необходимость скроллбара в Div'e, да причем не простого, а чтоб можно было его как угодно оформлять и использовать в любых комерческих проэктах! На JavaScript есть интересный скрол - зовется FleXcroll! Вобщем он полностью соответствует требованиям - но в рид ми прописана строчка о то ,что не стоит использовать его в комерческих проэктах не согласовав с авторами. Как это реализовать ? Какой скрипт лучше использовать ? PS: У меня получилось осуществить стандартный скроллбар в Div'e - посредством overflow-y:scroll и заданием фиксированного размера для DIV. Хотелось бы узнать как его можно "разукрасить" ?

    Asked by monkeymafia,

    0 votes
    3 answers

  15. display: table

    Виват всем. простейший вариант. <!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" xml:lang="en" lang="en"> <head> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; border: none; height: 100%; } div { background: silver; border-top: 10px dashed red; display: table; height: 100%; } /*]]>*/ </style> </head> <body> <div> <p>Aliquam lacinia aliquam orci in congue. Sed laoreet volutpat imperdiet. Phasellus non neque ut …

    Asked by Scrum,

    0 votes
    3 answers

  16. div как ссылка в firefox 3.6

    доброго всем времени суток Хочу спросить помощи, так как самостоятельно не могу решить задачку. Суть изложена в названии темы - моя цель сделать некий div ссылкой. На страничке имеется выпадающая менюшка, сделанная на jQuery и CSS. Под ней есть див с картинкой внутри. Я использую ShadowBox, в итоге код получился для конструкции такой: <div id="имя"> <a href="путь" rel="shadowbox;width=640;height=480" title="что-то"> <img src="путь" title="что-то" alt="название" class="pic"/> </a> </div> У менюшки описан z-index: 5, ввиду того что картинка обновляется скриптом и иногда возникает эффект "мерцания" этой самой менюшки. То бишь перекрывается она…

    Asked by hAhol,

    0 votes
    3 answers

  17. border

    Правильно понимаю, что контролировать border: 4px dotted; никак нельзя? Например в ИЕ точки-кружки а в ФФ: точки-квадратики. Или регулировать длину штриха при border: 4px dashed;? Именно через бордер, фон занят более важным. Спасибо.

    Asked by Sh.B.Malinkin,

    0 votes
    3 answers

  18. Как сделать активным поле textarea при нажатии на checkbox?

    Ребят, помогите с кодом. Как при помощи javascript сделать так, чтобы при нажатии на checkbox становилось активным поле textarea и наоборот?

    Asked by sergey_sergey,

    0 votes
    3 answers

  19. Знатоки CSS, как уравнять позиции модуля и картинки?

    Знатоки CSS, помогите разобраться пожалуйста. У меня картинка sam_header.jpg, что сидит в .ja-headermask width: 1010px; Так вот эта картинка шапки сайта получается меньше, чем модуль основного окна под ней, видите, справа выступает серая полоска... http://www.hm-news.ru/ Никак не могу найти как бы их по размеру подогнать, подскажите пожалуйста. заранее спасибо /* COMMON STYLE ——————————————————— */ html, body, form, fieldset { margin: 0; padding: 0; } body { color: #000000; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; line-height: 150%; } body#bd { color: #333333; background: #F2F2F2; } body.clearfixpane { width: auto; /* Printable Page */ …

    Asked by vovchikku,

    0 votes
    3 answers

  20. border'ы

    Как сделать чтобы размеры элемента не увеличивались при задании border'a ?

    Asked by kidar2,

    0 votes
    3 answers

  21. Тэг <input>

    Суть вопроса: к примеру: echo "<input type=\"text\" name=\"name\" value=\"Иванов Иван\">" -- получим в поле для ввода текста "Иванов Иван" если же задаём значение через переменную - в поле отображается только до пробела: $n = "Иванов Иван"; echo "<input type=\"text\" name=\"name\" value=$n>"; -- получим в поле для ввода текста "Иванов" Как обойти? Тэг <textarea> применять не хочу.

    Asked by shaka,

    0 votes
    3 answers

  22. Как сделать выделение изображения(подсветка или т.п ) при наведении курсора?

    Всем привет!!подскажите как сделать так, чтоб при наведении курсора на изображение оно как-то выделялось и было выдно что это ссылка а не просто картинка?Может существует какой-то плагин?Буду очень признателен за ответ!

    Asked by mongols,

    0 votes
    3 answers

  23. Пробелы между таблицами... как устранить?

    Добрый день, я новичек в этом деле, но вот решил заверстать , и при верстке, между таблицами в шапке сайта есть небольшие пробелы по 5 пикс, помогите их устранить. вот код страницы: <!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=windows-1251"> <title>Стили</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id='wrapper'> <div id='header'> <table cellpadding="0" cellspacing="0" border="0" width="780px" > <tr> <td ><a href="">&…

    Asked by Avalon.,

    0 votes
    3 answers

  24. <form> сделать в центре страницы

    как сделать форму в центре страницы. щас она выровнена слева от края. попытался положить её внутрь - <p align="center"> </p>. но не помогло....

    Asked by pribl,

    0 votes
    3 answers

  25. неопознанная ошибка в IE

    В осле 6 и 7 заметил ошибку " Не удалось открыть узел . Неопознанная ошибка " Сайт http://rubasket.com Помогите ,кто может ,найти ,где прячется error !

    Asked by FASTDEATH,

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