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. position: absolute в TD

    Привет Есть ячейка таблицы в ней надо спозиционировать блок по нижнему краю абсолютом на саму ячейку relative не повесишь если всунуть внутрь td div с position: relative, то не будет должного эффекта, так как дивак не растянеться на всю высоту ячейки del

    Asked by WalkMan,

    0 votes
    5 answers

  2. Проблема с версткой

    Здравствуйте, что-то не получается верстка, несложный макет.Шапка, левая и правая часть, левая часть в виде картинки фоном идет и должна быть прямо до верха, я ставлю position:absolute, для правой мне тоже нужно чтобы заходила на шапку я тоже поставил absolute, правильно ли я сделал? или можно как-то по-другому сделать? просто в шапке тоже стоит фон и поэтому мне надо чтобы на него залазили и левая часть и правая. И хотел спросить не по теме, конечно, но чтобы не создавать новую тему, я в фотошопе сохраняю картинку в png или jpg, НО в хроме, опере другой цвет, не понимаю в чем может быть проблема, не подскажете пожалуйста?

    Asked by Bingo,

    0 votes
    5 answers

  3. Как проще сделать такое как на картинке ?

    Доброго дня. Знаю что есть много вариантов такой реализации, но скажите, какой лучше всего использовать на чистом CSS или с Javascript? Вот картинка

    Asked by Saturn,

    0 votes
    5 answers

  4. Кликабельный div

    Здравствуйте. Задача сверстать это: Необходимо: Картинка и название темы, а также кавычка-елочка кликабельны и ведут по ссылкам. Вся остальная область также кликабельна и ведет туда же, куда ведет название темы. Как я сверстал: <div class="thread hand" onclick="window.location='http://абсолютная_ссылка_на_тему_с_адресом_сайта'"> <a href="ссылка_на_картинку"><div class="thumb" style="background-image: url('ссылка_на_превью');"></div></a> <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня">$4</a> [9999] <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня#end">»</a><br /> <s…

    Asked by 7ion,

    0 votes
    5 answers

  5. javascript

    У меня возникла проблема, для зачета надо сделать сайт для архитекторов. Все вроде получается. Есть список их проектов, при нажатии на название в правом нижнем углу открывается скрытый текст. Вот только проблема в том, что прежде чем отрыть новый текст нужно повторное нажатие на название проекта, иначе тексты наслаиваются друг на друга. Может кто поможет, вот кусок javascript'а: <head> <script language="JavaScript"> function expandit(id){ obj = document.getElementById(id); if (obj.style.display=="none") obj.style.display=""; else obj.style.display="none"; } </script> </head> <li> <a style="cursor:pointer;" onClick="expandit('proj1')"> …

    Asked by Last person,

    0 votes
    5 answers

  6. Картинки в background.

    Подскажите, как реализовать такую вещь: нужно, что бы все картинки на сайте отображались как background. К примеру, добавляем через html код картинки, и если она вылезает за пределы экрана, то она обрезается. PS Надеюсь, доходчиво объяснил.

    Asked by Sofmes,

    0 votes
    5 answers

  7. Не могу открыть сайт

    Добрый вечер Уважаемые! Подскажите пожалуйста в одном вопросе, установил битрикс,работал после выключения компьютера не могу открыть сайт, работал на локалхост, что может быть?

    Asked by F@NTOM,

    0 votes
    5 answers

  8. <li> — отступ

    Нужно убрать отступ который показан на рисунке ниже. Собственно сам код: .Menu { background: #222120; border-left: solid 1px #4d4b48; border-right: solid 1px #4d4b48; border-bottom: solid 1px #4d4b48; padding: 5px; width: 200px; margin: 0px; } Пробывал вставлять float:left, но толку нету, только ломает дизайн. Красной рамкой отмечен отступ

    Asked by Twilight_Sparkle,

    0 votes
    5 answers

  9. Прижатый подвал

    Привет, помогите решить загадку. Как мне прижать footer, что бы он был всегда и при любом разрешении экрана внизу.

    Asked by mayse,

    0 votes
    5 answers

  10. Отстык=пы в меню

    Здравствуйте! Помогите, пожалуйста, разобраться с отступами в меню. При задании для текста меню padding-top:10px; надпись меню опускается вниз, но появлеятся расстояние между картинками модулей. И еще не могу понять, откуда появислся отступ в хроме и эксплорере сверху шапки сайта. Высота блока меню и хедера задана такаяже, как изображения. На всякий случай код: index.php <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> <head> <jdoc:include type="head" /> <meta http-equiv="Content-Type" content="text/html; char…

    Asked by Zeeeya,

    0 votes
    5 answers

  11. 3d

    Реально ли создавать трехмерную графику при помощи интернет-технологий. В какую сторону копать???

    Asked by ctpz,

    0 votes
    5 answers

  12. Не знаю как разместить надпись по центру

    Как можно сделать надпись по центру по вертикали: Верстала следующим образом: <td><div class='navigation'><a href='#' class'navigation'>Розма</a></div></td> Фон задан для ссылки,поэтому,если пытаюсь делать отступы,то двигается всё. Что делать?Помогите,пожалуйста.

    Asked by IrkaLulka,

    0 votes
    5 answers

  13. не показывает полностью мой сайт

    В моем странице много чего и браузер как бы не может показать всо.и мои нижние элементы не видно в браузере..Помогите плиз

    Asked by grishgrigoryan,

    0 votes
    5 answers

  14. div как таблица

    Привет...Подскажите интересные решения, как див сделать таблицей без использования display

    Asked by Mr.Black,

    0 votes
    5 answers

  15. Разрешение экрана для макета

    Здравствуйте. Интересует под какое разрешение экрана сегодня принято ориентироваться при создании фиксированного макета?

    Asked by param,

    0 votes
    5 answers

  16. "Ползунок справа"

    Как изменить дизайн ползунка справа в браузерах для прокрутки страниц по вертикали?

    Asked by Twilight_Sparkle,

    0 votes
    5 answers

  17. макет с двумя колонками одинаковыми по высоте

    Всем привет! Такая проблема: не могу сделать две колонки (одна левое меню, другая контент), чтобы та колонка в которой содержимого больше, растягивалась по размеру на это самое содержимое, а соседняя выравнивалась вровень с ней. Т.е. грубо говоря чтобы они всегда были одинаковы по высоте. Большое спасибо за ответы! Вот макет: html, body { width:100%; height:100%; margin:0; padding:0; } * html #content { height: 100%; } body { background: blue; font-family: Helvetica,Arial,sans-serif; line-height: 1.3em; font-size: 12px; height: 100%; } .header { background: red; position: relative; height: 356px; width: 998px; ma…

    Asked by xenon6,

    0 votes
    5 answers

  18. Проблема с fixed в IE

    Приветствую. Не могу побороть проблему в IE с фиксированным положением элемента на странице. (пример http://seotop.pro/photo/folder-2008-2009-peru.html) Панелька должна прибиваться к низу и держаться там при скролинге и при ресайзе страницы. Везде естественно кроме IE пашет, прибегать к js для этого не хочется - в IE при пересчете положения панель начинает "скакать" за страницей, выглядит плохо. Поэтому ищу способ через CSS. Кто знает подскажите методы решения.

    Asked by byxah,

    0 votes
    5 answers

  19. Мелочи по php

    Привет!!! Подскажите есть ли какое небуть отличее этих функциий require("header.php"); include("header.php"); Пользуюсь обоими время от времени.

    Asked by paseonru,

    0 votes
    5 answers

  20. Кратная (минимаксная) ширина div

    Здравствуйте, столкнулся со следующей проблемой: Есть один div с 100% шириной, в нём много вложенных div'ов с заданной конкретной шириной - 150 px. Проблема состоит в том, что при некоторых разрешениях экрана ширина родительского div'a становиться не кратна ширине вложенных. Например: 1440px - в родительском div оказывается 9 вложенных div'ов и ещё где то половина пустого пространства (фона). Как без использования js можно добиться того, что бы родительский div мог растягиваться и в нём было максимальное кол-во вложенных div'ов, но при этом он облегал вложенные div'ы по ширине (т.е. например вместо 1440 получалось 1350)? Пробовал: присваивать min/max-width без указанной …

    Asked by Arkham,

    0 votes
    5 answers

  21. RSS не реагирует на стили

    Здравствуйте, Уважаемые Специалисты! Помогите, Пожалуйста, разобрать головоломку! То ли я туплю, то ли для RSS законы верстки не писаны... Решил вывести под каждым анонсом в RSS копирайт. Все нормально. Через functions.php получилось так: function rssfooter($content) { if(is_feed()) { $content .= "<p>" . '<a class="master_link" href="http://мой-сайт.com/law"><strong><em>Copyright by и т.д.</em></strong></a>' . "</p>\n"; } return $content; } add_filter('the_excerpt_rss', 'rssfooter' ); add_filter('the_content_feed', 'rssfooter' ); Стили в CSS прописаны следующие: .master { background-color: #e9d4b9 !important; margin-l…

    Asked by Santorin,

    0 votes
    5 answers

  22. Из каких элементов лучше составить блок (цена, размеры, добавить в корзину)

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

    Asked by Saturn,

    0 votes
    5 answers

  23. Кнопка на всю площадь ячейки

    Всем привет! Имею элементарную <table> из одной строки и двух ячеек: в левой текст, в правой кнопка (<input type="submit"...>). Так вот хочу что бы кнопка заняла ВСЮ площадь правой ячейки вне зависимости от ее возможных размеров. Как попытался решить - использовал такой стиль для кнопки: form.reqSnip input{ text-decoration: none; background: transparent; width: 100%; height: 100%; border: 0; cursor: pointer; margin: 0; padding: 0; display: block; } По моему разумению - должно работать: кнопка становится блоком и занимает 100% по обоим измерениям. Однако в результате 100% выбирается лишь по ширине, высота на 100% чхать хотела. Т.е. высота кнопки ост…

    Asked by Aborigen,

    0 votes
    5 answers

  24. Отображение select в хроме в mac os

    Всем привет. Подскажите пожалуйста, как убедить хром на Mac OS отображать select так как у меня прописанно в css (убрал бордер и фон поставил прозрачным.)? Хром же в свою очередь вставляте хоть и красивый select, но все же не по дизайну формы. Может кто ни будь сталкивался?

    Asked by viv,

    0 votes
    5 answers

  25. Проблема с overflow: auto;

    Всем привет, есть такой код: <table> <tr> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> <th>Бла-бла-бла</th> </tr> <div style="overflow: auto; height: 100;"> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> </tr> </div> <tr> <td>Бла-бла-бла</td> <td>Бла-бла-бла</td> <td&g…

    Asked by Bonzash,

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