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. zoom

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

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

    0 votes
    21 answers

  2. Обтекание

    У меня есть вот такая проблема: есть логотип #logo и заголовок сайта #title. По логике логотип должен находится слева, а заголовок справа обтекает логотип, но заголовок остается сницу. в чем проблема? Вот код: <div id="header"> <p id="logo"><img src="style/logo.png" width="193" height="200" /></p> <h1 id="title">Природа Мурманской области</h1> </div> #logo {float:left;} #title {font-size:50px; color:#150098;}

    Asked by Fenix,

    0 votes
    23 answers

  3. Вертикальное выравнивание внутри дива.

    Вертикальное выравнивание внутри дива. Научите правильно это делать кросбраузерно и именно через vertical-align: middle Вариант с padding или line-height не подходит. Интересует, как правильно выравнивать по вертикали текст или другой див. Заготовил формочку: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> * { margin: 0; padding: 0;} .max1 { height : 300px; background: red; } .max2 { height : 300px; background: black; } .max2 div { height : 50px; width : 50px; background: green; } </style> </head> <body> <div class="max1"&gt…

    Asked by Semreg,

    0 votes
    9 answers

  4. Фон

    Есть такая проблема с фоном: http://floomby.ru/content/7nWcL1Hi40/ http://floomby.ru/content/Grv4nje8qE/ Во втором случае специально фон изменил на черный чтобы было наглядно. Сообствено вам проблема должна быть ясно: фон не "растягивается до конца элемента. В чем проблема? Вот код: <!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=windows-1251" /> <title>Природа Мурманской Области</title> <link href="style/common.css" rel="stylesheet" type="text/css" /> </he…

    Asked by Fenix,

    0 votes
    7 answers

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

    Есть 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

  6. как растянуть 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

  7. проблема с привязкой блока к низу страницы

    вот часть кода 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

  8. Кусок страницы с Гисметео

    Такой вопрос, как можно взять с этой страницы кусок и разместить у себя на сайте. Вот что нужно, эту часть страницы:

    Asked by adamfromvyazniki,

    0 votes
    8 answers

  9. С таблицей проблема

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Типо сайт=)</title> <style type="text/css"> html, body {height: 100%; width: 100%} html {font-size:62.5%} body {font: normal 1.6em Arial, Verdana, Helvetica, Calibri, Tahoma, sans_serif; line-height: 100%; color: #333; background: #fafafa} html, body, table, tr, td {margin:0; padding:0} td {vertical-align: top; border: 1px solid #abcdef} table {table-layout: fixed;} #maim {display:tabl…

    Asked by Yahoo!,

    0 votes
    7 answers

  10. Изменение чего либо по какому либо событию

    Подскажите пожалуйста, как мне изменить размеры таблицы по нажатию на кнопку, используя язык JavaScript.

    Asked by Almanah,

    0 votes
    11 answers

  11. Помогите с меню

    В файле есть такой код: <tr> <td class="td2"></td> <td> <a href="#" onmouseover="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11-over.jpg'); return true;" onmouseout="changeImages('siteground_Layer_11', '<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg'); return true;"> <img name="siteground_Layer_11" src="<?php echo $mosConfig_live_site;?>/templates/siteground32/images/siteground_Layer-11.jpg" width="66" height="29" border="0" alt=""></a></td> <td c…

    Asked by Хаскер,

    0 votes
    1 answer

  12. тег 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

  13. Нужен совет провесоонала!

    Ребята, помогите решить проблему, которою так и не смог решить сам. Может кто-то сталкивался с данной ситуацией – два блока, которые размещены рядом, в 6-м ІE не корректно отображаются, а это очень существенно. Когда открыть код, можно это все наглядно увидеть – белая полоса между черным и зеленым блоком. У других браузерах проблем нет, это только в 6-м ІE! Заранее спасибо. <!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"> <head> <title></title> <meta http-equiv="content-type" content="text/html; charset=windows-1251…

    Asked by _Alexanred_,

    0 votes
    3 answers

  14. проблемы в фф

    данные стили идентично отображаются во всех браузерах #wrapper .sidebar_right .search{position:relative;} #wrapper .sidebar_right .search form fieldset input.search{position:absolute; top:0; left:16px;} #wrapper .sidebar_right .search form fieldset input.button{position:absolute; top:0; left:166px;}

    Asked by html,

    0 votes
    18 answers

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

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

    Asked by svobodniy,

    0 votes
    11 answers

  16. Вставка видео в статью!

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

    Asked by respect,

    0 votes
    2 answers

  17. Отображение слоя в IE

    Помогите, пожалуйста!!! Уже замучилась. Описывать долго. Просто даю ссылку на свою верстку. http://freshf5.f5.ru/post/76839 Проблема в том, что IE отображает слой, сдвигая его вправо, ведя отсчет от предыдущих верхних слоев. В Мозилле все выглядит отлично, как подогнать IE? <div style="font-weight: bold; font-size: 14px; width: 570px; color: #666666; text-align: center;">сообщество</div> <div style="width: 570px;"><img style="width: 570px; height: 10px;" src="/uploads/e56fc5fdc839f34d261ff3ce9c260e68.jpg" width="570" /></div> <div style="font-weight: bold; font-size: 30px; width: 570px;">подземные истории</div> <div style="wid…

    Asked by ninulik,

    0 votes
    8 answers

  18. border groove и border ridge в IE

    Приветствую вас! Есть задача - сделать двойную рамку, причем цвет внешней линии должен быть - черный, а "дублирующей" внутренней линии - серый. Соответственно реализовано это с помощью border groove и border ridge, а именно: div { border-top:2px groove rgb(0, 0, 0); border-right:2px ridge rgb(0, 0, 0); border-bottom:2px ridge rgb(0, 0, 0); border-left:2px groove rgb(0, 0, 0); } Во всех браузерах эта конструкция отображается как требуется, КРОМЕ IE5/IE6/IE7, где видно только толстую жирную рамку, а не двойную - черно-серую!!! Подскажите, пожалуйста, что сделать, чтобы это правильно работало в IE? Заранее благодарен.

    Asked by ruff20,

    0 votes
    21 answers

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

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

  20. Прозрачность и IE6

    Помогите пожалуйста с одной траблой: на странице используются полупрозрачные PNG рисунки, которые являются или бэкграундом или img src в ячейках таблицы. Во всех браузерах, кроме IE6 и ниже все отображается нормально, но в IE6 png-файлы отображаются серыми картинками. Как можно это исправить? Немного кода, в котором находятся png-файлы: <td width="10" background="images/01.png" height="10"></td> <td width="780" background="images/02.png" height="10"></td> <td width="10" background="images/03.png" height="10"></td> P.S. метод с .htc файлом не помогает потому, что у меня не общий бэкграунд в виде png-файла, а отдельные элементы в яч…

    Asked by DImaN,

    0 votes
    40 answers

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

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

    Asked by coldrain,

    0 votes
    10 answers

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

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

    Asked by andx,

    0 votes
    14 answers

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

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

    Asked by M@SK@,

    0 votes
    2 answers

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

    Дано некое абстрактное 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

  25. position:absolute; и ie

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

    Asked by vvsh,

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