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. Очень нужна помощь с Map Area

    Добрый вечер. Подскажите, пожалуйста, я новичёк в этом деле, до конца ещё не разобралась что и как, поэтому прошу помочь у знающих людей. Есть карта изображения: <img src="1.jpg" width="640" height="30" usemap="#Navigation" border=0> <p><map name="Navigation"> <area shape="poly" coords="113,24,211,24,233,0,137,0"> <area shape="poly" coords="210,24,233,0,329,0,307,24"> <area shape="poly" coords="304,24,385,24,407,0,329,0"> <area shape="poly" coords="384,24,449,24,473,0,406,0"> <area shape="poly" coords="449,24,501,24,525,0,473,0"> <area shape="poly" coords="501,24,560,24,583,0,525,0"> <area s…

    Asked by irishka207,

    0 votes
    2 answers

  2. подключить стиль для ie6 через style.css

    ... index.html мы подключаем стиль для ие6 вот так <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="style_ie6.css" /> <![endif]--> Ну это понятно. А есть ли способ подключить тоже самое, но через style.css? (я имею ввиду чтото в духе /* [if IE 6] <link rel="stylesheet" type="text/css" href="style_ie6.css" /> <![endif] */ ) ???

    Asked by cardsmoney,

    0 votes
    2 answers

  3. Joomla и div-ы

    http://domostroenie.by/new/ Firefox и Chrome умнички, нормально отображают div-ы. Opera же сами посмотрите что делает. Мало того, что не выделяет под флешку расстояние, так ещё и правый блок сдвигает вниз. Как победить? Да ещё и с расположение проблемы. Чтобы сделать прижатую к правому краю флешку, и прижатую к ней картинку делаю так <object width="730" height="250" align="right"> <param name="movie" value="media/test.swf"> <embed src="media/test.swf" width="730" height="250" align="right"> </embed> </object> <img src="media/logo-default2.gif" align="right"> Очень нелогично, но действенно. В каком месте я дурак?

    Asked by Valentinych,

    0 votes
    2 answers

  4. Смена IP сайта

    Здравствуйте, подскажите пожалуйста! Пользуюсь виртуальным хостингом на hostmonster.com, мой сайт находится в ТОП-10 по всем запросам связанных с моей тематикой сайта, в гугле и в яндексе. По некоторым причинам мне нужно взять выделенный IP для сайта, скажите пожалуйста, повлияет ли смена IP адреса на выдачу результатов в поисковиках, не упадут ли позиции в выдачи ? Спасибо.

    Asked by Maximus_,

    0 votes
    2 answers

  5. меню уезжает

    Пытался сделать менюшку, вроде получилось, только она почему-то съезжает. http://srv19341.ht-test.ru/index.php .menu ul { list-style:none; } .menu li { width:80px; float:left; position:relative; } .menu li ul { display:none; position:absolute; z-index:1; } .menu li a{ padding:5px; text-decoration:none; color:#CCC; padding:2px; border:1px solid #666; display:block; border-collapse:collapse; } .menu li a:hover { background:#666; } .menu li:hover ul, li.over ul { display: block; } Если честно последний пункт я просто слизал. Что значит li:hover ul, li.over ul ? И почему не работает border-collapse:collapse; ?

    Asked by sh1va,

    0 votes
    2 answers

  6. CSS не могу понять в чем дело

    Есть такая проблема: Сверстан шаблон, в div блоках нахолятся таблицы с дизайном, соответсвенно в каждой ячейке картинка background-image: (url/...) Когда код css находится в <head>...<style>...код css...</style></head> то все нормально отображается, но толко стоит засунуть CSS в файл например style.css то весь дизайн(картинки) пропадает. текстотвые стили, позиционирование блоков отображетеся нормально подключаю файл через <link rel="stylesheet" href="css/style.css" type="text/css">

    Asked by octavian,

    0 votes
    2 answers

  7. Всплывающие подсказки

    Title корректно обрабатывается в теге img только в IE. Опера и Мозилла не выводят всплывающую подсказку. Решение только в переносе title из img в a href?

    Asked by Эдди,

    0 votes
    2 answers

  8. Якорь

    возможно ли к input type="submit" прицепить якорь ?

    Asked by amerov,

    0 votes
    2 answers

  9. Проблема с PaddingОМ

    Внутри DIVа другой DIV, Padding между контентом и внутренним дивом не могу задать "0", вот код: Body, html { padding: 0 ; margin: 0 ; text-align: center ; } #alldiv { width:1000px; min-width:700px; min-height:700px; border-left: thin solid #dddddd ; border-right: thin solid #dddddd ; margin:0 auto; } } #headdiv { background:url(img/01_02.gif) repeat-x; width:900px; height:165px; } #menudiv { float: left ; width: 194px ; line-height: normal ; font-size: 10pt ; font-family: verdana, geneva, sans-serif ; font-weight: bold ; background-color: #ffffff ; padding-right: 40px ; padding-left: 0 ; border: 1px solid black; } …

    Asked by sv12,

    0 votes
    2 answers

  10. Помогите с шаблоном

    Добрый день! Скачал шаблон сайта, начал переделывать его под свой лицей http://fc-talisman.bplsp.com.ua/index1.html , дело в том что хотелось бы чтобы блок новостей, менялся на каждой страничке автоматически при изменении его на одной. каким образом это можно сделать.

    Asked by Eduard1976,

    0 votes
    2 answers

  11. Не получается разместить 4 картинки, так чтоб они размещались по всей ширине каждой ячейки таблицы.

    Не получается разместить 4 картинки, так чтоб они размещались по всей ширине каждой ячейки таблицы. Вот что я пишу: Этот код чисто для таблицы, а не весь файл. <center>Калорийность продуктов. Яйцо и яйцепродукты</center> <table align="center" border=5 bordercolor=breen > <CAPTION align=bottom > Таблица калорийности яйца</CAPTION> <tr bordercolor="#99FF66"> <td width="130px" height="130px" > <img src="kalorii1.jpg" alt="Фото калории" height="130px" width="100%" ></td></a> <td width="130px" height="130px" > <img src="kalorii2.jpg" alt="Фото калории" height="130px" width="100%" ></td>…

    Asked by people2010,

    0 votes
    2 answers

  12. Как центрировать отображение страницы?

    во всех браузерах кроме 8 ишака центральный див прилегает вправо

    Asked by sv12,

    0 votes
    2 answers

  13. список блоков в строку с динамичной шириной ячейки

    div#container{width:700px} div#container .el{float:left} <div id="container"> <div class="el">value</div> <div class="el">value</div> <div class="el">value</div> </div> Есть div#container с width="700" Хочется внутри этого div#container разместить в строку несколько других блоков div.el. Ширина этих блоков должна динамически расчитываться, таким образом чтобы все div.el по сумме ширины занимали все место в родительском div#container. Количество блоков заранее не известно, поэтому прописать ширину для блоков статично нельзя. использование div или p или ul/li не принципиально.

    Asked by amt779,

    0 votes
    2 answers

  14. сделать нежырным ссылку

    как сделать нежырным ссылку? как я понял, через тег а это сделать невозможно http://www.htmlbook.ru/html/a.html через css не предлагать (особенности кода сайта)

    Asked by cwage,

    0 votes
    2 answers

  15. Звук в формате Ogg Vorbis

    Как внедрить на страницу звук в формате Ogg? Пробовал в Опере и IE - никак не реагируют они на этот формат, тишина. Может, дополнительные кодеки надо в систему или в броузер ставить?

    Asked by Pinguin,

    0 votes
    2 answers

  16. Как кинуть хак для IE6?

    Добрый день! В связи с тем, что IE6 не понимает параметров min-width и max-width, хочу подкинуть ему хак, который установит обычный параметр width для слоя. Подскажите пожалуйста, как подкинуть хак только под IE6? P.S. IE7 и IE8 понимают параметры min-width и max-width.

    Asked by alex_tihonko,

    0 votes
    2 answers

  17. таблицы

    У нас есть таблица. В таблице несколько строк. В каждой строке есть ячейка. Как мне в этой ячейке сделать нужный мне фон (картинка). И еще сразу вопросик: как мне поверх ее написать нужный мне текст?

    Asked by sparta,

    0 votes
    2 answers

  18. повтор изображения

    Доброго времени суток. есть такой скрипт css: #services{ padding:20px 0 0 0; text-transform:uppercase; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; } #services img{ margin:0; padding:0; line-height:normal; } #services ul{ display:block; width:960px; margin:0; padding:0; list-style:none; overflow:hidden; } #services li{ display:block; float:left; width:234px; height:210px; margin:0 8px 8px 0; padding:0; overflow:hidden; } #services li.last{ margin-right:0; } #services a strong{ display:none; width:100%; margin:0; padding:15px 0; font-weight:normal; text-align:center; color:#5B5B5B; background-color:#232323; …

    Asked by sh1va,

    0 votes
    2 answers

  19. Таблица, границы

    Интересно можно сделать как тут http://w3cverstka.ru/test.html, но в одной таблице. По ссылке это сделано с помощью нескольких таблиц. В принципе и так не плохо, но захотелось так, тем более много таких таблиц, и унифицировать их хотел. Если ещё кто не понял что нужно =)) - ячейки с цифрами 1231231 и тд, щас в виде отдельных таблиц без границы, а можно ли сделать их в виде ячеек с невидимыми границами в одной большой таблице? border-right: none 0px; border-left: none 0px; если прописать то остаётся внешняя граница таблицы, если её убрать border=0, то неравномерные границы получаются, если отключить border-collapse удваивание, то границы становяться слишком тонкие =)

    Asked by SoFuWa,

    0 votes
    2 answers

  20. Проблема с отображением блока в браузерах, отличных от IE

    Доброго времени суток. В процессе написания кода (сам я совсем-совсем новичок) возникла небольшая проблема. Суть проблемы - есть задумка сделать 2 черных узких блока (высотой во всю страницу), как бы колонны и разместить их слева и справа. Для этого был написан простенький код, который в IE6 работает как часы, но в Опере, Google Chrome, Mozilla Firefox не пашет. Если кто-то сталкивался с этой проблемой и знает её решение - помогите советом, пожалуйста. Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link type="text/css" rel="stylesheet" href="style.css"/> </head> <bod…

    Asked by Mikh.Artem,

    0 votes
    2 answers

  21. Два вложенных дива в ie6

    <!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="ru" lang="ru"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=cp1251" /> <meta http-equiv="Content-Language" content="ru" /> <style type="text/css" media="all"> * {padding:0; margin:0;} #gor1 {border:3px solid green;} #gor2 {border:3px solid red; overflow:auto;} </style> </head> <body> <div id="gor1"> <h1><nobr>Длинный текст заголовка</nobr></h…

    Asked by clavin,

    0 votes
    2 answers

  22. background поверх содержимого дива в ie6

    Добрый день! Вот какая история приключилась: Сначала, когда я закончил верстку, сайт отображался корректно во всех браузерах кроме ie6. В нем фоновый цвет тега <div class='rightcol'> заслонял содержимое тега! Т.е фоновый цвет располагался поверх содержимого. Поэтому на месте правой колонки располагался просто белый прямоугольник. Долго не мог понять, что не так. Стал экспериментировать. Макет в ie6 стал отображаться корректно после того, как я убрал все комментарии вида <!-- --> из кода. На этом я и успокоился , хотя связь комментарием с фоновым цветом мне до сих пор не понятна. Сегодня пошел к заказчику показывать сайт. Заказчик - кафедра, у них понятно…

    Asked by alex_tihonko,

    0 votes
    2 answers

  23. Убрать рамку с одного объекта, при наведении на другой

    Например, на странице http://www.akado.ru/porting/shema_podklyucheniya/ Рассматриваю менюшку слева Почему с li с классом current пропадает рамка при наведении на другой элемент li ?? Вроде это не javascript. Пробовал его отключать - и без него все чудесно работает. FireBug'ом смотрел не нашел Профессионалы, подскажите пожалуйста.

    Asked by warobushek,

    0 votes
    2 answers

  24. переход между страницами

    возможно ли сделать такой интересный переход влево вправо между страницами на хтмл? например как на сайте http://luxedeco.ru/ www.igorpronin.ru если да то как? скиньте примеры кода, скрипты, файлы

    Asked by Deca,

    0 votes
    2 answers

  25. Расположение картинки

    Приветствую и прошу оказать помощь нубу. Собственно почти закончил работу над сайтом, осталось только картинку разместить в одном месте, но никак не получается, уже мозг сломал весь и примеров что-то сложно найти. Короче... Внизу приложил схему где показано куда мне надо картинку разместить, но разместить-то я могу, вот только надо чтобы она ВСЕГДА оставалась там при любом размере окна браузера и отступы были не от края страницы а от блока над которым он находится. И да, не пинайте я только учусь. Заранее спасибо.

    Asked by Diablos,

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