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. ссылки в Opera

    Имеется следующий код: #content #transport { background: #C5C5C5; font-size: smaller; padding: 5px 0 7px 167px; list-style-type: none; margin-right: 50px; } #content #transport li { display: inline; margin-right: 1em; } #content #transport li a { color: #484848; position: relative; } <ul id="transport"> <li><a href="./index.php?id=23">Грузового и спец. автотранспорта</a></li> <li><a href="./index.php?id=24">Автобусов</a></li> <li><a href="./index.php?id=25">Легкового автотранспорта</a></li> <li><a href="./index.php?id=26">Пассажиров</a></li> </ul>…

    Asked by rash,

    0 votes
    9 answers

  2. Кнопка Сделать Стартовой

    Подскажите пожалуйста какой адрес надо написать для кнопки чтоб при нажатии на нее моя страница делалась стартовой.

    Asked by Victor Ananiev,

    0 votes
    9 answers

  3. Тег link, параметр media (=all, screen), для чего он?

    ...

    Asked by Stanislaus,

    0 votes
    3 answers

  4. Резиновый сайт

    Вот у меня вопрос: является ли такой способ верстки хорошим, удобным? Как с помощью него сделать "резиновый сайт" чтоб он растягивался вдлину по мере поступления например новостей? Как лучше резать дизайн?? просветите плиз...

    Asked by ZiZA,

    0 votes
    12 answers

  5. Word, Excel to HTML

    Очень часто на работе встречаются "наинтереснейщие" задачи по выкладки материала на сайт. К примеру имеется вордовский файл, набитый таблицами, его нужно перевести в HTML, при этом убрать весь вордовский мусор и т.д. Обычно пользовался такой схемой(так, как на программы типа "Word 2 HTML" положиться нельзя): 1) Копи 2) Паст в Outlook Express (меняю кодировку, формат) 3) Далее в Дримвивер и дальнейшие действия по чистке кода. Наверняка каждый сталкивался с подобными задачами, какой способ (наиболее рациональный) вы можете предложить? :/ Заранее благодарен.

    Asked by color,

    0 votes
    6 answers

  6. Идентификаторы в контекстных селекторах

    Доброго времени суток! Данное определение стиля не работает <!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="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> #list1 ul li { list-style:none; } </style> </head> <body> <ul id="list1"> <li>1</li> <li>2</li> <li>3</li> </ul> </body> </html> А если указать <style type="text/css"> ul#list1 li …

    Asked by Darkside,

    0 votes
    5 answers

  7. стили для четных/нечетных строк

    следующий код нормально отображается мозилой: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> TR[class=even] TD { background: #FF99FF} TR[class=odd] TD{ border: 4px solid #FFCCFF;} </style> </head> <body> <table cellspacing="3"> <tr class="odd"> <td>Нефть</td> <td>43</td> <td>51</td> <td>79</td> </tr> <tr class="even"> <td>Золото</td> <td>29</td> <td>34</td> <td>48</td> </tr> <tr class="odd">…

    Asked by jump,

    0 votes
    12 answers

  8. ячейка не заполняется полность

    начал верстать шаблон в таблице, все вроде бы нормально, вставляю контент таблица рвется, вот http://vita-anapa.ru/valuta.html как сделать что было вот так http://vita-anapa.ru/ даже с контентом

    Asked by sc@r@bey,

    0 votes
    7 answers

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

    08.04.2007 Группа ГУАХО срочно разыскивает грамотного ударника. Владение карданом ОБЯЗАТЕЛЬНО!!! с вопросами и предложениями обращаться в асю 441-207-205 или по мылу guaho@darkmail.ru

    Asked by IceBeerG,

    0 votes
    11 answers

  10. Текст и таблицы

    Столкнулся с проблемой. Что я ни делаю с таблицей все равно текст внутри нее норовит таблицу раздвинуть. А в мозилле при увеличении размера шрифта средствами браузера вообще все едет, несмотря на то что шрифт задан абсолютным значением.

    Asked by toxic-mt,

    0 votes
    3 answers

  11. Почему в IE третий блок получаеться снизу!?

    Почему в IE третий блок получаеться снизу!? Не могу понять что являеться причиной! Трехпиксельный баг IE- 6ого? - Да я б не сказал, потому что один процент равен 10 пикселям, а так как один процент я оставил свободным, то получаеться, что по-любому в запасе остается еще один пиксель даже если баг имеет место! Что же здесь его не устраивает? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Test</title> <style type ="text/CSS"> * {margin: 0; padding: 0; border:0 } body {background-color:#00222a;} .leftDiv{margin:0 0 0 3%;}…

    Asked by WEB_bobby,

    0 votes
    10 answers

  12. фон на всю ширину div

    можно ли в css для div'a задать фоновое изображение так чтоб оно растягивалось на ширину div'a? и еще вопрос, можно ли в css полностью описать и задать положение рисунка(img), чтоб в html странице о нем не упоминалось? как поступить если вверху страници должен распологаться рисунок на всю ширину, но это должно быть сделано с помошью css("...Don't use images in code...")? {...отредактировано kiD}

    Asked by T0xA,

    0 votes
    5 answers

  13. Стили, контент с прокруткой в рамке

    Во-первых, Большое Спасибо за статьи на этом ресурсе! То, что мне сейчас нужно, очень похоже на "Двухколонный макет с навигацией слева" но, к сожалению, я не очень понимаю как сделать чтобы контент справа в рамке, *не* добавлял ко всей странице вертикальной прокрутки даже если он не умещаяется по высоте страницы. Прокрутка должна быть у самого бокса, в котором контент. Это можно сделать без фреймов? Подозреваю что вопрос примитивный, но вс? равно надеюсь на помощь

    Asked by Enemy,

    0 votes
    2 answers

  14. не удаляется рамка в ссылке-картинке

    Никак не могу удалить рамку вокруг ссылки-картинки в IE (у меня версия 6) Это код html: <a target='_self' href='index.php'> <img class='face' src='images/face/02.jpg' width='220' height='30'> </a> А это строки в CSS: a img {border: none;} image.face{padding:0; margin:0; border-width:0px; border-color:#006600; border-style:solid; align:center; vertical-align:middle;} Не работают и такие варианты: <a target='_self' href='index.php'> <img src='images/face/02.jpg' width='220' height='30'> </a> <a target='_self' href='index.php'> <img border='0' src='images/face/02.jpg' width='220' height='30'> </a> Никак не пойму, в ч…

    Asked by begin,

    0 votes
    13 answers

  15. Расположение блоков

    Есть блок ширина которого неизвестна(с id=pageMenu). В этот блок помещается ещ? n-е количество блоков с сылками. Надо чтобы все эти n блоков полностью заняли объ?м блока с id=pageMenu Код: #pageMenu{ margin: 0px auto; position: relative; height: 15px; display: block; text-align: center; border: 1px solid red; } #pageMenu .menu{ margin: 0px auto; background: white; display: block; float: left; cursor: hand; width: 25%; text-decoration: none; border: 1px solid red; } При такой записи я взял n=4 при этом если дописать /*border: 1px solid red;*/ что я и сделал , то 4-й блок переносится на другую строку, чего я не хочу.. Вобщем, надо чтобы все эти n блоков …

    Asked by Lazar,

    0 votes
    5 answers

  16. Печать HTML

    Помогите, пожалуйста!!! Как с помощью css сделать колонтитул при печати html???

    Asked by vasyliska,

    0 votes
    2 answers

  17. проблема с написанием русских букв

    Уважаемы программисты. Преветствую вас! Вобщем появилась одна жутко геморойная проблемка. Внедряем флешку на сайт и вроде все в порядке, а вот русские буквы не пишет. Отсюда делаю вывод что проблема не во флеш. таже самая флешка, но отдельно на страничке работает превосходно. Пробуем кодировки менять, все равно не получается. win-1251 все равно не работает UTF-8 не помогает koi-8 таже ерунда. Помогите пожалуйста!!!! Как решить проблему??? вот ссылки http://oprosnik.nppgks.com/opros.html - это где не работает http://oprosnik.nppgks.com/index.html - это где все хорошо Только не спрашивайте зачем на флеше програмку писал. Просто на другом не могу и не знаю как.

    Asked by 4elovek,

    0 votes
    4 answers

  18. no-repeat - отмена размножения фоновой картинки

    Перепробовал вс?, но так и не вспомнил как это делается ((( срочно нужно узнать! Помогите плс! Возьмем ячейку таблицы : Что нужно в нее забить чтобы гр?баный бэкграунд нарисовался в единичном виде, а не размножался вправо и вниз?... {...отредактировано kiD}

    Asked by Maik,

    0 votes
    3 answers

  19. FORM - передача параметров на e-mail

    Хочу сделать у себя на сайте форму состоящую из тр?х полей. Чтобы информация занес?нная в эти поля попадала мне на E-mail. Подскажите, как сделать? Буду признателен. Сайт на народе.

    Asked by CRANK,

    0 votes
    22 answers

  20. Как сделать таблицу с закругл?нными концами?

    Хочу сделать таблицу с закругл?нными концами. Но у меня получается отступ. Как его убрать? Вот код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #content { padding: 0px; } </style> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="10" width="10"><img src="images/01.gif" width="10" height="10"></td> <td></td> <td height="10" width="10"><img src="images/02.gif" width="10" height="10"></td> </tr> <tr> <td></td> <td id="content"&gt…

    Asked by CRANK,

    0 votes
    1 answer

  21. Есть окно, как можно зделать что курсор автоматом был в нем

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

    Asked by hoot,

    0 votes
    16 answers

  22. Align:center

    Есть две строчки текста, которые нужно упорядочить по центру. На второй строчке еще есть маленький рисунок ( счетчик), так из-за этого рисунка вторая строчка распологается не по центру а сдвигается вправо на ширину рисунка. Saint-Petersburg, Kouvola target=_blank> alt="" width=88 height=15 border=0 align="left"> 2007 .niz { clear: both; width: 100%; text-align: center; font-size: 16px; background-image: url(gif/niz.gif); } Если я правильно понимаю, то получается что вторая строчка центрируется не относительной все ширины, а (вся ширина - ширина рисунка) Как это убрать? Заранее спасибо... Сорри если вопрос тупой..

    Asked by cavkie,

    0 votes
    11 answers

  23. свойство 'right': IE и FF

    есть такая разметка страницы <html> <head> <style type="text/css"> body { background-color: #FFFFFF; } #header_div, #links_div { position: absolute; display: block; } #header_div { font-family: Helvetica; color: #990000; font-size: 18pt; height: 80px; right: 10px; left: 10px; top: 10px; } #links_div { left: 10px; right: 10px; top: 100px; text-align: right; background-color: #FFE0E5; } #menu_div, #main_div, #right_div { position: absolute; display: inline-block; } #body_div { display: block; position: absolute; top: 150px; left: 10px; right: 10px; } #menu_div { width: 200px; left: 0px; top: 0px; position: relative; } #…

    Asked by knell,

    0 votes
    6 answers

  24. Кто-нибудь знает как побороть svg?

    Сложность в том, что имеется svg объект, убрала из его кода ширину и высоту, теперь нужно расчитать правильно высоту и ширину в em-ах, дабы все это выглядело красиво. В css описываю параметры соответствующие, но выходит, что с некоторых сторон появляется рамка. Кто-нибудь может мне сказать как пиксели перевести в em???? (или это вообще фигня какая-то...В общем помогите, как быть не знаю!)

    Asked by Nomo,

    0 votes
    9 answers

  25. Select

    Возникла небольшая проблема. Есть формочка, в ней селект шириной 100% на всю ширину таблицы. Проблема в том, что если в списке элемент шириной больше чем ширина таблицы - в опере выпадающий список отображается на всю ширину. В IE обрезается. Как можно сделать чтобы список расширялся на всю ширину максимального элемента, не меняя ширину самого select'а?

    Asked by Let(c)hik,

    0 votes
    1 answer

  • Обсуждения

    • 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