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-блок по центру монитора

    div { position: absolute; width: 1000 } <div> </div> для мониторов с маленкьим разрешением всё содержимоей страницы запаковано в тот блок. а если страницу откроет человек, у которого разрешение 1500 по вертикали, то блок будет с правой стороны страницы. как сделать "плавающий блок", чтобы он всегда был по центру окна?

    Asked by Guest Гость_Rilo_*,

    0 votes
    4 answers

  2. Вопрос С Гуру

    Вопрос к гуру. Существует ли решение? Нужно выровнять весь блок по горизонтали. <div> <div style="float: left;">1</div> <div style="float: left;">2</div> <div style="float: left;">3</div> <div style="float: left;">4</div> <div style="float: left;">5</div> <div style="float: left;">6</div> <div style="float: left;">7</div> <div style="float: left;">8</div> </div>

    Asked by FXIX,

    0 votes
    4 answers

  3. Подскажите Как Поменять Настройки Чтобы Читался Шрифт

    Я скачал робот сайта. Хочу подставить свой текс. А у меня только абра кадабра. Как сделать чтоб был он по русски где что поменять. * { margin: 0; padding: 0; } body { margin: 0; padding: 0; background: #E7EFF8; font: 11px/17px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #214978; text-align: center; } h1 { padding: 45px 0 0 25px; font: 26px Arial, Verdana, Geneva, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h2 { padding: 0 0 0 25px; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #89B0E0; } h3 { width: 250px; height: 30px; font: bold 12px/30px Arial, Helvetica, sans-se…

    Asked by Игорь Виленский,

    0 votes
    4 answers

  4. В Ie Список Сползает

    Ух уже не знаю что и сделать. Приведенный пример для ИЕ, использовать нужно именно список, ширина на 5 пунктов 865 пкс. <div id="port_menu"> <ul> <li><a href="#" title="">Логотипы</a> </li> <li><a href="#" title="">Брэндбуки</a> </li> <li><a href="#" title="">Фирменный стиль</a> </li> <li><a href="#" title="">POS материалы</a> </li> <li><a href="#" title="">Прочий дизайн</a> </li> <ul> </div> #port_menu{ position:relative; top:0px; width:865px; height:17px; background:#FFffFF; margin-left:0px; } #port_men…

    Asked by The1stPresident,

    0 votes
    4 answers

  5. Проблемы С Передачей Данных В Html Коде Через Кнопку Submit

    Уважемые профи и юзеры, помогите плиз бьсь сегодня целый день. такая проблема. есть html файл шаблона. на нем форма. короче там все сдеално с помошью smarty. На форме есть кнопка Отправить ну короче submit. я хочу сделать чтобы это была не кнопка, а выбраная мною картинка. получается. но когда я давлю на кнопку странка просто обновляется и самого submit не произходит. в чем может быть проблема??? подскажите плиззз...

    Asked by Guest Гость_Денис_*,

    0 votes
    4 answers

  6. Ie6 + Xp

    Делаю сайт. В написание кода не силен, делаю по образу и подобию . У меня на сайте появилась страница http://www.aquapage.ru/eretmodus_cyanostictus.html причем одна (остальные отображаются нормально) у которой под меню пропуск текста на пол страницы. И именно в таком соотношении IE6 + XP, в Opera и IE7 отображается нормально. Код у нее такой же как и у остальных страниц (я отличий не нашел) в чем может быть проблема? Подскажите, кто знает. Желательно не переписывать CSS, а исправить ручками на странице. Спасибо.

    Asked by aquapage,

    0 votes
    4 answers

  7. Интернет Эксплорер Не Слушаеться

    У меня следующая проблема: Мне нужно сверстать таблицу,вот такую : но меня мучает одна проблема,видите наверху слева где.бекраундом вставлена картинка,а таблица в Интернете Эксплорере нехочет,чтобы эта картинка прижималась к верхнему бортику и в результате получаеться ОТСТУП,который я Просто не в состоянии убрать.чё тока я уже не пробовал...Помогите пожалуйста решить проблему,вот например в Мазиле всё Отлично,нету никаких отступов,а проблема именно в ИЕ Вот код : <!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> <meta http-equiv=…

    Asked by psywalker,

    0 votes
    4 answers

  8. Расстягивание Бэкграунда По Вертикали

    На странице есть бэкграунд, который задается при помощи следующего тега: <body id="background" background="/images/some_background.png" style="background-repeat : repeat-x;"> Как видно из кода, это имэйдж, который просто повторяется по оси Х. Внимание вопрос: возможно ли сделать так, чтобы сам бэкграунд расстягивался по центру по вертикали относительно котента, т.е. так, чтобы при любой высоте страницы верхняя и нижняя части бэкграунда всегда оставались на своих местах, а расстягивалась только середина самого имэйджа? Если же нет человеческого выхода из ситуации подскажите плз, как лучше всего сделать, чтобы получился данный эффект Заранее спасибо за ответ.

    Asked by DImaN,

    0 votes
    4 answers

  9. Изменить Вид Курсора Во Время Загрузки Скрипта

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

    Asked by Verter,

    0 votes
    4 answers

  10. comments-popup.php в Wordpress

    Я только могу предположить, что нужен для формирования всплывающих комментариев - сужу из названия. Для чего конкретно он нужен и когда именно он используется?

    Asked by Slyfox,

    0 votes
    4 answers

  11. Формы не слушаюсться

    У меня следуюая проблема: У меня есть таблица Шириной: 193px, Длиной: 337px, моя задача разместить там следующие формы: Я сделал таблицу,а в ней 7 строчек.для каждой формы,но Проблема в ттом,что в Интернете Эксплорере Эти формы не хотят прилегать к друг-другу,тоесть всякие padding и margin ваще не действуют,тока слева.а МНЕ НАДА,чтобы сверху например 4-ая форма прилегала в плотную к 3-ей,в Файрфоксе получаеться,а в Ин-те Эксплорере НЕТ..Видите на картинке из-за этого даже таблица растягиваеться вниз и появляеться бекраунд снова.. а вот мой код: <table valign=top border=1 width="193" height="337" cellpadding="0" cellspacing="0"> <tr><td style="background-im…

    Asked by Guest Гость_Psywalker_*,

    0 votes
    4 answers

  12. Картинки в таблицах - загружаются, но не всегда

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

    Asked by Accessdenied,

    0 votes
    4 answers

  13. Привязка

    Здравствуйте! Подскажите пожалуйста, как сделать привязку поля текста к картинке. Когда я выравниваю картинку по центру, Textarea остается на месте, а выровнять её по центру нельзя, т.к. она находиттся левее центра. Заранее благодарен. Вот сайт, если понадобится: www.unoforte.narod.ru

    Asked by Liric,

    0 votes
    4 answers

  14. IE :(

    Подскажите пожалуйста, как исправить такую проблему, в браузере IE между логотипом и полем поиска почему-то появляется отступ большой, а в остальных браузерах (Опера, Мозила) все нормально. Вот такая вот проблема... Вот сайт: http://www.test.ukrworld.net/

    Asked by Ark,

    0 votes
    4 answers

  15. overflow в Firefox

    Я делаю список вида: <div id="container"> <div class="divitem">item1</div> <div class="divitem">item2</div> <div class="divitem">item3</div> <div class="divitem">item4</div> <div class="divitem">item5</div> <div class="divitem">item6</div> </div> Затем делаю его ограниченным в размерах и скроллируемым только по вертикали: #container { height:80px; border:1px solid; width:100px; overflow-x:visible; overflow-y:auto; } Проблема: С помощью JQuery пытаюсь реализовать Drag элементов списка и вот что получаю в Firefox и IE6/7: В Firefox #container …

    Asked by White Patcher,

    0 votes
    4 answers

  16. IE vs FF

    На этом сайте высоту левой и правой колонки IE отображает не так как FF и Opera. Почему? А написанно так: <td valign="top" width="130" height="440" ><!--//левые обновления-->

    Asked by Bolmazov,

    0 votes
    4 answers

  17. Параметры onClick, onMouse в тегах TR, INPUT

    Добрый день. Вопрос в следующем: как правильно нужно указывать параметры onClick, onMouse и им подобные внутри тегов <a>, <input> чтобы данные строки были валидны согласно синтаксису XHTML? Спасибо за помощь

    Asked by DImaN,

    0 votes
    4 answers

  18. как: фотки-ссылки были обведены рамкой

    хотел сделать на своей хтмл страничке что бы фотки-ссылки были обведены рамкой и рамка меняла цвет при наведении мыши. нашел сайт где так сделано. там был в теге <head> такой код: <STYLE TYPE="text/css"> <!-- a:hover { color: #0000CC} A .aimage{border: 1px solid; border-color: #000000} A:hover .aimage{border: #FFFFFF 1px solid} --> </STYLE> добавил я это код в <head> на своею страничку. в фаерфоксе2 - заработало, а больше нигде. однко та страничка откуда я брал код все делает как надо и во всех броузерах! как такое может быть ? ну не копипейстилка же потеряла код... подскажите где ошибка ?

    Asked by pribl,

    0 votes
    4 answers

  19. Ширина в safari и chrome

    столкнулся с такой проблемой, мает сайта построен на таблицах, ширина центрального блока 100% левый и праывй фиксированны, во всех браузерах кроме safaari и нового chrome отбражается нормально, а в них не растягивается на весь экран, как можно решить эту проблему, подскажите)

    Asked by Guest Гость_Andrey_*,

    0 votes
    4 answers

  20. Пропадает background div элемента в ie 6.0

    Всем привет Пропадает background div элемента в ie 6.0, уже не знаю что делать. Причем back не png файл, а обыкновенный jpg. В Firefox и ie 7.0 все нормально показывается. Может подскажите в чем дело? Сайт находится по адресу http://apex.fram.com.ua/test/ на главной странице под словом акции должен быть back.

    Asked by Djeki,

    0 votes
    4 answers

  21. Ссылки

    Почему то в Опере под ресунками при нажатии на него появляеться полоска. Где я допустил ошибку? А в ИЕ ссылки с ресунков принимают стиль ссылок списка. Подскажите пожалуйста как это исправить. Заранее спасибо за ответы. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title> </title> <style type="text/css"> <!-- body { background: #cff; margin: 0; padding: 0; } #list { float: left; width: 200px; background: #f36; } #content { margin-left: 230px; background: #f0c; } #container #list ul { margin: 0; padding: 0; } #container #list …

    Asked by Elusive,

    0 votes
    4 answers

  22. рамка вокруг изображения

    Здравствуйте! С целью облечь фотки на сайте в рамку,прописал в CSS таким образом a:hover img { border: 5px inset #ccffff; } a:link img { border: 5px ridge #663333;} но дело в том,что в IE если не указываю цвет в a:link ,то начальная рамка выходит черная, но цвет меняет...а в мозилле выходит такая,какая задана, и меняет цвет тоже. чтобы в IE начальная рамка тоже была нужного цвета,приходится его задавать, но в этом случае в мозилле цвет не меняется... можно ли как-нибудь искоренить проблему?Спасибо!

    Asked by masterok,

    0 votes
    4 answers

  23. Postition absolute IE6 для em

    Есть такая конструкция <div class="ml-div"> <a href="http://joos_rc1.ru/" title="Главная" class="mainlevel-1" > <em>Главная</em> </a></div> Для нее CSS a.mainlevel-1 { display:block; width:81px; height:22px; margin:0 auto; padding-top:89px; text-align:center; color:#9f1200; position:relative; background:url(../images/topmenu_1.png) center top no-repeat;} a.mainlevel-1 em { font-style:normal; position:absolute; display:block; width:140px; height:18px; left:-30px; text-decoration: none; } a.mainlevel-1:hover em { font-style:normal; background:url(../images/topmenu_hover.png) center top no-repeat;} Во всех браузерах н…

    Asked by PaLyCH,

    0 votes
    4 answers

  24. Подскажите, пожалуйста

    Подскажите, пожалуйста, возможно ли при помощи стилевого псевдоэлемента first-letter или какого-либо другого элемента в словаре (не разбивая словарь на страницы) для каждого абзаца, начинающегося на букву «а» задавать цвет первой буквы, например «красный», а для каждого абзаца начинающегося на букву «б» задавать цвет первой буквы, например «синий» и т.д. Или это возможно только сделать, задавая цвет для каждой первой буквы в отдельности.

    Asked by Guest школьник,

    0 votes
    4 answers

  25. Аналог CSS атрибута align

    Здравствуйте. Есть блок с картинкой и текстом. <div class="primer"> <img src="1.gif align="left"> <p> text text text text text </p> </div> Как в стиле для блока заменить через CSS параметр align=left?

    Asked by bad request,

    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