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. 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

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

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

    Asked by nbid,

    0 votes
    2 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. заголовок перекрывает уголок

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

  5. ну никак не хочет отображаться нормально

    Здравствуйте я запарился с этим макетом вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <head> <link rel="stylesheet" type="text/css" href="styleIE.css"> <title>Актау Камаз Сервис</title> </head> <body style="background: url(wall.jpg);"> <table height=800 width=90% style="border:solid 1px red;" > <tr id="header"> <td colspan=2 style="background:white;height:168px;"> Это шапка</td> </tr> <tr id="mainer"> <td id="menu" style="background:blue;">Здесь меню</td> <td style="background:yellow;">Здесь конте…

    Asked by boy_from_Mexico,

    0 votes
    51 answers

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

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

    Asked by dima4321,

    0 votes
    6 answers

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

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

    Asked by denn,

    0 votes
    2 answers

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

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

    Asked by ask1503,

    0 votes
    1 answer

  9. После создания сайта

    Здравствуйте. Я сделал свой первый сайт на хтмл и цсс. Значит закажу хостинг, домен. Отлично. Загружу туда через фтп сайт. Я читал, что надо оптимизировать страницу 404, но где её взять?, А ведь на этом не заканчивается всё. Я знаю, что надо в гугл и прочие поисковики зарегать сайт, это - то я сделаю, а вот что ещё надо для правильной работы сайта?

    Asked by Sayitright,

    0 votes
    5 answers

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

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

    Asked by Rasie1,

    0 votes
    2 answers

  11. косяк в 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

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

    Всем привет Вот код <!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

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

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

    Asked by html,

    0 votes
    10 answers

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

    проблема в том что скачут элементы меню, прекрасно это видно если по очереди нажимать "Продукция" и "Почему мы?". в коде вроде ничего левого нету, но класс 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

  15. 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

  16. Большие проекты

    Собственно сабж кто как подходит к большим проектам где уникальных страниц много в дизайне периодически проскакивают похожие формы отображения элементов контента?

    Asked by WalkMan,

    0 votes
    22 answers

  17. Можно ли вернуть в поток абсолютный блок?

    есть 4 блока 0 - relative; 1 - static 2 - absolute (спозиционирован относительно 0 ) 3 - static 2 блок по высоте значительно превышает блок относительно которого он спозиционирован ( блок №0) Вопрос следующий: можно ли сделать так, что бы при случае если блок №2 будет превышать высоту блока №1, не залазил на блок №3, а смещал его в вниз собственно вот:

    Asked by WalkMan,

    0 votes
    8 answers

  18. Резиновый+статичный блок

    Ничего не придумалось. Нужно всего-навсего: Не понимаю, как. Да, в левом, резиновом блоке, будут еще колонки, резиновые же. Заранее спасибо.

    Asked by Artlive,

    0 votes
    6 answers

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

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

    Asked by злец,

    0 votes
    3 answers

  20. Помогите удалить мусор со стронице!

    Добрый день! У меня такая проблема: Наш сайт раскручивала одна фирма "Продвиж...е" из г. Санкт-Петербурга (очень плохая организация). Сейчас договор расторгнут и они оставили ссылку на свой сайт. Эту ссылку мы хотим удалить, но не можем. Облазил все, но не нашел. Помогите удалить этот мусор, который находиться на сайте http://www.tehnomodul.ru/ слева внизу: Новости для всех «Продвижение» - раскрутка сайта Сайт на "Битриксе" Жду советов! Спасибо!

    Asked by style_ys,

    0 votes
    15 answers

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

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

    Asked by 3ABAPKA,

    0 votes
    8 answers

  22. подскажите немного

    Скажите будте так добры 1.правельно ли написан код <div id="apDiv1" style="position: absolute; left: 213px; top: 20px; width: 492px; height: 130px; z-index: 1; text-align: center; background-color: #336633; layer-background-color: #336633; border: 1px none #000000;"><h3>НАВИГАТОРЫ</h3> <ul> <li>ля-ля-ля-ля</li> <li>ля-ля-ля-ля</li> <li>ля-ля-ля-ля</li> </ul> </div> <div id="apDiv2" style="position: absolute; left: 711px; top: 20px; width: 492px; height: 130px; z-index: 2; text-align: center; background-color: #006699; layer-background-color: #006699; border: 1px none #000000;">&lt…

    Asked by ppvkomi,

    0 votes
    22 answers

  23. на чем лучше сверстать

    скажите как сверстать на DIV или TABLE Точнее на как практичнее хочу еще добавить с лева от картинки список фирм ну и поменять фон.

    Asked by ppvkomi,

    0 votes
    89 answers

  24. Основное содержимое в центр

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

    Asked by cotangens,

    0 votes
    1 answer

  25. Подскажите пожалуйста, где и как можно разобраться с вопросом кроссбраузерности.

    Всем здравствуйте. Сверстал шаблон для сайта на дивах. В firefox и opera все хорошо, а вот в ie6 все ползает. Подозреваю что с ie7, ie8 тож не все гладко будет. Посоветуйте, пожалуйста, как и где можно почитать/поразбираться с особенностями работы css в ie. Согласно справочнику, ie все применяемые мной правила css поддерживает, но тем не менее блоки плавают. Знаю кое-что о хаках. Принимаю все: полезные ссылки, ваши советы и т.п. Можно приписать сюда и другие браузеры, имеющие свои заморочки на эту тему. Стремлюсь получить валидный шаблон для ie6-8, firefox, opera, chrome, safari. Спасибо.

    Asked by denn,

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