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. проблема с привязкой блока к низу страницы

    вот часть кода CSS: @charset "utf-8"; html{background-color:#fff; color:#000; margin:0; padding:0;} body{margin:0 auto; padding:0; width:900px; height:100%;} #header{width:900px; height:123px; background:url(diz/head.png) no-repeat center; margin:5px 0 20px 0;} #content{font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#666666; padding-bottom:50px;} #footer{text-align:center; background-color:#0099FF; width:900px; height: 50px; position: absolute; bottom:0; margin:0;} вроде зазора снизу ну никак быть не должно. а он есть, и полоса прокрутки появляется. подскажите где не так?? вот сайт http://help-team.com.ua/klientu.html

    Asked by Kos87,

    0 votes
    10 answers

  2. Текстовое поле

    Подскажите, плз, почему текст смещен в поле input text? Скрин:

    Asked by coldrain,

    0 votes
    10 answers

  3. Блок улетает вниз в IE7

    Привет! Подскажите пожалуйста как мне укротить упрямого тупого осла под названием IE7 (в ИЕ6 наверное также) ? Везде ДИВ 3 и ДИВ 4 нормально отображаются, даже в ИЕ8. А в ИЕ7 они улетают вниз. Пробовал их вкладывать в 1 общий ДИВ но не помогло. В картинке шлю скрин проблемы. Сайт где посмотреть вживую -- http://av-sport.ru/

    Asked by andx,

    0 votes
    14 answers

  4. position:absolute; и ie

    здрасте, не хочет работать position:absolute; в ie, что делать? заранее спасибо

    Asked by vvsh,

    0 votes
    12 answers

  5. Вставка видео

    Люди помогите мне найти Тэг на вставку видео,. я начинаю только создавать сайты, и многое не знаю

    Asked by M@SK@,

    0 votes
    2 answers

  6. Способы сделать резиновую верстку сложных блоков

    под сложными блоками понимается, что у блока должно быть закругление углов и допустим внутренний глоу, понятно что нужно использовать 9 ячеек что бы расставить все в нужном порядке, а может есть еще какой способ что бы сделать это. вот моя попытка сделать такой блок <div style="width:100%; position:relative; background:#b5e6f4;"> <div style="background:url(middleleft.gif) repeat-y left;"> <div style="background:url(middleright.gif) repeat-y right;"> <div style="background:url(middletop.gif) repeat-x top;"> <div style="background:url(middlebottom.gif) repeat-x bottom;"> <div style…

    Asked by AlexKon,

    0 votes
    8 answers

  7. Проблемы с наложением слоёв в IE 7 и 8 при абсолютном позиционировании

    Вот есть, например, такой код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title> </title> </head> <body> <table> <tr> <td style="background-color:#ff00ff"> <div style="z-index:1"><img src="http://htmlbook.ru/images/title.gif" alt=""></div> <div onclick="alert(101)" style="position:absolute;width:50px;height:50px;top:10px;cursor:pointer;z-index:2"></div> </td> </tr> </table> </body> </html> В IE 7 и 8 возникает проблема с наложением слоёв. То есть слой, при нажатии на который дол…

    Asked by Link,

    0 votes
    4 answers

  8. фон родительского блока и дочернего

    Всех приветствую! Помогите разобраться, необходимо, чтобы background родительского слоя был выше background'а дочернего слоя. Проставлены: z-index и position: relative для слоев (z-index род > z-index доч), но однако ничего не работает. Как такое реализовать на css?

    Asked by theo_,

    0 votes
    3 answers

  9. Нижняя граница строки в таблице фоном....

    Хочу сделать нижнюю границу у строки в таблице фоном...... <table cellspacing="0" cellpadding="0" class="table_propetis"> <tr style="background-image: url(images/newsbuttomline.png); background-position: left bottom; background-repeat: repeat-x;"> <td class="table_propetis_param">Вес</td> <td class="table_propetis_value">5 кТн</td> </tr> </table> везде всё чётко...... а IE эту самую нижнюю границу не отображает (((

    Asked by alexander.parphenuyk,

    0 votes
    6 answers

  10. Проблем с div болком в ie6

    На сайте http://www.ford.ams-auto.ru/news/?id=322 в ie6 средний блок( с новостями) постоянно уходит вниз. Как можно решить данную проблему?

    Asked by Dim,

    0 votes
    4 answers

  11. display:inline-block и IE

    В общем хочу сделать что-то типо табличного вывода, есть куча div'ов в которых расположены нужные элементы, к каждому свойство display:inline-block и получилось всё замечательно(таблица по ширине странице, так как нужно), но это было в опере в IE открыл и ничего не вышло, помогите как можно справится с этой проблемой? <div style="width: 303px; display: inline-block; text-align: center; "> Опера 10-ая, интернет эксплорер - 6 заранее спасибо

    Asked by shedy,

    0 votes
    13 answers

  12. Разъясните пожалуйста принцип работы правила css.

    Добрый день! Верстаю свой первый шаблон+выпадающее меню , по ходу дела возникают вопросы касательно css. Прошу помочь разобраться. 1) Как обрабатывается правило вида: ul#direct li:hover li a {...}. Неясность здесь создает псевдокласс hover. 2) Не понимаю принцип работы правила вида: ul#direct ul ul. Для чего указывается ul два раза после ul#direct. Если я правильно понял контекстные селекторы, достаточно указать: ul#direct ul. Однако, если убрать второй ul - работа нарушается. Почему? Спасибо за помощь.

    Asked by denn,

    0 votes
    4 answers

  13. тег span

    Что будет если внутри тега Span ничего нет, только указание на определенный класс. Я имею ввиду на что будут распостраняться правила указанного класса. Тег расположен внутри блока. Пример: <div class="..."> <span class="....."></span> <table cellpadding=0 cellspacing=0><tr><td valign="top"><div class="...."><img src="trans.gif" name="nav_" width="12" height="7" alt="transparant gif"> </div> </td> <td> <div class="..."><a class="body-nav-txt" name="id_" href="/international/web/lg/ru/like35lgru.nsf/docbyalias/nav_comp" onmouseover="navPopUp('В'getRelativeY())" onmouseout="navPopDown()">О </a…

    Asked by geirby,

    0 votes
    15 answers

  14. Единый блок, разбитый блок

    Вобщем есть такая задачка block должен тянутся на всю страницу, но не доходить до начала страницы и самого конца определенное количество пикселей. Сама страница тянится по высоте максимального элемента content или block. Как решить такую задачу, при использовании целостного блока недодумкал и пришлось разбивать его на 3 части: 1) находящийся в области хедера 2) собственно сам блок 3) находящийся в области футера Соответственно расположив 1 и 3 в хеадере и футере чтобы они совпадали со 2. Может всетаки можно сделать block целостным? Т.к место в 1 и 3 пропадает и "вообще ни туда не сюда" Спасибо за внимание

    Asked by gesandte,

    0 votes
    43 answers

  15. как растянуть DIV на всю ширину родительского элемента?

    по сути страница не сложная, проблема же вот в чем: контентная часть состоит из 2-х колонок в левой много наполнения, а правая несет оформительский характер но в ней почти ничего нет и она по высоте зависит от количества наполнения, как не пытался заставить правую растянутся на всю высоту контентной части, ничего не выходит, кучу форумов облазил, ничего путнего не нашл, подскажите плиз в чем ошибка <div class="main-container clearfix"> <div class="head"> <div class="left"> <div class="logo" style="z-index:250"><a href="#"><img src="siteimg/logo.png"></a></div> </div> <div class="right"></div> &l…

    Asked by Likan,

    0 votes
    3 answers

  16. не понятная ошибка

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

    Asked by slo_nik,

    0 votes
    2 answers

  17. привязка края страницы к координатам

    Только начал заниматся веб програмированием и тут же вбил себе в голову что хочу сделать сайт именно с таким дизайном, а именно. Мне нужно что бы сайт был статичным. У него по краям будут некоторые поля, не содержащие важной информации и мне нужно что бы при уменьшение разрешения они "съедались" а при увеличение показывались настолько насколько увеличилась ширина страници. Этот приём риализован на сайте http://www.worldofwarcraft.ru (я не собираюсь воровать их дизайн, а просто обсуждаю техническое устройство их веб сайта из любопытства) Что интересно полоса прокрутки при уменьшение ширины страници появляется только когда начинает сжиматся уже центральная часть страници с …

    Asked by Barsik,

    0 votes
    12 answers

  18. две разные ссылки в одном документе

    цвета ссылок меню хочется оставить прежними, изменив при этом только hover отдельных ссылок (вне меню) ссылки меню прописывал в css ,попробовал другим ссылкам поменять цвет через новый класс, ничего не получилось, может ещё как?

    Asked by Melted,

    0 votes
    5 answers

  19. Выравнивание элементов списка по-центру

    Дано некое абстрактное ul { margin: 0; padding: 0; list-style-type: none; } ul li { width: 100px; height: 50px; float: left; } Если в списке всего 2 элемента (<li>) то как можно выровнять их по-центру? Учитывая что ul на 100% ведь от окна растянуто по-умолчанию. Конечно можно задать ширину для ul и margin: 0 auto; но меня интересует именно автоматический вариант - чтобы при изменении кол-ва пунктов не было нужны изменять ширину ul. Спасибо

    Asked by Razor,

    0 votes
    11 answers

  20. Что-то не то =(

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" dir="ltr" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Типо сайт=)</title> <link rel="stylesheet" type="text/css" href="#" /> <style type="text/css"> html, body {height: 100%; width: 100%; margin: 0; padding: 0} html {font-size:62.5%} body {font: normal 1.6em Arial, Verdana, Helvetica, Calibri, Tahoma, sans_serif; line-height: 100%; color: #333; background: #fafafa} tabl…

    Asked by Yahoo!,

    0 votes
    1 answer

  21. zoom

    Здравствуйте друзья. Часто вижу использование этого свойства, но совершенно не понимаю для чего оно? Его же только IE понимает, да и вообще это какая-то тупость, и на htmlbook не описано. Как так вообще? Или это такой понт перед "ни ч0ткими", типа мы то юзаем никому не нужное CSS свойство и только мы понимаем зачем это Не в обиду, просто правда совершенно не понимаю, для чего этот zoom нужен.

    Asked by Игорь Ермаков,

    0 votes
    21 answers

  22. Таблица-список

    Добрый день. Есть необходимость сделать пронумерованную таблицу-список. Проблема в том, что она часто пополняется или изменяется и тогда приходится заново нумеровать строки с места добавления/удаления строк. Попытался сделать 2 таблицы вложенные в одну главную: в первой - столбик номеров строк, во второй - данные. Так легче корректировать номера: если добавляются/удаляются строки, просто добавляем или удаляем номера внизу первой таблицы. Но есть загвоздка, некоторые строки в таблице с данными имеют 2-3 строки (данные в ячейки записаны через <br>, например, 2 мобильных номера телефона у человека), и тогда первая таблица с номерами съезжает. Вопрос: как можно написать…

    Asked by svobodniy,

    0 votes
    11 answers

  23. ie6

    Приветствую. Вобщем при адаптации верстки под ie6 столкнулся с неприятным моментом. Который меня просто озадачил. Есть CMS, использующая smarty шаблоны. Есть шаблон. Есть ряд страниц. Верстка на одной летит в тартарары, а на другой почти корректно. http://www.act.su/rastenievodstvo/kombajny...0-cws-1550-cws/ Здесь недорисовывается левое меню. http://www.act.su/rastenievodstvo/kombajny...0-cws-1550-cws/ здесь же все хорошо

    Asked by =Shaman=,

    0 votes
    5 answers

  24. форматирование значения кнопки.

    как можно подчеркнуть значение (текст) кнопки? пробовал input.button{text-decoration:underline;}, но сработало только в ие 6, остальные игнорируют. спасибо.

    Asked by html,

    0 votes
    5 answers

  25. как создать такую штуковину

    Есть 8 картинок с закруглеными углами с помошью которых оформлены колонки сайта, вот пример но когда я в центральную колонку помещаю текст больше 2-х строк то боковые картинки не тянутся (не повторяются). пример. Вопрос как сделать что бы они тянулись? Вот код ee.css: body { color:#FFFFFF; } .block { width:200px; } .l_u { background-image:url('images/new_lu.png'); width:21px; height:19px; float:left; } .c_u { background:url('images/new_cu.png') repeat-x; width:160px; height:19px; float:left; } .r_u { background-image:url('images/new_ru.png'); width:19px; height:19px; float:left; } .l { clear:both; background-image:url('images/new_l.png'); background-repeat: repeat-…

    Asked by lindim,

    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