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. Зацентровать слой с position: absolute;

    Возможно ли такое? можно сделать так чтобы слой допустим отчитывал пикселы не от края окна браузера, а от края таблицы? CSS: #menu { position: absolute; top: 107px; left: 255px; width: 100%; height:100%; overflow: hidden; } HTML: <div id="menu"> <table > <tr> <td height="120" width="100" bgcolor="ddffdd" > <a href="index.html">главная</a> <a href="ot4et.html">отчет</a> <a href="doc.html">документы</a> <a href="history.html">история</a> <a href="today.html">сегодня</a> </td> </tr> </table> смысл таков: хочу сделать страницу слоями, но чтобы она всегда бы…

    Asked by bART,

    0 votes
    4 answers

  2. Прозрачность a:hover в IE6

    Пытаюсь заставить реагировать ИЕ6 по наведению мышки на картинку. По идее, одна должна становиться частично прозрачной, что и происходит во всех броузерах кроме ИЕ6. Что делать? #rr a:hover { color: #fff; border: 1px solid blue; background: url(images/ru.jpg); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; padding:0; } Ну и html <div id="rr" ><a href="ru.html"></a> Спасибо за помощь

    Asked by Oliany,

    0 votes
    4 answers

  3. input

    Люди помогите плс, необходимо чтобы в работал кнопка enter.

    Asked by Ramshine,

    0 votes
    4 answers

  4. Проблемы с выравниванием блочного элемента.

    Не понимаю почему элемент mlir3 не становится под mlir2, ведь mlir2 становится под mlir1. Неужели только отрицательный маргин в право является решением при данном построении? Не хотелось бы отрицательных маргинов - все таки в спецификации, если не ошибаюсь он не предусматривается. Хочется сделать идеально. Спасибо за внимание. <!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" /> <title>Floats</title> <style type = "text/css"> *{margin:0; padding:0; …

    Asked by iRina,

    0 votes
    4 answers

  5. Как?подскажите...

    Доброго времени суток, ситуация следущая : имеем кучу html страничек,в которых есть одни и теже строки, а имеено table, где менюшка, причем на всех страничках одна и та же, не подскажете как можно через скрипт или как то еще подгружать эту часть из отдельного файла.а в самих страничках эту часть убрать... Заранее благодарен

    Asked by S.R.16kg,

    0 votes
    4 answers

  6. 2 вопроса

    Здравствуйте. Просветите меня пожалуйста ) Вопрос 1: Как сделать так, чтоб при нажатии на текст-ссылку-выезжали снизу пункты относящиеся к этой ссылке. А то слишком муторно делать n-ое кол-во одинаковых страниц. А точнее последующее их редактирование. Если не сложно, объясните ) Вопрос 2: У меня имеется некоторое количество exel-файлов (таблиц). Можно ли как нибудь сделать так, чтоб они отображались на сайте. Главное чтоб при редактировании этих екселев- на сайте они тоже автоматически редактировались. Реально это вообще?:/

    Asked by FloG,

    0 votes
    4 answers

  7. в opera и mozilla DIVы перескакивают на строку

    в IE7 все нормально картинка "домик" расоплагается слева от меню в опере и в моизле меню перескакивает на следующую строку как исправить? td.menu { width: 100%; background-image: url(images/menu_background.jpg); white-space: nowrap; } div.house { float: left; height: 22px; background-color: #3b73b9; background-image: url(images/house2.gif); } div.menu { float: left; background-color: #e6e6e6; vertical-align: top; } div.menu a{ font-family: Tahoma; font-size: x-small; color: #717171; text-decoration:none; } <td colspan="4" align="center" valign="top" class="menu"> <div class="house"></div><div class="menu"><TABLE Width=…

    Asked by Electra,

    0 votes
    4 answers

  8. Не валидируется iframe

    Есть такая конструкция: <iframe width="810px" height="1000px" frameborder="0" margingheight="0" name="bottom" src="new_search_iframe.html" > </iframe> Доктайп: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Не валидируется Вот баги: there is no attribute "WIDTH". there is no attribute "HEIGHT" there is no attribute "FRAMEBORDER" there is no attribute "MARGINGHEIGHT" there is no attribute "NAME" there is no attribute "SRC" и в конце-концов element "IFRAME" undefined Такое ощущение что он вообще не разрешен для данного доктайпа:/

    Asked by milax,

    0 votes
    4 answers

  9. dysplay for <optgroup>

    Можно ли убрать из раскрывающегося списка часть строк с помощью dysplay: none для ?

    Asked by uefa,

    0 votes
    4 answers

  10. Стили для <option>

    Принимы ли стили для . Что-то никак не получается изменить вид шрифта в этом элементе. Это возможно?

    Asked by uefa,

    0 votes
    4 answers

  11. Заголовок таблицы на рамке

    Подскажите пожалуйста.!!! Есть таблица с рамкой style="border:1px solid #294d90;" . Как можно написать название таблицы на рамке, тоесть идет верхняя полоса рамки, потом обрывется идет текст, а после текста снова линия рамки. Примерно так ——-- Заголовок ————. Как такое сделать с таблицей? Или это где то уже описано дайте ссылочку пожалуйста!

    Asked by tarkoff,

    0 votes
    4 answers

  12. Как растянуть рамку div-а по содержимому?

    Здравствуйте! У меня на странице элемент с постоянно меняющимися размерами заключ?н в рамку. Код такой: <div class="myborder2"></div> .myborder2 { border: 1px solid blue; width:auto; padding:0px; position:relative; display:table; } Из-за display:table; это дело не работает в IE (элемент имеет ширину, равную ширине страницы). Подскажите пожалуйста кроссбраузерное решение проблемы. Заранее спасибо.

    Asked by realmadrid,

    0 votes
    4 answers

  13. проблема с маркированным списком -> кроссбраузерность

    есть страничка с несколькими видами маркированных списков. маркеры не стандартные, а берутся из гифов. проблема такая: в ИЕ6 отображение нормальное, в Опере нормально видны все кроме одного списка - там маркер убегает вверх (то есть он не в середине списка а по верхнему краю), в Огнелисе вообще все маркеры убежали книзу. вот код одного из списков: ... <div class="list"> С точки зрения: <ul> <li> <a href="">Туриста</a></li> <li class="selected"> Эстета</li> <li> <a href="">Гурмана</a></li> <li> <a href="">Карьериста</a></li> <li> <a href="">И…

    Asked by Sanguis,

    0 votes
    4 answers

  14. Список по ширине блока

    Есть фиксированная ширина (в данном случае блоком выступает тэг ul) . Как растягивать по ВСЕЙ ширине содержимое, когда не известен размер каждого конкретного элемента (li) (типичный пример с меню на сайте, для простоты я убрал ссылки внутри теги "a". <ul><li>blabla1</li><li>blabla2</li><li>blabla3</li><li>blabla4</li></ul>

    Asked by Tau,

    0 votes
    4 answers

  15. Проблема с checkbox

    Подскажите пожалуйста оптимальный способ решения проблемы! 1)Есть таблица newgoods с id товара который нужно показывать на главной странице. 2) В админке есть таблица с товарами и чекбоксом возле каждого товара(имя каждого чекбокса newgoods[] value="id товара"). При субмите все товары выбраные в чекбоксе добавляютcя в таблицу newgoods. Проблема в том что если снять галочку с чекбокса то по субмиту товар который нужно удалить с таблицы не удаляется так как масив newgoods[] содержит только id товара отмеченого в чекбоксе. Как можно решить эту проблему? Тоесть что бы при снятии галочки можно было передать id удаляемого товара?

    Asked by tarkoff,

    0 votes
    4 answers

  16. разъезжается сайт

    Помогите, плиз. Не могу понять из-за чего разъезжается сайт. То есть, он увеличивается в полтора экрана у некоторых пользователей на IE и Mozilla, про Opera не сообщали. Увеличивается пропорционально, то есть все, и картинки, и текст. Из-за этого появляется прокрутка, что всех и бесит. Вот сайт www.nrdtech.ru Help, please

    Asked by serenity,

    0 votes
    4 answers

  17. Zoom & UnZoom (JavaScript)

    <script language="javascript"> function zoom() { if (document.form1.mypict.width < 140) { document.form1.mypict.width=document.form1.mypict.width+1 document.form1.mypict.height=document.form1.mypict.height+1 setTimeout("zoom()", 40) } } function unzoom() { if (document.form1.mypict.width > 130) { document.form1.mypict.width=document.form1.mypict.width-1 document.form1.mypict.height=document.form1.mypict.height-1 setTimeout("unzoom()", 40) } } function zoom2() { if (document.form2.mypict2.width < 140) { document.form2.mypict2.width=document.form2.mypict2.width+1 document.form2.mypict2.height=document.form2.mypict2.height+1 setTimeout("zoom2()",…

    Asked by Marlik,

    0 votes
    4 answers

  18. Новичку требуется помощь!

    Дорогие друзья! Я новичок в изучении веб-технологий! У меня такой вопрос какую роль в написании ссылок играют "Ключевые слова". Напишите простейший пример написания ссылки с ключевым словом велосипед и чтобы при наведении курсора на ссылку (котоаря уже стоит на сайте) вылезало слово велосипед, к примеру. Заранее спасибо!

    Asked by microlab,

    0 votes
    4 answers

  19. Двойной цикл

    Подскажите, пожалуйста, как можно выйти из двойного цикла. Пробовал так и ничего не получилось: function search_Array(point) { for (var i = 0; i < mainArray.length; i++) { alert(i); for (var j = 0; j < mainArray[i].option.length; j++) { alert(j); if (mainArray[i].option[j].value == point) { alert (mainArray[i].option[j].value); break endLoop; } } } endLoop: return [i, j]; } Можно, конечно, по окончанию первого цикла еще раз вставить такую же проверку (if (mainArray.option[j].value == point) ), но как-то криво выглядит. Помогите. Спасибо.

    Asked by uefa,

    0 votes
    4 answers

  20. Сделать типа вкладок...

    вобщем нужно сделать для сайта одну такую штуку - есть несколько ссылок и табличка, в которой написан текст, при нажатии на разные ссылки ТЕКСТ должен меняться... дл ссылки 1 текст 1, для ссылки 2 - текст 2 ну и так далее Я с javascript просто никогда не работал) так) тока передирал готовые примеры)) вот что пробовал сделать.. <script type="text/javascript"> function changePreview(itemNumber) { document.getElementById('bl1').style.display = 'none'; document.getElementById('bl2').style.display = 'none'; document.getElementById('bl3').style.display = 'none'; document.getElementById('bl4').style.display = 'none'; document.getElementById('bl5').style.display =…

    Asked by sasha_,

    0 votes
    4 answers

  21. У рисунка нужно сделать двойную рамку.

    Есть рисунок, ему можно задать одну рамку через border, а как можно сделать ещ? одну через 3 пикселя? <img style src='mult.jpg' alt='' width="135" height="135" hspace="10" align="left" border="2"> Мне делали подсказу, что типа через padding, говорили что нужно использовать стили, но вот хоть убей не понимаю. Поэтому обращаюсь к Вам Профессионалам своего дела. Подскажите плиз!

    Asked by ProSaifer,

    0 votes
    4 answers

  22. Помогите с версткой. Вопросы

    Хочу сделать блок с информацией. В ИЕ6 выводится вроде нормально, а в опере, мФ все наперекосяк. Подскажите как избавиться с этой проблемой. Как видят отступы браузеры? Спсибо <style> *.br2 { font-size: 1px; height: 1px } .r_1 { background-color: #ddd; margin: 0 2px; height: 1px } .r_2 { background-color: #fff; margin: 0 1px; height: 1px; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .r_3 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; } </style> <div style="height:70px; width:700px;"> <div class="r_1"><img src="images/spacer.gif" width="1" height="1" alt="" /></div> <div class="r_2"&g…

    Asked by Nicca,

    0 votes
    4 answers

  23. Вставка изображений

    Привет всем!А если я хочу вставить файл JPEG 7-7 из моих документов как это будет выглядеть? Потому что везде пишется про ссылку изображения с сайта .Помогите пожалуйста разобраться...

    Asked by сергей-7,

    0 votes
    4 answers

  24. В?рстка слоями, поможите программеру

    Я вот программер прикладной, заставили сайт написать собственно хотел попросить помощи, потому как столкнулся с некоторыми проблемами. Макет такой (всего 6 ло?в): @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ Не получается без position: absolute сообразить как правый слой между шапками сделать та…

    Asked by StupID,

    0 votes
    4 answers

  25. Microsoft.Net framework

    Подскажите, что такое "Microsoft.Net framework". Что это такое и для чего он нужен?

    Asked by Sunny_Cameroon,

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