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. Изменение свойства textarea

    Итак, мне нужно изменить некое свойство textarea с помощью javascript. А именно добавить ей значение onkeyup. Пробовал document.getElementById("message").onkeyup("OnUp();") и document.getElementById("message").onkeyup = "OnUp();" Вот сама функция OnUp function OnUp(){ alert("1"); };

    Asked by DoctorGester,

    0 votes
    2 answers

  2. Настройка .htaccess

    Привет! Есть проблема.. Есть сраница: http://aforizmoff.net/portal/ нужно правильно настроить .htaccess чтобы: http://aforizmoff.net/portal/author/4/ был http://aforizmoff.net/portal/index.php?act=author&id=4 Сделал так: поместил в папку /portal .htaccess c настройками: RewriteEngine On RewriteRule ^author/([\d]*) index.php?act=author&id=$1 [L] В итоге выводит текст нужный, но не выводит ни стили ни картинки И cсылки которые были формата: "/portal/author/4/" становятся "/portal/author/4/author/4/" Плиз, хелп! Как исправить?

    Asked by Беркут,

    0 votes
    2 answers

  3. Тень таблицы

    Здравствуйте как сделать тень у основной таблицы при табличной верстке? в интернете нашел идею, сделать картинку и вставить её) т.к Фотошопом владею вариант лучше некуда, но можно ли сделать так, чтобы эта тень повторялась по вертикали? ну сообственно на всю высоту блока? можно конечно сделать просто огромную картинку, но надеюсь есть вариант более...рациональный что-ли) или мб можно обойтись средствами CSS? видел тег border-shadow вроде бы...но Notepad++ даже не отображает это как тег... Вот примерно как здесь хочу эффект: http://www.zvirec.com/

    Asked by Dumle,

    0 votes
    2 answers

  4. Помогите пожалуйста с css

    С css работаю совсем недавно сайт: movbase (точка) ru шаблон вот какой использую, но почему не могу изменить ширину средней части, размер отступа между блоками да и окно поиска тоже ужать как то надо.. помогите кому не сложно плиз заранее спасибо @charset "utf-8"; /* CSS Document */ body { background: #E5E5E5 url(../images/top_glow.jpg) no-repeat top center; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#231f20; } a{ color:#656565; } small { font-size:11px; } .center_content small{ margin-bottom:20px; float:left; width:100%; } .center_content a { color:#656565; border-bottom:1px dotted #333 !important; } .adverts a { border-bottom:non…

    Asked by levlevin,

    0 votes
    2 answers

  5. Проблема с float

    Мне нужно, чтобы блоки располагались на странице один за другим без промежутков. А получается вот что - http://i042.radikal.ru/1101/f3/c05e0ed9c24b.jpg Вот стиль для этих блоков: .cat_box { position: relative; float: left; width: 150px; height: auto; margin: 0 8px 15px 0; padding: 0; border: 1px solid red; } Подскажите, плиз, как это исправить?

    Asked by Mila,

    0 votes
    2 answers

  6. растягивание по высоте в ff

    Помогите пожалуйста. В IE,Opera все тянется и стабильно работает. В фф, как не пытался не получилось - _http://profshopping.ru/index.php?categoryID=327&show_all=yes

    Asked by Gleb-k,

    0 votes
    2 answers

  7. Не работает условный фильтр

    у меня есть такой вопрос и, надеюсь, вы мне поможите. почему не работает условный фильтр для IE 6 в документе (x)HTML 1.0? для IE6 необходимо загрузить другую таблицу стилей. получается следующий код: <?xml...> <!DOCTYPE......> <html xmlns.....> <head> <title>......</title> <!-- [if IE 6] <style type="text/css"> @import("style_IE_6.css"); </style> --> <link rel="stylesheet"..... /> </head> ..... но для упомянутого выше документа почему-то загрузка таблицы style_IE_6.css не происходит. почему?

    Asked by LeD4eG,

    0 votes
    2 answers

  8. Корректная разбивка на страницы

    Здравствуйте! Столкнулся с такой проблемой: когда содержимое xhtml-файла разбивается на страницы в произвольном порядке (в частности, ридером книг айпада), встречаются такие ситуации, когда иллюстрация оказывается на одной странице, а подпись к ней - на другой. Естественно, это портит впечатление. Вопрос: есть ли универсальный способ объединить изображение и подпись к нему в один неделимый блок, так чтобы при недостатке места для подписи, изображение немного сжималось? Или, в крайнем случае, переносилось на следующую страницу. Я пробовал задавать свойствах изображений: page-break-after: avoid; - не помогло. Пробовал объединить изображение и подпись в один div, и назначить…

    Asked by Ugo,

    0 votes
    2 answers

  9. Выравнивание кнопок по вертикали (chrome/webkit,firefox)

    Требуется сделать две большие кнопки одинакового размера. Оказалось, что при многострочном содержимом плывет выравнивание по высоте. Как выровнять кнопки по одной линии с разным содержимым? Такое поведение наблюдается в firefox, crome и всех браузерах на основе webkit. Смещение по вертикали 21px. Ниже код и скрины с хрома. <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> button { font: 700 60px "arial", "arial narrow"; width: 33%; font-variant:small-caps; height: 125px; overflow: hidden; margin: 5px 10px; } span.cfnDesc{ display:block; fo…

    Asked by cdrom,

    0 votes
    2 answers

  10. Трудности верстки меню на <li>

    Добрый день. Столкнулся с маленькой трудность при оформлении бокового меню на сайте. Изначально меню должно смотреться вот так. Категории берутся из Бд и прописать CSS для каждой строчки отдельно не представляется мне возможным. Поэтому для li были забиты обычные border-bottom: 1px solid #cfc7b2; border-top: 1px solid #f1ece0; В результате получил замечательную полоску между категориями, но и сверху и снизу каталога они существуют и рвут дизайн. Код запроса по категориям.. <li><a class="cat_href<? if (@$_GET['s_c']==$show_sub_cat['id'] ) echo "_sel";?>" href="index.php?<? show_href_lang($_GET); ?>&m_c=<? echo $show_cat['id']; ?>&s_…

    Asked by Kiri Komori,

    0 votes
    2 answers

  11. Js

    В макете есть такая лента В JS пока не очень!Как можно решить задачу?

    Asked by Mr.Black,

    0 votes
    2 answers

  12. Проблема с центрированием

    Подскажите пожалуйста как избавиться от скрола на этой странице? http://www.dev.discotune.ru/404.html Видимо проблема с кривым расположением нижнего элемента. Буду рад любым предположениям как все сделать грамотно.

    Asked by Discotune,

    0 votes
    2 answers

  13. Не получается

    Добрый день, прошу помощи по CSS вот в каком вопросе. Пытаюсь сделать CSS галерею, такую, что при наведении курсора, фотография плавно перетекала из уменьшенного размера в свой исходный. Пример подобной галлереи: .hovergallery img{ -webkit-transform:scale(0.8); /*Webkit: Scale down image to 0.8x original size*/ -moz-transform:scale(0.8); /*Mozilla scale version*/ -o-transform:scale(0.8); /*Opera scale version*/ -webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/ -moz-transition-duration: 0.5s; /*Mozilla duration version*/ -o-transition-duration: 0.5s; /*Opera duration version*/ opacity: 0.7; /*initial opacity of images*/ margin: 0 10px 5px 0; /*margin betwe…

    Asked by Timer,

    0 votes
    2 answers

  14. Проблема с позиционированием

    Возникла проблема с позиционированием блока картинки post-img и блока postmetadata. Блок post-img позиционирован как relative (для абсолютного .cmnt-bubble) и этим самым закрывает вышестоящий блок postmetadata и его ссылки перекрываются. Проблема в firefox, chrome и safari. В IE и Опере все ок. Посмотреть (косяк в ссылках над картинкой поста): http://www.dev.discotune.ru/index.html БОЛЬШОЕ СПАСИБО знающим и понимающим!!)) <div class="post"> <div class="postmetadata"> <p class="date">15.11.2009</p> <h1><a href="/post.html">Как я напарил WebMoney</a></h1> <p><a href="#">Мои лучшие замуты</a> ><a…

    Asked by Discotune,

    0 votes
    2 answers

  15. Верстка эмайл рассылок

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

    Asked by vassa2107,

    0 votes
    2 answers

  16. Помогите новичку

    Никак не могу сделать отступ между картинкой слева и текстом справа. http://filmonokia.ru Как лучше сделать на DLE? Вот вывод новости: .news_content {margin:0 10px; font:13px Tahoma, Verdana;line-height:120%;text-align:justify;} Когда здесь ставишь отступ, то естественно сдвигается вместе с картинкой.

    Asked by maldoff,

    0 votes
    2 answers

  17. Полоса прокрутки

    Всем привет, есть сайт, ширина сайта 960px, но при заходе на сайт всегда появляется горизонтальная полоса прокрутки, хотя если ее прокрутить вправо то там ничего нету. Проверял firebug'ом нигде никакие блоки не вылазят все четко. Что можно сделать или как определить от чего это происходит? Еще если зум уменьшать то они пропадают конечно же) Рисунок для наглядности

    Asked by sce,

    0 votes
    2 answers

  18. Съехал бекграунд

    Суть вопроса Сайт Справа модуль Тест..... бекгрануд в теге H3 на 1 пиксель сдвинут вправо.. Я уже полдня не могу понять в чем дело. Может кто свежим глазом ошибку заметит? Буду весьма благодарен

    Asked by crazybet,

    0 votes
    2 answers

  19. Маркированный список.

    Добрый день. Поставил маркеры с помощью list-style: url(images/sdbr-marker.gif). Слишком большой отступ у них от пунктов списка. Ладно бы это было на Internet Explorer 6, но это наблюдается на последней Opera 11, и на Mozilla Firefox 3.6.13. Сами маркеры сползают немного относительно текста (ведь должны быть по центру). Как проблему решить? Internet Explorer 6. Opera 11 (уходят вверх). Mozilla Firefox 3.613 (уходят вниз). HTML. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset…

    Asked by Red Planet,

    0 votes
    2 answers

  20. Форма растягивает блок

    Привет всем участникам! Возникла проблема при верстке. Имеется блок с фотографией пользователя. Фотография может быть разная, как по высоте, так и по ширине, но важным для моей задачи является именно ширина. Под блоком с фотографией находится блок с некоторым контентом. Задача в том, чтобы этот блок был такой же ширины, как и ширина загруженной фотографии. Поэтому я не задавал ему ширину, разместил блок с фотографией и с контентом в таблицу. Блок с контентом растягивается на ширину ячейки, ширину которой, в свою очередь, определяет ширина фотографии. Казалось бы, задача решена. Но в блоке с контентом имеется форма, которая раскрывается при нажатии на ссылку. И при развор…

    Asked by nickostyle,

    0 votes
    2 answers

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

    <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

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

    Сверстал я тут недавно один макетик и решил проверить его на валидацию, а мне там выдает такую хрень: 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

  23. Оптекание 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

  24. Float vs Position

    В разделе "Верстка с помощью слоев" (_htmlbook.ru). Описаны два метода расположения блоков (слоев) с помощью обтекания (Float) и позиционирования (Position). Оба метода мной испробованы. Хотелось бы уточнить, каким методом верстают профессионалы и в чем разница этих методов? Их достоинства и недостатки.

    Asked by Selen,

    0 votes
    2 answers

  25. Цвет прокрутки

    Всем привет. Подскажие пжл, как задать цвет области прокрутки. Если кто не понял, то под прокруткой я подразумеваю это:

    Asked by Sandr,

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