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. Совсем запутался.

    Я не знаю как решить проблему. Передо мной стоит задача реализовать меню вида >Главная страница >Регистрация >Вход В случае входа пользователя, чтобы она менялась на >Главная страница >Профиль >Выход Код менюшки у меня такой (vmenu.tpl) [url="http://%22$HOME_PAGE_LINK%7B:content:%7Dquot;"]Главная[/url] {if #user# == 1} [url="http://%22$PERSONAL_PAGE_LINK%7B:content:%7Dquot;"]Профиль[/url] {else} [url="http://%22$REGISTER_LINK%7B:content:%7Dquot;"]Регистрация[/url] {/if} {if #user# == 1} [url="http://%22$LOGOUT_LINK%7B:content:%7Dquot;"]Выход[/url] {else} [url="http://%22$LOGIN_LINK%7B:content:%7Dquot;"]Вход[/url] {/if} вызы…

    Asked by SiRius,

    0 votes
    20 answers

  2. совсем новичок: путь неясен

    Я очень хочу научиться верстке и программированию сайтов (я имею немалый опыт дизайна и верстке в полиграфии). Ну я просто запутался от количества и не системности информации в интернете по темам сайтостроения.Мне говорят не парься есть Adobe Dreamweaver - все просто, режешь свой фотошоповский дизайн и собираешь в Dreamweaver но я чувствую что это далеко далеко не все есть множество вещей которые знать необходимо, и я хочу и буду учиться и во всем этом разобраться). Но на данный момент я не знаю с чего начать и куда двигаться. Очень нужен просто совет. Заранее спасибо

    Asked by rill,

    0 votes
    3 answers

  3. Совсем нубский вопрос про вёрстку div`ми

    Всем привет Помогите, пожалуйста, разобраться. Есть такой пример вёрстки (он же одним архивом) Как сделать так, чтобы: 1. Во втором ряду блоки, отмеченные красным могли растягиваться, в зависимости от ширины браузера? Т.е., чтобы те блоки, которые чёрным цветом были фиксированной ширины, а боковые подстраивались бы под размер окна? 2. Чтобы Все блоки во втором ряду были статичной ширины, а тот, который называется "блок2" мог тянуться на всю длинну браузера? Заранее спасибо!

    Asked by _SD_,

    0 votes
    1 answer

  4. Совсем простой вопрос

    Вот у меня вначале страницы указаны цвета ссылок в стилях: body a{color:red;} body a:hover{color:red;} body a:active{color:red;} Но некоторые ссылки на странице я хчу сделать другим цветом, поэтому делаю так <a href='' class='newcolor'>link</a> style: .newcolor{color:green} Почему так цвет не меняется? он меняется только если мы сделаем вот так <a href='' style='color:green;'>link</a> Как изменить цвет с помощью класса?

    Asked by new01,

    0 votes
    6 answers

  5. Содание страницы с расстановкой текста

    Извиняюсь, если не по адресу. перечитал "HTML по шагам" и еще рывками из остальных рубрик. Но никак не въеду. Мне нужно создать страницу следующего вида Подскажите, какие статьи мне читать? с чего вообще начинать? Если есть у кого свободного времени немного, то подскажите.

    Asked by antonios,

    0 votes
    16 answers

  6. Содежание <iframe> в соотв с регионом

    Подскажите пожалуйста, решаема ли задача вывода разных баннеров в рекл блоке для разных регионов? Реклама Янд и Гуг не подходит, баннер должен быть кастомный. Можно ли задать параметры региона тегу iframe или подобрать иное решение?

    Asked by seemax,

    0 votes
    2 answers

  7. Содержание DIV-а выезжает за его пределы

    Пытаюсь сделать резиновую вёрстку дивами такого типа: Выглядит это сейчас так: http://maestro-magnifico.ru/ (#center_column обвёл красным бордером для наглядности) Проблема в том, что если сузить страницу, то любой контент с фиксированной шириной - картинки или текст с nowrap, которые находятся внутри резинового блока #center_column, выезжают за его пределы. Как это можно предотвратить?

    Asked by Freakmeister,

    0 votes
    8 answers

  8. Содержание страницы на основе тега h2

    Как можно сделать автоматический вывод в статье чего-то вроде содержания, как в Википедии, чтобы пункты содержания брались из тегов h2 (к примеру) ?

    Asked by kpripper,

    0 votes
    7 answers

  9. Содержимое div

    <html> <head> <style> .dl {float:left; width: 50px; height: 50px;} </style> </head> <body> <div style="width:300px"> <div id="q1" style="background-color: blue; width: 300px; min-height: 100px;"> <div id="q2" style="background-color: blue; width: 300px; min-height: 100px;"> <div class="dl" style="background-color: green;">q2</div> <div class="dl" style="background-color: yellow;">q3</div> <div class="dl" style=" background-color: red;">q4</div> </div> </div> <div style="clear:left; border-style: none solid solid; border-color: rgb(204, 204, 204); border-width: 0pt 1px …

    Asked by underW,

    0 votes
    13 answers

  10. Содержимое div проваливается в его margin-bottom

    Уважаемый специалисты, решил воспользоваться методом центровки содержимого div на экране: http://www.artlebedev.ru/tools/technogrette/html/align-center/. Все сработало, но, как оказалось, при указании у самого внешнего дива - margin-bottom:NNpx, содержимое самого дива ровно на это число пикселов съезжает вниз. Происходит это только в Лисе! Причем, если указать внешнему диву border, то съезжать перестает! Можете попробовать сами. Это глюк Лиса или я что-то не правильно понимаю в принципах поля margin? Догадываюсь, что дело в том, что у внутреннего дива стоит float:right. (Если это свойство убрать, то содержимое перестает вываливаться вниз). Но ведь после содержимого внешн…

    Asked by webmos,

    0 votes
    0 answers

  11. Содержимое div'a при изменении высоты

    Здравствуйте. Наткнулся на такую проблему: есть див в котором размещён контекст, есть простой скрипт который изменяет высоту дива, но при уменьшении высоты содержимое элемента не убирается вместе с ним а остаётся на месте даже если высота = 0. Как это исправить?

    Asked by YISHIMITSY,

    0 votes
    2 answers

  12. Содержимое head лезет в body

    Добрый день. Уже очень долго пытаюсь побороть проблему. Согласно средствам разработчиков (Opera Dragonfly, Firefox Firebug, Chrome), у меня содержимое head полезло в body + добавился один пробел, который мне сгенерировал пустую строку перед контентом. Пациент Скрин

    Asked by olegsuv,

    0 votes
    15 answers

  13. Содержимое Java Script не по центру в Internet Explorer

    Добрый день! Возникла такая ситуация: установил скрипт слайдшоу на главную страницу сайта, в CSS прописал margin: auto Во всех браузерах картинки скрипта по центру, а в IE по левому краю. Помогите устранить данную ошибку. Буду рад любой помощи. Сайт: http://testshops1.ucoz.org/ с ув.

    Asked by lotos580,

    0 votes
    1 answer

  14. Содержимое блока

    Такой вопрос возник. Допустим я делаю блок, а внутри него будет находится заголовок, абзац, картинка ну и т.п. <div class="block"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> Естественно мне нужно будет двигать содержимое. Как будет лучше и правильнее, двигать паддингом блок "block" Или создать дополнительную обертку для содержимого блока <div class="block"> <div class="obertka"> <h1>Заголовок</h1> <img src="image.png"> <p>Текст абзаца</p> </div> </div> и двигать уже маргином блок "obertka"

    Asked by Pato,

    0 votes
    7 answers

  15. Содержимое колонок таблицы не выравнивается по горизонтальному центру

    Пытаюсь выровнять по центру содержимое третьей, четвертой и пятой колонки с использованием тега <col>. С этим заданием справилась только Опера. Ссылка: http://starbuzz.16mb.com/table/ Мозилла и Хром: Опера:

    Asked by mrnobody,

    0 votes
    3 answers

  16. содержимое по центру страницы

    Как сделать так, чтоб при больших разрешениях все содержимое смещалось по центру? И свободное пространство справа и лева заполнялось нужными элиментами (изображениями)? Заранее благодарен!

    Asked by iipo,

    0 votes
    26 answers

  17. Содержимое по центру футер прибит

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

    Asked by tefery,

    0 votes
    6 answers

  18. Соединение двух input-ов в одно. Возможно ли?

    Здравствуйте. Дизайн заставляет сделать нечто такое: Первая строка - понятно, делаем input, и просто забираем все border-ы кроме нижнего. А что можно сделать с нижними строками (input) в которые также нужно вписывать текст? Как их можно соединить? Единственный возможный вариант который я вижу, это писать не простой js, который заставит перепрыгивать с input-а на input при написании/удалении текста. Но это ппц сколько работы. Не подскажите что можно сделать? Может кто-то подобное уже реализовывал? Спасибо.

    Asked by scarzie,

    0 votes
    7 answers

  19. Соединение с FTP-СЕРВЕРОМ

    Привет всем!Хочу забросить простой файл HTML на свой сайт.В TOTAL COMMANDER -имя соединения...сервер... учетная запись...-пишу название сайта...удаленный каталог-public_html...локальный каталог-место..где находится файл.Нажимаю соединиться-ввожу пароль-после поиска в окне отображается информация-530 login incorrect и не могу соединиться пишется-ребята помогите.Буду благодарен за ответ

    Asked by сергей-7,

    0 votes
    21 answers

  20. Соединие DIV и Заливание CSS Фигур Фоном

    Здравствуйте Друзья!) Есть дизайн, я заверстал его блоками. http://myscreenshot.info/i/0005/450771420815068249968785663668.png Вопросы: 1. Как теперь соединить ряд блоков в один DIV, (наподобие псевтотегов чтоли)? 2. Как залить получившейся DIV фоном? Я точно знаю что такое можно сделать)) Пример моего кода (фигура слева) http://myscreenshot.info/i/0005/263841420815915808621868304315.png HTML: <div id="imgbox_canvas"> <div id="im_tri-right"></div> <div id="im_tri-top"></div> <div id="c_row_r"> <div id="im_tri-left"></div> <div id="im_centr"></div> <div id="im_btm-r"></div> <div i…

    Asked by barrudo,

    0 votes
    6 answers

  21. Соединить изображения

    Я сделал в фотошопе картинку шириной 500 px Разделил ее на 3 части, каждую картинку сделал ссылкой. Хочу что бы эти картинки были вместе как единая картинка, но между ними есть отступы. Как избавиться от этих отступов ?

    Asked by Rockman,

    0 votes
    10 answers

  22. Сожержимое страницы центрируется, а не должно...

    Помогите, пожалуйста, справиться с IE! Нужно было сделать карту сайта.. Проблема такая - если мало в строчке текста, td начинает куда-то разъезжаться. Что я делала против сего ужаса - в стилях писала text-align:left, и float:left, в html - align="left", и td ширина фиксирована - ничего не помогает, такая ситуация только у IE, в Mozilla и Opera все нормально, текст выровнен влево, как и надо. . <table width="100%" cellspacing="0" class="map"> <tr> <td colspan="2"><a href="#" ><div>О Банке</div></a><a href="Компания «Энергобаланс»" class="level1"></a></td> </tr> <tr> <td class="mapl…

    Asked by Lisss,

    0 votes
    2 answers

  23. создание гор. меню

    Здравствуйте! Подскажите пожалуйста по мере возможности, как сделать такое меню, с li-inline понятно, а с возможностью при нажатии появляется border буквой П и так т.д, картинка:

    Asked by pattaya,

    0 votes
    4 answers

  24. Создание "подсказки"

    Приветствую! и прошу сразу не закидывать помидорами))) Задача: создать такую штучку - картинка с восклицательным знаком + текст в красной рамке с скругленными углами Как это сделать?! Мой способ, кажется.. ой-как сильно кажется, что нерационален.. <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="60"> </td> <td><img src="http://garant-vrn.ru/img/podskazka/uvl.gif" width="15" height="15" border="0" /></td> <td width="100%"><img src="http://garant-vrn.ru/img/podskazka/vgp.gif" width="100%" height="15" border="0" /></td> <td><img src="http://garant-vrn.ru/img/podskazka/…

    Asked by art-Limon,

    0 votes
    16 answers

  25. Создание "умного" футера

    В общем задача сделать футер такой, что бы если страница меньше чем размер экрана браузера - он ставится в самом низу экрана. При чем при таком раскладе он может накладываться на текст, так что нужно еще и учесть высоту его, в 175пк. Если же страница больше высоты экрана то футер ставится в самый конец страницы. Просто я уже многое перепробовал. Например мой последний вариант: body {min-height: 880px;position: relative;}.footer {position: absolute;width: 100%;left: 0;bottom:-175px;background: #0F6B00;}Но на страницах, которые значительно больше минимальной высоты футер ставится просто под моим экраном, где min-height играет свою роль. Если убрать absolute то все настр…

    Asked by Coshe,

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