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. Не получается таблица.

    Это моя первая таблица. Хочу сделать вот такую таблицу, которая будет "начинена" изображениями: Вот так она должна объединяться: 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

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

    Есть 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

  3. Не работает смена цвета рамки в 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

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

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

    Asked by Prokopov Nikolai,

    0 votes
    11 answers

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

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

    Asked by Antoxa,

    0 votes
    23 answers

  6. Ширина символа табуляции

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

    Asked by nbid,

    0 votes
    2 answers

  7. Не работают ALTы

    Прошу помочь разобраться. На сайте _http://www.technolog.cz/broziat-cz/ почему-то не работают теги ALT. Ко всем картинкам прописаны ALTы но при наведении мышкой на картинку не показываются.

    Asked by Vivaldis,

    0 votes
    3 answers

  8. Кроссбраузерность

    Есть HTML уже сверстанный, FireFox Opera отображают нормально. В ИЕ уезжают блоки. Нужно немного подправить, буквально 2 элемента. Кто можем помочь?

    Asked by kirhost.com,

    0 votes
    1 answer

  9. Присвоить значение для Checkbox

    есть такой калькулятор) <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="text/css"> <!-- body { font-family:Arial, Helvetica, sans-serif; font-size:11px; } div { color:#CCCCCC; font-size:11px; font-family:Georgia, "Times New Roman", Times, serif; } a:hover, a{ color:#CCCCCC; text-decoration: none; } .fild { width: 30px; text-align: right; font-size: 11px; margin-right: 10px; } --> </style> <script type="text/javascript"> function calc() { a1 = parseInt(document.getElementById('cn1').value); a2 = parseInt(document.getElementById('cn2').value); a3 = parseInt(doc…

    Asked by sm1603,

    0 votes
    13 answers

  10. Инлайновый элемент переносится на другую строку без отступа

    Добрый день, образовалась такая проблема. Есть заголовок с фоном (ссылка), у ссылки прописан padding:5px; и display:inline; Но про переносе строки заголовка padding на другой строке слева и справа на предыдущей строке не отображается. Наглядно: Подскажите пожалуйста, как справиться с проблемой.

    Asked by sublife,

    0 votes
    18 answers

  11. Не отображаеться текс в IE

    Кто нибудь сталкивался с такой проблемой: есть текст либо линки при загрузке окнах в ие их не видно но если курсором! навести на место где она должна быть то она появляется! Если курсор убрать то может исчезнутьа может и нет вчем может быть проблема? верстка или скрипты?

    Asked by WalkMan,

    0 votes
    7 answers

  12. изменение цвета при наведении

    Ребята, подскажите, как сделать с помощью CSS так , что бы при наведении на определенную часть карты Украины , эта часть немного затемнялась, не используя смену картинок?

    Asked by face2005,

    0 votes
    4 answers

  13. тянущяяся не повторяющяяся картинка бекграунда

    Подскажите пожалуйста, есть ли какой-то способ заставить картинку бекграунда растягиватся во весь экран, чтобы картинка пропорционально увеличивалась или уменьшалась в зависимости от разрешения иэкрана и "развернутости" окна браузера? я нашел только такую симуляцию, но она категорически не нравится 6-му експлореру <style type="text/css"> #layer1 { z-index: 1; width: 100%; height: 100%; position: fixed; /* можно absolute, в зависимости от цели */ left: 0; top: 0; } #layer2 { position: absolute; z-index: 2; } </style> </head> <body> <div id="layer1"> <img src="satelit.jpg" width="100%" alt=""> </div…

    Asked by Likan,

    0 votes
    2 answers

  14. Папки в url

    Приветствую. Однажды интересовался, будут ли в адресе страницы отображаться папки, в которых хтмл файл. Да мой сайт на хтмл и цсс, и деятели сказали твёрдо - НЕТ. Однако купив хостинг, на деле оказалось да. Подскажите пожалуйста добрые сограждане, как теперь этот вопрос можно решить.

    Asked by Sayitright,

    0 votes
    10 answers

  15. Верстка и проблема со шрифтами под Mac OS

    Привет, Друзья! В общем озадачил меня мой дизайнер. Он часто смотрит сайты Лебедева на MacOS и заметил, что на его сайтах шрифты всегда смотрятся отлично. Есть все сглаживания как в фотошопе, в общем шрифты смотрятся просто супер! А на наших сайтах, которые мы верстаем, говорит что на платформе MacOS они смотрятся убого, что есть какая-то странная полужирность, что не всегда есть сглаживания и вообще не так, как на сайтах Лебедева... Вроде я немного знаю css, смотрел и css на сайтах лебедева.. никакой разницы не заметид.. лишь может быть только это: font-style:normal; font-variant:normal; font-weight:normal; Вставляю на свой сайт. Никаких изменений. Кто что знает о верст…

    Asked by Вадим,

    0 votes
    43 answers

  16. Меню, раскрывающееся при отключении JS

    Есть меню, реализованое с помощью Javascript <script type=text/javascript> function clickHandler(e) { var strelka, targetId, srcElement, targetElement; srcElement = e.srcElement ? e.srcElement : e.target; if (srcElement.className == "outline") { targetId = srcElement.id + "details"; strelka = srcElement.id + "str"; targetElement = document.getElementById(targetId); if (targetElement.style.display == "none") { targetElement.style.display = ""; document.getElementById(strelka).src="ksmenu/expanded.gif"; } else { targetElement.style.display = "none"; document.getElementById(strelka).src="ksmenu/collapsed.gif"; } } } </SCRIPT>…

    Asked by kservice,

    0 votes
    14 answers

  17. Помогите пожалуйста с главной страницей

    Кароче проблема в том что я не могу сделать главную страницу. я ее как бы сделал, <html> <head> <title>Жанры компьютерныx игр</title> </head> <body link="#cecece" vlink="red" background="1.jpg"> <H1><P ALIGN=CENTER>Жанры компьютерныx игр</P></H1> <ul> <li><a href="2.html">Стратегии<BODY text=#F5F5F5></a> <li><a href="3.html">Шутеры<BODY text=#F5F5F5> <li><a href="4.html">Симуляторы<BODY text=#F5F5F5> <li><a href="5.html">Квесты<BODY text=#F5F5F5> <li><a href="6.html">MMORPG<BODY text=#F5F5F5> <li><a…

    Asked by FikS,

    0 votes
    16 answers

  18. Помогите создать страницу

    Прошу помощи. Как можно сделать размер HTML страницы фиксированным? То есть мне необходимо установить размер 1024х768 пикселей. Я сначала пытался делать страницу при помощи тега table, но когда я начал добавлять в код html выпадающее меню, сразу после таблицы, которое делалось через тег div, то страница стала ломаться, что привело к тому, что страница увеличилась в размерах вертикально, а ниже изображения заднего плана появилось белое поле. Потом я полностью удалил таблицу и сделал всё через тег div, всё уместилось нормально, но теперь при открытии страницы задний план почему то отображается не полностью. Памагите!!! Код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 …

    Asked by DDX,

    0 votes
    33 answers

  19. Выпадающее меню и таблица

    Приветствую. Имеется любопытное выпадающее меню на CSS/JQuery. А у меня страничка с таблицей на всю область экрана. При верстке я получаю - таблица закрывает собой меню. Если установить таблице (или её содержимому) z-index, равный скажем "-1", то я вижу меню. Но только элементы-папки. Содержимого нет (равно как и стрелочки вниз). И по наведению/клику не разворачивается (выпадает). Если же не ставить таблице/содержимому z-index, а задать его для менюшки (отдельно в стилях моей страницы либо в тексте css-файла, являющегося частью меню) скажем в значение "5", то не отображается опять же. Вопрос в том, где мне порыться, где покопать, чтоб смочь сверстать как необходимо (менюш…

    Asked by hAhol,

    0 votes
    28 answers

  20. html как установить таблицу внизу екрана?

    <!-- Нижняя часть--> <table width="781" height="28" align="center" bgcolor="#FFFFF6"><tr> <td background="images/bottom.gif" valign="middle"></td> </tr></table> <!-- Нижняя часть--> Добрый день. мне нужно чтобы эта табличка находилась всегда внизу екрана, внезависимости от токо какое разрешение и сколько текста идёт перед ней., грубо говоря строкадолжна быть постоянно внизу. Если ползунок покрутить вниз то она должна там быть. как это сделать? Заранее спасибо

    Asked by DIFox,

    0 votes
    4 answers

  21. Как подключить таблицу CSS в Опере

    Здравствуйте! У меня не работает в Опере подключенная таблица стилей (в других браузерах работает), при указании глобальных и внутренних стилей - все нормально? Код: <link rel="stylesheet" type="text/css" href="css/css_text.css">. В чем может быть причина?

    Asked by StInna,

    0 votes
    1 answer

  22. Выпадающие меню в теме Slaed и ноль в FF

    Вот сайт http://www.dancehustle.ru на него я сделал тему, пока не до конца доделал, появились 2 проблеммы: 1. Пункт меню Галерея(выпадания только для него нужно) выпадает и не закрывается при отводе мышки, не могу понять почему, вот код меню: HTML <ul id="cssmenu"> <li><a href="index.php">Главная</a> </li> <li><a href="#">О клубе</a> <ul> <li><a href="#">Ссылка 1</a></li> <li><a href="#">Ссылка 2</a></li> <li><a href="#">Ссылка 3</a></li> <li><a href="#">Ссылка 4</a></li> <li><a href="#">Ссылка 5&l…

    Asked by Spamol,

    0 votes
    28 answers

  23. смещение картинки

    помогите пожалуйста советом, что не так написал в коде?? использую lightbox2.04 есть вот такой вот баг смещения картинки http://help-team.com.ua/o_nas.html у самого уже мозгов не хватает ....

    Asked by Kos87,

    0 votes
    17 answers

  24. Яндекс карты

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

    Asked by 2_k,

    0 votes
    3 answers

  25. Разная длина <input> в браузерах

    <input type="text" name="first name" /> Без добавления своих размеров такое вот обычное поле имеет разницу в длине! Mozila FireFox 2.0.0.20, Internet Explorer 6 - имеют одинаковый размер Opera 10.10 - меньше на 6px Вчем же проблем? Наперед всем спс за ответ

    Asked by Spidey,

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