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. Два inline div'а, дополнение до ширины ячейки

    Здравствуйте! Возник следующий вопрос по верстке. Есть ячейка таблицы, в неё выводится сгенерированнный в PHP текст (выделен синим). А после него должен выводится ещё кусок текста, начиная с той же строки (выделено сиреневым). В принципе все понятно, нужны два div'а с display: inline, но сиреневый блок должен быть редактируем пользователем, т.е. contenteditable=true. Далее он с использованием аякса отправляется на сервер. Проблема возникает, когда блок пустой - тогда пользователю просто некуда тыкнуть мышкой, чтобы его создать. Идеальным решением было бы растянуть его до конца ячейки, т.е. нечто вроде такого: (Сиреневый блок ещё не имеет текста, но растягивается на в…

    Asked by unkalien,

    0 votes
    3 answers

  2. Таблица в 3-и колонки

    ИЕ8 показывает таблицу в 1040 пикселей. Что не так? с доктайпом <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> тоже самое strict.dtd предпочтительнее <!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> </head> <body> <table style="border:1px solid #000000" width="1000" cellpadding="0" cellspacing="0"> <col width="185" /> <col widt…

    Asked by Gigo_,

    0 votes
    0 answers

  3. кнопки вперед и назад

    кнопки расположены слева и справа по бокам хотелось бы сделать как показано на сркине. т.е.вынести их выше ввиде двух небольших блоков для удобства. код a.next, a.prev, div.noPrev, div.noNext { text-indent: 16px; color: #fff; width: 12px; overflow: hidden; display: block; text-align: center; position: absolute; } a.prev { background-color: #4bbed5; background-image: url(prev.png); background-position: -12px 0; left: 0; top: 0; } a.prev:hover { background-position: -24px 0; } a.next { background-color: #4bbed5; background-image: url(next.png); background-position: -12px 0; right: 0; top: 0; } a.next:hover { background-position: 0 0; } div.noPr…

    Asked by high,

    0 votes
    1 answer

  4. Нужны ли такие ссылки?

    В шапке есть вот такой код. <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://site.ru/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://site.ru/wp-includes/wlwmanifest.xml" /> <link rel='prev' title='Лицензирование' href='http://site.ru/litsenzirovanie.html' /> <link rel='next' title='Трудовой договор' href='http://site.ru/trudovoy-dogovor.html' /> <link rel='shortlink' href='http://site.ru/?p=618' /> Зачем это нужно? Можно ли их удалить без вреда для сайта и как это сделать??

    Asked by fowl,

    0 votes
    3 answers

  5. Неправильный CSS

    Здравствуйте. Можете поправить мне CSS? пожалуйста. Не пойму в одном браузере Mozile нормальный выводит точки, в другом браузере Google Xrome завышены... .subForumsPopup .dot span { height: 0px; left: 6px; margin-top: 10px; position: absolute; width: 0px; border: 2px solid #6cb2e4; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; } Допустим ставишь margin-top: 10px; в одном браузере нормально выводит... а в другом все криво

    Asked by SAnet,

    0 votes
    5 answers

  6. Все поехало в IE 7

    Как обычно полный завал в ИЕ. Вот сайт . Помогите пожалуйста

    Asked by NeoMurderer,

    0 votes
    2 answers

  7. Цифра вылезает перед буллетом

    Может быть, вопрос нубский, но как-то до сих пор не сталкивался. Из-за чего цифра в <LI> может самостоятельно (причем, во всех браузерах) перемещаться перед буллетом? Есть код: <li>1 пункт</li> <li>2 пункт</li> <li>Третий пункт</li> <li>И четвертый</li> А вот так он выглядит на странице:

    Asked by m0nk,

    0 votes
    2 answers

  8. плавающее выпадающее меню

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

    Asked by Selebro,

    0 votes
    2 answers

  9. Не могу решить проблему. с версткой

    Доброго времени суток господа верстальщики! Вот решил сверстать макетик.. Так вроде все норм, ну почти все) А внизу вагон пустого места. Подскажите что не так, заранее спасибо откликнувшимся!

    Asked by DasBit,

    0 votes
    2 answers

  10. Оставить отзыв

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

    Asked by SVitekD,

    0 votes
    4 answers

  11. Выпадающее меню

    Подскажите что надо вставить в этот код, чтобы получилось выпадающее меню: /* Menu */ #menu { width: 962px; height: 50px; margin: 0 auto; } #menu ul { margin: 0; padding: 0; list-style: none; } #menu li { display: block; float: left; } #menu a { display: block; float: left; height: 38px; padding: 8px 20px 0 20px; text-decoration: none; text-transform: lowercase; color: #000000; } #menu a:hover { text-decoration: underline; } #menu .current_page_item { background: url(images/img05.gif) no-repeat; } #menu .current_page_item a { background: url(images/img06.gif) no-repeat right top; font-weight: bold; }

    Asked by elstargroup,

    0 votes
    1 answer

  12. Как верстать?

    Умею верстать фиксированно (width:960px) но вот хочу научится верстать резиново т.к. где ширина более 960пх. Где и какие задавать величины(ширина и высота.)?И ще ехотел бы узнать что делает этот скрипт. <script> function A() { client_h=document.getElementById("img").height; client_w=document.getElementById("img").width; //document.getElementById("language").innerHTML=client_w+"*"+coof+"="+client_w*coof; document.getElementById("img").height=client_w*0.6; } </script> Спасибо

    Asked by azarkin7,

    0 votes
    3 answers

  13. float

    Имеется каркас: <div id="left_block"></div> <div id="center_block"></div> <div id="bottom"></div> #left_block { width:100px; height:10px; float:left; } #center_block { width:200px; height:10px; margin-left:110px; } 1. Нижняя часть "bottom", не хочет растягиваться по высоте левой части "left_block" Что делать в такой ситуации? clear: left не помогает... Данная ситуация во всех браузерах 2. в IE 8 такое ощущение, что он не понимает float и ставит center_block ниже left_block, в остальных браузерах все хорошо. Извините если туплю, новенький в этом деле...

    Asked by SLameN,

    0 votes
    1 answer

  14. img shadow-box inset проблема

    Собственно хочу сделать тень и наложить на картинки, уже 30 страниц гугла просмотрел и нашёл пару ссылок, но почему-то они не работают. Подскажите как можно реализовать тень НА картинке.

    Asked by Wahlberg,

    0 votes
    1 answer

  15. Непонятные пробелы в навигации

    В общем сделал горизонтальное меню, между пунктами какието пробелы (в смысле места в которых нет никаких ссылок меню). Чтобы вы поняли о чем я - в ксс прописал border-right: 1px solid #000; для тега li и вот, что вышло: на картинке стрелкой показан как раз этот пробел, откуда он, зачем он там и как его убрать? Заранее спасибо.

    Asked by frog163,

    0 votes
    4 answers

  16. html5.

    Приветствую всех! Я всё-таки решил начать учить до конца html.Будьте любезны,дайте ссылку на хороший учебник html5 в формате chm и pdf,где есть все теги и примеры их использования.Буду приблагодарен!

    Asked by SteeLZzZ,

    0 votes
    2 answers

  17. Выпадающий список с разным оформлением в Safari

    Посмотрите на картинке: У клиента: Немецкий Safari 5.0.4 Выпадающие списки имеют разный вид (разное оформление). Сама страница здесь: Страница Как такое может быть, кто подскажет? Чем лечится?

    Asked by Intera,

    0 votes
    2 answers

  18. Маркеры списка

    Почему-то не исчезает квадратный маркер и их получается : и квадрат и ? Почему?? .customtype-recent-posts li { list-style-type: none; } .customtype-recent-posts li:before { content: "?"; }

    Asked by fowl,

    0 votes
    9 answers

  19. Opera и font-face

    Вот пример: http://leveler.ru/zebra/ Во всех браузерах знак рубля показывается нормально (блок "рекомендуем"), даже в ИЕ7. Опера же (11.61) кривляется применяет подгруженный шрифт только если открыть страницу локально, с диска. На хостинге и денвере - не хочет показывать, хотя видно, что файл шрифта она загрузила. MIME пробовал добавлять: AddType application/vnd.ms-fontobject eot AddType font/truetype ttf AddType font/opentype otf AddType application/x-font-woff woff Не помогло. В чем дело-то? Используется готовый кит без субсета отсюда: http://www.fontsquirrel.com/fonts/pt-serif Пример, который в архиве от белки тоже рабо…

    Asked by d0ublezer0,

    0 votes
    2 answers

  20. бесплатный редактор типа dreamweaver

    Доброго времени суток!Подскажите пожайлуста хороший бкчплатный текстовый редактор типа dreamweaver, что бы была подсветка синтаксиса и что бы редактор как бы "дописывал" код, т е просто пишешь допустим float, только написал букву F и как тут же тебе предлагают возможные варианты.

    Asked by кирюха=),

    0 votes
    16 answers

  21. data: URL

    <img style="width:80px;height:100px;position:absolute;left:30px;top:25px;" src="data:image/gif;base64, R0lGODlhZACMAOIEAP/////MM/9mAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJSwAEACwAAAAAZACMAAID/0i63P4wykmrvTjrzbtnQyiOw2eeVyisLFmicKyo7CoKquiQcj/RrVvOVhrVcDqfkjA4Ip9NnBToJCaXJ6qt9Zxuq8joFduJHmk5sbR7XovJTI65NldvzfOuPQTnY/JcRF9DX4V7OHAzLxSAhW5iTZCCgmh+iXE/YHmAhHaBkTmXC5Y7mmCmYW2PNj4upIsNjWunqHR1bqJ+pDO1tq6BqlZEoopMsLKzk05Cv3S4xMUvWs5BtKnLeJFISq4jijeneNbU2L6wMuexfMiG47bhYYuul9PLju7JqvLp9O7i+OTsreOXqI4sTwDvURtjjGGPbLXYWUP2ZhTBVsBoSZwIL/+SMWIQx23kWCXbRW6f6ilMmG/hSYyDJI7UCC/evIfOKvViudLRyxi3JOWbSbMmooLl3NjjGawkHaT6VhI16nRKn6qQNjFturTikpmctgZcavWr2JY82WnzaLYnSbFqO7VFK/…

    Asked by K313,

    0 votes
    3 answers

  22. tr:hover

    Возможно ли как то добавить псевдокласс hover к тегу tr? Если нет то каким образом можно сделать выделение строки таблицы при фокусе курсора.

    Asked by JastinB,

    0 votes
    7 answers

  23. Несколько вопросов по структуре table

    Доброго дня уважаемые. Подскажите почему "Шапка сайта" равняется по классу body_l, когда в классе header ничего не задано ? Как можно сделать чтобы "Шапка сайта" была одной колонкой и по середине? Вот мой код: <table> <thead> <tr class="header"> <td><b>Шапка сайта</b></td> </tr> </thead> <tbody> <tr class="body"> <td class="body_l">Left</td> <td class="body_c">Center</td> <td class="body_r">Right</td> </tr> </tbody> <tfoot> <tr class="…

    Asked by Krava,

    0 votes
    1 answer

  24. как запретить обновление страницы

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

    Asked by malish,

    0 votes
    3 answers

  25. Вёрстка таблицами

    Часто вижу вёрстку и оформление страниц, сделанную таблицами. Не обязательно вся страница сделана, а бывает, что какой-то участок страницы свёрстан с помощью таблицы. Известно, что вёрстка таблицами это признак дурного тона, но более недостатков я не слышал. Поэтому хотел бы обсудить особенности такой вёрстки со знающими людьми. Во первых, мне кажется, что вёрстка таблицами это вполне приемлемо. Но вот что настораживает. Является ли для таблиц обязательными вложенными элементами такие теги как <caption>, <thead>, <tbody>, <tfooter> и <th>. Даже не знаю, какой последний изданный w3c стандарт есть, где описывается нужность (ненужность) этих…

    Asked by clavin,

    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