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. Как бы вот так сверстать кто знает?

    Смотрите рисунок, шапка и подвал фикс, центр 100%, за пределы браузера не чего уходить не должно, центр должен прижимать подвал к низу браузера и шапку к верху, вариант с абсолют ботумом для подвала не катит. Вертикальной прокрутки быть не должно. Я сам позаморачивался и у меня не чего не вышло. В теории думаю что тут нужен какой то java скрипт который определял бы размеры браузера пользователя и подгонял бы под это высоту центра..так как если просто 100% высоту задать центру, то браузер примет за 100% всю высоту окна браузера без вычета из нее размера шапки и подвала.

    Asked by eVErl@Sting,

    0 votes
    8 answers

  2. Оптекание DIV

    Конструкция страницы: <div id="main"> <div class="left-block"> Текст </div> <div class="right-block"> Текст </div> </div> <div id="base-right-block"> Текст </div> Теперь стили: #main { float: laft; } .left-block { float: left; } .right-block { float: left; } #base-right-block { float: left; } С вышеописанного можно сделать вывод, что base-right-block будет обтекать main слева, но он размещается снизу под main. Я поступил по-другому: <div id="base-right-block"> ... </div> <div id="main"> ... </div> поменял местами. Стиль: #main { } /*оставил без обтекания*/ ... #base-right-block { flo…

    Asked by Alex&R,

    0 votes
    2 answers

  3. Подскажите по mod_rewrite

    Уважаемые форумчане выручайте... Никак не могу настроить замену урла Надо что бы ссылка http://wzel.ru/count обрабатывалась как http://wzel.ru/?s=tr Просто подмена урла, надо что бы пользователи видели в строке http://wzel.ru/count. За ранее большое спасибо за помощь и ответы.

    Asked by emilasp,

    0 votes
    1 answer

  4. Что значит "шаблон"?

    Итак, я прочитал статью на сайте "основы верстки". Но тем не менее так и не понял, что такое шаблон и как его делать. Я ведь не могу залить на хостинг под Drupal пять html страниц и документ .css? И тогда объясните, какие именно файлы заливают на хостинг? Допустим я сделал несколько страниц, но как мне из этого получить шаблон?

    Asked by htmlonline,

    0 votes
    13 answers

  5. Border внутри таблицы с отступами

    Помогите сделать внутри таблицы/блока границу border отступами вида: Не понимаю как это сделать. тег rules не подходит....

    Asked by Ritter,

    0 votes
    3 answers

  6. rgba + border-radius ( IE )

    Столкнулся с такой проблемой: Нужно сделать блок с полупрозрачным фоном и закругленными углами, везде все хорошо кроме IE( )... Блок делал таким образом: #box { width: 100px; height: 100px; position: relative; background: rgba(0, 0, 0, 0.08); border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; behavior: url(/PIE.htc); } для прозрачности в IE в <head> добавил: <!--[if IE]> <style type="text/css"> #box { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000); zoom: 1; } </style> <![endif]--> В …

    Asked by GeSTaM,

    0 votes
    13 answers

  7. отдельный блок для меню

    Здравствуйте. У меня такая задача: хочу чтобы меню на сайте (html-ном) подгружалось на все страницы с одного файла, чтобы не приходилось каждый раз при добавлении новой рубрики, менять меню на всех страницах сайта. На php это делается, а вот можно ли сделать такое в html? Спрашивал у некотрых веб-мастеров, но никто не смог сказать, можно ли такое сделать и попросили обратиться сюда. Заранее всем спасибо.

    Asked by alef,

    0 votes
    10 answers

  8. Ajax

    Здраствуйте форумчане. У меня есть задача создать Ajax окно, работал только с окнами DLE 9.2 ,но нужно совсем другое - http://s2.itrash.ru/idb/38870f8b4191c398a6...oBezimeni-3.png Где можно взять мануал ,как создать Ajax окно с 0,искал ,но все для Ucoz.

    Asked by Mr.Black,

    0 votes
    8 answers

  9. Дочерние селекторы в IE6

    Доброго времени суток. Это моя первая тема и первое сообщение. Я новичок в изучении HTML верстки и как любой новичок сталкиваюсь с определенными сложностями. Слава богу информации всевозможной на эту тему достаточно много, бери и учись. Очень много полезного узнал именно на сайте _www.htmlbook.ru. На мой взгляд это лучший сайт для начала изучения. Для новичка все разжевано и разложено по полочкам. Выше была присказка, дальше будет сказка)) Задача: Создать выпадающий список 2-3-4...n уровней, методом CSS. В разных источниках, предлагается много разных рабочих вариантов. Попробовав несколько из них, я остановился на одном из них, наиболее универсальном на мой взгляд. Все ра…

    Asked by Selen,

    0 votes
    16 answers

  10. Помогите

    Нужно разместить по центру сриншоты на даной странице http://svetkino.net/detektiv/11-nachalo-inception.html ,у меня ни как не получаеться ,помогите!

    Asked by Mr.Black,

    0 votes
    11 answers

  11. Проблемы с валидацией

    Сверстал я тут недавно один макетик и решил проверить его на валидацию, а мне там выдает такую хрень: there is no attribute X ✉ You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supporte…

    Asked by nex0,

    0 votes
    2 answers

  12. Я не умею верстать таблицы, помогите.

    Есть таблица где чередуются 'tr' в первом три ячейки, во втором одна, в третьем три, в четвертом одна и т.д. Во втором 'tr' ячейку нужно растянуть на всю ширину 'tr'. Я не знаю как. Вот разметка: <table border="1" width="100%"> <caption>Заголовок таблицы.</caption> <thead align="center"> <tr> <td>название столбца</td> <td>название столбца</td> <td>название столбца</td> </tr> </thead> <tr class="offer"> <td>Ячейка</td> <td>Ячейка</td> <td>Ячейка</td> </tr> <tr class="description"> <td> Описание товара Описа…

    Asked by rediskavet,

    0 votes
    19 answers

  13. Div блок

    У меня есть div блок, в котором в качестве фона картинка(выводимая через CSS). Как мне поставить ссылки на буквы "t", "f" и "Rss"? Ссылка на картинку. http://content.foto.mail.ru/mail/andrey.gu...nswers/i-26.jpg Если можно, то поподробней! Спасибо!

    Asked by andry65,

    0 votes
    1 answer

  14. баг или ошибка

    В общем, ситуация следующая: <!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=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="one"> <input name="" type="text" /> <input name="" type="password" /> </div> <div class="two"> <input name="" type="text" /> <input name="" type="password" /> </div> </body> </…

    Asked by denidip,

    0 votes
    4 answers

  15. Проблемы со ссылками.

    Доброго времени суток. Начну, пожалуй, с описания задачи: 1) Сделать ссылку с флешкой; 2) При отсутствии флешки появляется картинка с ссылкой; 3) Блок ссылок находится снизу после флешки; содержит одну основную и список побочных; 4)Из таких ссылок сделать два ряда по 3 штуки. Первые три пункта осилил - http://beavers-net.narod.ru/primers/links_wth_swf.html 4-й так и не смог. Пытался как-то загнать все в блок через overflow: hidden, в результате столкнулся с тем, что ссылка вообще активной перестала быть.. Любая ссылка в блоке перестала реагировать на события мыши.. http://beavers-net.narod.ru/primers/links_trouble.html Все ошибки валидации - из-за вставок яндекс-хостинга.…

    Asked by tt48,

    0 votes
    5 answers

  16. Позиционирование и скроллинг.

    <html> <head> <title>test</title> <script type="text/javascript"> function drawdiv(){ if (document.getElementById("new_div")){ document.body.removeChild(document.getElementById("new_div")); } var d=document.createElement("div"); d.id="new_div"; d.style.position="absolute" d.style.top="50px"; d.style.left="50px"; d.style.background="#009900" d.innerHTML="шминдер бокс" document.getElementById("main").appendChild(d); } </script> </head> <body style="margin:15px 15px 15px 15px; background:#FFFFFF"> <div id="main" style="width:240px; height:385px; float:left; overflow:auto; border:solid 1px #…

    Asked by Deomon,

    0 votes
    2 answers

  17. Текс поверх картинки

    Итак, есть картинка, с одной стороны разделил её части на ссылки, а другой хочу зделать текст поверх картинки. Раньше картинка шла как фон и на нее легко накладывался текс, но тепер решил что-бы части той фоновой картинки были ссылками но и тот текс который был остался на своем месте. (части картинки, которые используются как ссылки, и сам текст не накладаются друг на друга) Как так зделать?

    Asked by xrated,

    0 votes
    4 answers

  18. Проблема с версткой,люди добрые,выручите

    Сайт www.selecta.ru. На главной странице съезжает модуль вывода случайных новостей.Люди добрые,подскажите,плиз,в чём косяк(целый день сидел тупил,не мог исправить.Вроде нигде там нет паддингов и маргинов,которые бы вызывали такой съезд).Очень срочно надо поправить( Заранее,спасибо!

    Asked by extrawert,

    0 votes
    6 answers

  19. Манипуляции с ненумерованным списком

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

    Asked by 25mute,

    0 votes
    8 answers

  20. Оптимизировать строчку кода (упростить)

    <li><a class="menu" href="#">Лорем испум</a></li> <li><a class="menu" href="#">Лорем испум</a></li> <li><a class="menu" href="#">Лорем испум</a></li> <li><a class="menu" href="#">Лорем испум</a></li> a {—;} не предлагать, на странице используются несколько разных стилей к ссылкам

    Asked by xDev,

    0 votes
    7 answers

  21. Горизонтальный список с подпунктами

    Здравствуйте, пожалуйста помогите в решении проблемы, нужен список такого вида: подпункт_1 подпункт_2 подпункт_3 пункт_1 пункт_2 пункт_3 пункт_4 При возможности это необходимо сделать средствами именно списка. Бьюсь уже 2 дня ничего толкового не выходит. Спасибо Вот что я натворил ) Простите за кривость ) <style type="text/css"> .clearfix li { float: left; margin-left: 30px; } .ff li { margin-left: 1px; display: block; float:none; margin-top: -35px; } .dd { display: block; padding-left: 40px; float: left; } .ff { display: block; margin-left: -40px; margin-top: -40px; } </style> <ul class="clearfix"> <…

    Asked by klim_off,

    0 votes
    4 answers

  22. Пустой текст в диве

    Всем привет, не раз сталкивался с проблемой когда в диве появляется, пустой текст (большое кол-во пробелов). Не могу понять откуда оно берется, просмотерл все файлы, ничего не нашел. Даже по удалял простые пробелы между строками, ничего Подскажите пожалуйста что делать? Выкладываю скриншот для лучшего понятия проблемы:

    Asked by MC WEST,

    0 votes
    17 answers

  23. 3 дива по центру

    подскажи как построить 3 дива по центру типо как на _lostfilm.tv 3 подряд получается сделать но они висят в левой стороне и на центр не получается их выгнать .. и нужно что бы они были на всех разрешениях ... так что отступ просто не получиться сделать ..

    Asked by smart,

    0 votes
    1 answer

  24. Элементы списка

    ситуация следующая: есть неупорядоченный список (id="content_links") с тремя элементами, содержащими ссылки. этот список я преобразую в строковый элемент, тем самым получаю горизонтальную навигационную панель. как упоминалось выше, ссылки всего три. мне надо добиться такого эффекта, чтобы вторая ссылка(id="middle") быть ниже остальных. получаем следующий код XHTML: <ul id="content_links"> <li><a href="#">Cunsumer</a></li> <li id="middle"><a href="#">Communications</a></li> <li><a href="#">Enterprise</a></li> </ul> код CSS: #content_links{ margin-top: 100px; border:1px so…

    Asked by LeD4eG,

    0 votes
    6 answers

  25. Подвал

    На сайте http://liondesert.narod.ru подвал сделан с помощью фонового рисунка. Как думаете, есть ли более оптимальный способ добиться того же результата?

    Asked by Vlad,

    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