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. Ширина символа табуляции

    Пишу типа веб редактор файлов, и мне не нравится большая ширина символа табуляции, мне оптимально длинной в 4 символа пробела, не могу найти как это сделать + мне принципиально важно чтобы это был символ табуляции \t а не 4 пробела. Подскажите как можно задать его ширину? p.s. всякие замены на span с заданием стилей похожих на такой символ не пропрет, т.к. это пишется в textarea поле, хотя кто знает, бывают разные извращения решения проблем. зарание благодарю

    Asked by nbid,

    0 votes
    2 answers

  2. Работа с макетами

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

    Asked by Antoxa,

    0 votes
    23 answers

  3. Абсолютное позиционирование div в ячейке

    Добрый вечер! Подскажите пожалуйста как правильно позиционировать div относительно границ родительской ячейки!

    Asked by Prokopov Nikolai,

    0 votes
    11 answers

  4. Не работает смена цвета рамки в IE6

    Не работает смена цвета рамки при наведении в IE6. Во всех остальных - IE7 в том числе - все пучком, а 6-ой - хоть ты тресни - просто не реагирует на наведение #content div.pupils{padding:21px 0 0 36px;} #content div.pupils a img.pup_main {border:solid 1px #f48000;margin:0 10px 10px 0;} #content div.pupils a img.pup_main:hover{border:solid 1px #fcd5a4;} Помогите пож!

    Asked by maerrry,

    0 votes
    13 answers

  5. заголовок перекрывает уголок

    Есть HTML кусок: <div class="box"> <div><div><!--уголки--> <h3>какой-то заголовок</h3> <ul> <li><strong>раз</strong></li> <li><a href="#">два</a></li> <li><a href="#">три</a></li> <li><a href="#">четыре</a></li> </ul> </div></div><!--/углы--> </div><!--/box--> и CSS: .box { border: 1px solid #ddd; border-right: 0; position: relative; margin-top: 10px } .box h3 { padding: 4px 15px; font-size: 1.5e…

    Asked by Yahoo!,

    0 votes
    10 answers

  6. Не получается таблица.

    Это моя первая таблица. Хочу сделать вот такую таблицу, которая будет "начинена" изображениями: Вот так она должна объединяться: http://i706.photobucket.com/albums/ww68/szr4/tb.gif <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" LANG="ru" XML:LANG="ru" > <HEAD> </HEAD> <TABLE BORDER='1'> <TR> <TD WIDTH='48'></TD> <TD WIDTH='210'></TD> <TD WIDTH='22'></TD> <TD WIDTH='22'></TD> <TD WIDTH='210'></TD> <TD WIDTH='48'>…

    Asked by SCHNITZER,

    0 votes
    21 answers

  7. Вывод результата поиска в фрейм

    Доброго всем времени суток. Занимаюсь созданием информационной системы и появилась необходимость организовать в ней поиск. В общем то с поиском справился, а вот с выводами результатов поиска справится никак не получается. win = document.open(document.location,document.title,""); Как прописать конструкцию что бы вывод результатов был в фрейм, а не в всплывающее окно? Пробовал top.frames, self.top.frames, location и много других вариантов - не дают результата. Строка поиска находится в одном фрейме, а вывод результата поисков требуется в другом. <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css"/> <…

    Asked by mexkb,

    0 votes
    9 answers

  8. select

    1) как убрать вертикальную полосу прокрутку в select? пробовал задать overflow:hidden и overflow-y:hidden, не помогло <select name="s" size="10"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> 2) как центрировать содержимое option относительно контейнера (select). пробовал select{text-align:center;} и option{text-align:center;}

    Asked by html,

    0 votes
    6 answers

  9. Див под дивом . Как автоматизировать ?

    Всем привет !!! )) Значит делаю дивы блоками один за другим по правой стороне Вот код css А теперь вопрос. 1.Мне никак не подогнать правую сторону в IE . Чтобы они красиво были выравнены по правой стороне. пришлось выставить параметр left -212.... но это ведь колхоз должна же быть автоматизация.?? 2. То же самое как понять воторому блоку где конец первого ?? чтобы он шел сразу за ним например или с отступом на 10 мм ниже. Мне пришлось выставить значение top 540. Но ведь длина блока у меня разная . И соответственно 540 только для данного случая..а при другом тексте не прокатит... Есть автоматизация.???

    Asked by dima4321,

    0 votes
    6 answers

  10. Проблема с position: absolute IE6

    Народ всем привет, возникла очередная проблема в ИЕ6, раньше с ней не сталкивался, вот тут исходник http://shinoda.ru/bug_fix/verstka/main.htm Если посмотреть в ИЕ6 то блоки #menu_item№_area почему то имеют начало координат будто внутри блока #girl_area но на самом деле это не так если посмотрите по коду они находятся в #content_obertka, и у всех #menu_item№_area стоит позишн абсолют, а у род блока (#content_obertka) как и положено позишно релатив, так почему ИЕ6 отсчитывает от блока girl_area, если идеи?

    Asked by TonKhaO,

    0 votes
    6 answers

  11. Select HELP!

    Просьба сильно не пинать, т.к еще совсем новичек Необходимо, чтобы при выборе "Другой" появлялись два окна для ввода значений высоты и ширины Есть : <select name="select1" onclick="selectValue(this.form)"> <option value="90x50">90 х 50 мм</option> <option value="other">Другой</option> </select> <span id="_format_other_child">→ <input type="text" size="10" name="format_other_opt1" class="short" /> x <input type="text" size="10" name="format_other_opt2" class="short" /> мм</span> Методом долгих поисков по отрывкам, путем мутаций кодов родил: <script type="text/javascript"> function sele…

    Asked by Dimentiy77,

    0 votes
    8 answers

  12. Проблемы одинакового отображения в ИЕ6 на разных системах

    Просвятите, пожалуйста, в таком вопросе... Переносил сайт между компами, на которых стоит ie6. Не могу понять почему сайт на них по разному отображается в ie6. Разница отображения незначительна, но некоторые детали дизайна разъезжаются. На обоих компах win xp sp2. Подогнав все на одном компе, едет на втором и наоборот. Другой вопрос. Скажите, как вы тестируете кроссбраузерность? Можно конечно поставить 5-7 браузеров на комп, но не каждые ведь несколько предыдущих версий каждого(или я заблуждаюсь). А ie так вообще, насколько знаю, рядом с другим ie не поставишь. Нашел пару онлайн сервисов, но они онлайн, а хотелось бы на localhost по возможности. Также поставил IETester, в…

    Asked by denn,

    0 votes
    2 answers

  13. убрать бекграунд из под текста

    Не знаю возможно ли это, вобщем есть текст. Под ним стоит бекраунд. Надо чтобы под текстом его не было! Причем текст разной длины, текста довольно много и поэтому вручную делать не выгодно.

    Asked by GooDMeister,

    0 votes
    25 answers

  14. Ищу скрипт фотогалереи

    Ищу скрипт фотогалереи Скрипт должен быть максимально простым, без всяких наворотов.

    Asked by ask1503,

    0 votes
    1 answer

  15. Прибить блок в угол

    Здравсвуйте. Не могу придумать как сделать следующее: Т.е. родительский блок. Ширина и высота фиксированная. В этом блоке может находиться произвольно количество текста начиная от 4 символов. Есть второй блок, в правом нижнем углу. Он всегда должен быть в правом нижнем углу и текст должен обтекать его сверху и снизу. Второй день думаю как сделать. Помогите пожалуйста.

    Asked by COOLer5,

    0 votes
    13 answers

  16. косяк в ie6 с background-image для body и ul списком

    ребята помогите такая проблема: вставил бекграундом в правый нижний угол картинку в теге html в css html {background: url("../images/trava.gif") right bottom no-repeat; height: 100%;} на странице код такой: <body> <div align="center" style="background-image: url('templates/5790default/images/header.gif'); background-repeat: repeat-x;"><!-- /Заголовок --> <div id="logo_head" align="center"> </div> </div> <div style="float: left; margin-top: -50px;"> <img src="images/stories/produkt/flonders.gif" border="0" width="355" height="390" /> <!-- /цветочки --> </div> <div style="float: right; width: 64%;"&…

    Asked by ppopik,

    0 votes
    1 answer

  17. менюха скачет

    проблема в том что скачут элементы меню, прекрасно это видно если по очереди нажимать "Продукция" и "Почему мы?". в коде вроде ничего левого нету, но класс menu_on почему-то не наследует неуказанных мной свойств родителя <a>. вот CSS: a.menu{text-decoration:none; color:#ff6414;} a.menu_on{text-decoration:none; color:#14cb06; padding-left:40px;} a.menu:visited{color:#ff6414;} a.menu:hover{text-decoration:none;color:#14cb06;} вот XHTML 1.0: <div id="navigation"> <a href="index.html" class="menu_on">Главная</a> <a href="products.html" class="menu">Продукция</a> <a href="why.html" class="menu">Почему мы?</a> <a href=…

    Asked by Kos87,

    0 votes
    11 answers

  18. Вопрос по таблице

    Мне нужно так сделать таблицу, чтобы обьекты в таблице распологались равномерно.. как бы.. вот так: сложно обьяснить.. таблица должна растягиватся по ширине блока(который зависит от разрешения экрана) и делится на 4 одинаковые части, в которых по центру будут располагатся картинки.

    Asked by Rasie1,

    0 votes
    2 answers

  19. я понимаю что достал

    Вот есть такой код <table style="text-align: left; width: 100%; height: 455px;" border="0" cellpadding="1" cellspacing="1"> <tbody> <tr> <td id="menu1"align="center" valign="top" <a href="index.php?categoryID=2" class="cat">автонавигаторы</a> <font class="olive">(15)</font> <ul> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> <li><a href=#</a></li> </ul> </div> </td> <td id="menu2" align="center" valign="top"<a hr…

    Asked by ppvkomi,

    0 votes
    24 answers

  20. Ограничение размера

    Люди. Помогите. Можно ли как-нибудь ограничить размер картинки? Если картинка, например, 200 пикселей, то она сократится до, например, 120 пикселей, а если 60, то она и останется 60? Так возможно?

    Asked by Rasie1,

    0 votes
    5 answers

  21. имитация таблицы

    возникла необходимость полной имитации свойств таблицы посредством списка. возможно ли? возникла задача отобразить списки по горизонтали так, чтобы элементы списка (li) в зависимости от их содержимого полностью заполняли ширину контейнера (ul).

    Asked by html,

    0 votes
    10 answers

  22. В диве в блоке не задать подсветку сылки.

    Всем привет Вот код <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html><head><title>Вася</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> a:link { color: blue; } a:visited { color: blue; } A { text-decoration: none; /* Убираем подчеркивание у ссылок */ } td { font-size:11pt;font-family:"Verdana";font-style:normal;font-weight:bold;} .block1 { width: 200px; background: #fc0; padding: 5px; border: solid 1px black; font-size: 12px ; font-family: Verdana; font-style:normal; font-weight:bold; text-de…

    Asked by dima4321,

    0 votes
    7 answers

  23. txt link hover и img link hover

    Помогите настроить CSS. Есть кусок: a:link { color: black; } a:hover { background-color: black; text-decoration: none; color: white; } img, img:hover { background-color: transparent; padding: 0px; text-decoration: none; } <a href="#">TEXT</a> <a href="#"><img src="#"></a> Проблема такая. У ссылочных картинок появляется левая толстая палочка снизу, от которой не избавиться А как избавиться?

    Asked by XTerm,

    0 votes
    3 answers

  24. допустимые символы в якорях href="#Слово" и id="Слово"

    Вздумалось сделать видимым в адресной строке длинной страницы _ttp://site.ru/file.html#Название-Главы <!-- именно русскими буквами --> Не во всех браузерах это работает. Какие могут быть варианты использования русских букв? Например кто-то оставляет ссылку, в FF при наведении курсора в строке состояния видно русские слова. Поисковики понимают %D0%A4%D0%BE%D1%80%D1%83%D0%BC как слово. А что (не только из вышеупомянутого) в навигации по сайту понимают все браузеры?

    Asked by злец,

    0 votes
    3 answers

  25. Ошибка: syntax error в !DOCTYPE html PUBLIC...

    FF в консоли ошибок выдает следующее В чем может быть проблема?

    Asked by 3ABAPKA,

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