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. Проблема с меню

    Ну в общем я создал список и задал клас к тегу Li потом задал как они будут выглядеть после наведение и тд но получается так что сверху остается место в в картике где меню вот ссыль на сайт меню сверху Вот код html <table border="0" cellpadding="0" cellspacing="0" width="826" id="kategories_menu"> <tr><td> <div class="menu_btn"> <ul> <li><a href="ссылка">Название</a></li> <li><a href="ссылка">Название</a></li> </ul> </div> </td></tr> </table> Вот код css .menu_btn li a:link {text-decoration:none; color:#ffffff;background:url("/images/header/btn_menu.pn…

    Asked by Unicode,

    0 votes
    6 answers

  2. нужно ли при указывании позиционирования фона уточнять "позишн абсолют"?

    Здравствуйте. Подскажите, почему когда я написал стиль body {background:url(2afdf8df17cd.jpg) left bottom no-repeat;}, рисунок почти полностью уползал наверх и я видел только его самый нижний кончик. И только уточнение position:absolute, то есть, полная запись body {background:url(2afdf8df17cd.jpg) left bottom no-repeat;position:absolute;} поставило всё на свои места. Но ведь в http://htmlbook.ru/css/background-position ни слова не сказано, что нужно уточнять - позишн абсолют. Браузер Опера11. Проверял и в Лисе.

    Asked by Serg55,

    0 votes
    4 answers

  3. Как убрать отступ

    Привет всем!) Я решил сверстать ооочень простую страничку для Motd окна cs 1.6 сервера с использованием css и html. Начинаю работать пока что только с html'ом. Для начала на середину сверху я решил добавить изображение с названием сервера (сделанное в фотошопе) и вот собственно в теге <body> решил разместить оный код: <h1 align="center"><img src="images/df.png" alt="DealyFrags"></h1> Изображение выравнялось по середине, но у него имеется отступ от верха. Я не мастер в css и html и даже не пробовал углубленно изучать. Делаю я все сразу же и по учебнику. Или же это изображение выравнивать надо уже в css?

    Asked by Feers1de,

    0 votes
    4 answers

  4. Как поменять местами два блока средствами CSS ?

    В процессе работы возникла проблема. Есть код в духе: <div id="content"> <div id="menu">Меню</div> <div id="login">Логин</div> <div id="baner">Банер</div> </div> Не имею доступа к HTML коду, только CSS. Надо поменять местами блок "menu" и блок "login" средствами CSS, с таким расчетом что бы при назначении блоку "menu" свойства display: none. нижележащий блок "baner" корректно поднимался вверх под блок "login".

    Asked by Kelenar,

    0 votes
    2 answers

  5. Ссылка и переключатель разворота в верхнем уровне аккордеона

    Здравствуйте, я новичок в программировании и поэтому хотя и пытаюсь разобраться сам, но все же мне нужна ваша помощь. Я использую http://www.i-marco.nl/weblog/archive/2010/02/27/yup_yet_another_jquery_accordi плагин, вот рабочая площадка http://stezja.kiev.ua/index0.php. Задача такая: добавить в верхний уровень списка графический элемент который будет сворачивать-разворачивать список, а ссылка которая обеспечивает этот функционал станет простой ссылкой :help: , т.е. при клике на ней будет осуществлен переход на другую страницу, как и должно быть в штатном режиме :write: Система приблизительно такая: Сначала я пробовал через background-image, но на него нельзя повесить …

    Asked by lessless,

    0 votes
    11 answers

  6. фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне

    фон на всю ширину для footer`a заданной ширины в 3х колоночном дизайне. Верстаю макет 3х колоночного. Нужно что бу у футера был растягивающий фон. Я сделал так: <body> <div wraper> ... <div footer></div> </div> <div footerstyle></div> То-есть под основным телом страницы создал дополнительный слой, в css написал: #footer { height: 100%; width:100%; background: #326ca6; } #footerstyle { background: #326ca6; width:100%; height: 100px; position: relative; margin-top: -100px; } ps. Для css footer высота изначально 100px В итоге фон залазеет куда надо, но конечно поверх контента футера)Конечно можно установить разные z индекс…

    Asked by z-0091,

    0 votes
    3 answers

  7. Вопрос

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

    Asked by hellios,

    0 votes
    1 answer

  8. Как релизовать такую смену контента при наведении на ячейку?

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

    Asked by MiHALbI4,

    0 votes
    6 answers

  9. Подгон под разрешение

    Здравствуйте! Помогите сделать макет, пожалуйста. Лого и меню должны быть всё время в этой точке, а бэкграунд обрезаться примерно в таких пропорциях, в зависимости от разрешения экрана. Я пыталась, но что-то ничего не выходит! Спасибо! http://narod.ru/disk/17438443001/mayakfhd.png.html http://narod.ru/disk/17438494001/mayakhd.png.html

    Asked by htmlbr,

    0 votes
    22 answers

  10. Перевод шаблона на русский язык

    Здравствуйте. Впервые берусь за верстку, нашел нужный шаблон, но при изменении в теге <h2> с английских слов на русские, при просмотре в браузере текст исчезает. Шаблон начинается со строк: <!DOCTYPE html> <html lang="en"> <head> <title>Название сайта</title> <meta charset="utf-8"> Пробовал менять <html lang="en"> на <html lang="ru"> - не помогает. Может нужно кодировку изменить? На всякий случай загрузил шаблон на Народ http://narod.ru/disk/17445643001/Airplanes.rar.html Пишу здесь т.к. в поиске по форуму такой темы не нашел. Подскажите пожалуйста.

    Asked by q3dm4pro,

    0 votes
    14 answers

  11. Текст за пределами родительского блока

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

    Asked by ShiftedReality,

    0 votes
    8 answers

  12. Левый блок ширина в пикселях, а правый резиновый

    Здравствуйте. Такой вопрос. Есть резиновый блок в нём ещё два (один из них не резиновый). Нужно чтоб эти два блока стояли рядом и полностью заполняли основной блок. Дело в том что первый блок имеет постоянную ширину например 100px, второй резиновый. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style type="text/css"> #main{ border:3px solid #000; position:relative; width:80%; height:150px; margin:…

    Asked by art.u,

    0 votes
    4 answers

  13. Помогите найти слайдер

    Всем здравствуйте! Подскажите, пожалуйста, встречали ли вы подобный слайдер, чтобы контент размещался в две строки: Буду благодарна за название или его ссылку.

    Asked by Eirene,

    0 votes
    3 answers

  14. Слетел подключенный шрифт на сайте

    Вот к примеру, страница <H1> выводился с подключенным шрифтом MyriadProLightCondensed, но тут вдруг перестал. Стили я не правил (т.е. вообще даже не открывал), менял только код PHP в некоторых шаблонах компонентов. Теперь почему-то не подключается нужный шрифт ни в одном браузере. Помогите разобраться? Да, кстати, дамп сайта на локалке работает как надо.

    Asked by d0ublezer0,

    0 votes
    14 answers

  15. Почему не отображается в IE?

    Вот такой вот код главного дива: main{ background:url(../%D0%A1%D0%B0%D0%B9%D1%82%20%D1%84%D0%B0%D0%B9%D0%BB%D1%8B/background1.jpg); width:960px; height:900px; background-repeat:no-repeat; margin:0 auto; Задача:фиксированная картинка фон для сайта(с добавлением тени,поэтому через див) по середине. Вопрос:в чем проблема отображения в ИЕ?Фаерфокс отображает корректно.А ИЕ не хочет...пробовал разными способами?

    Asked by BupycAP,

    0 votes
    4 answers

  16. как сделать след. разметку?

    Asked by lidoks,

    0 votes
    6 answers

  17. HTML5 CSS Таблица. Расстояние между ячейками

    здравствуйте. не смог в справочниках найти и методом тыка догнать, как делать расстояние между строк в таблице больше/меньше? cellspacing вроде тыкал уже не зная куда..че то не увидел результата. И можно ли это задавать в CSS?..или только в хтмл коде непосредственно на странице? Сам код таблицы: <table class="price"> <col class=""/> <colgroup span="2"></colgroup> <col class=""/> <thead> <tr> <th colspan="2" scope="colgroup" background="/img/table_greenbar.png";><a href="" title="">Заголовок</a></th> </tr> </thead> <tbody class="price"> <tr> <td colspan="2" scope="colgroup">…

    Asked by Samenfaden,

    0 votes
    6 answers

  18. Как работает height: 100% для <div>?

    Почему тут работает height: 100% для <div>, а тут не работает?

    Asked by krokodily,

    0 votes
    2 answers

  19. Как резать готовый, нарисованный сайт!

    Как ы CS3 резать сайт и разделять каждый рисунок????

    Asked by Andante94,

    0 votes
    6 answers

  20. Без скриптов...

    Я думаю всем известен тег <noscript> и его предназначение (пояснение для тех, кто забыл или не знал). при использовании jQuery некоторые эффекты дизайна могут быть не доступны для пользователей с отключенным javascript. можно ли, используя тег <noscript> указать для загрузки альтернативную таблицу стилей, которая будет менять отображение страницы?

    Asked by LeD4eG,

    0 votes
    2 answers

  21. div вёстка, проблема с блоками

    Здравствуйте, задача сделать такое: есть html: <div id="hmenu"> <div id="rmenu"></div> <div class="menu"> <ul> <li > <a href="" title="Главная">Главная</a> </li> <li class="page_item page-item-17 current_page_item"> <a href="" title="xcvbdhdfh">xcvbdhdfh</a> </li> <li class="page_item page-item-2"> <a href="" title="Пример страницы">Пример страницы</a> </li> </ul> </div> <div id="lmenu"></div> </div> Никак не могу сделать правильно, подскажите плз как размес…

    Asked by Monachus,

    0 votes
    9 answers

  22. проблемы с дизайном

    у меня сайт artpb.ru при увеличении вида текст лезет за границу рамок , как этот момент исправить? заранее спасибо

    Asked by artpb,

    0 votes
    1 answer

  23. Почему в диве с определённой шириной широкие изображения автоматически не ужимаются?

    У меня есть див с шириной 500px. В нём есть широкое изображение, где-то 1000 px шириной. А почему это оно автоматически не ужимается, пока для него не задашь атрибут ширины=500px? Оно же в этом диве, значит, должно само ужаться, без никаких дополнительных указаний?

    Asked by Serg55,

    0 votes
    10 answers

  24. overflow: hidden скроллится

    Во всех браузерах все отлично, а на Macbook при использовании Safari содержимое элемента с overflow: hidden прокручивается двумя пальцами... Нужна помощь, Google бессилен. Причем на сайте iTunes, например, такого нет. Пример Мой код (без position: relative еще и полосы прокрутки появляются): <div style="width: 480px; height: 320px; overflow: hidden; position: relative"> <img src="http://new.yogamen.net/uploads/games/crazy/1.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/2.png" style="float: left" /> <img src="http://new.yogamen.net/uploads/games/crazy/3.png" style="float: left" /> <img src="http…

    Asked by PocketGaming,

    0 votes
    0 answers

  25. Вопрос по html.

    Доброго времени суток. Хотел поинтересоваться, есть ли какой-то html-тег, который делает вывод текста только на одной странице? Сайт у меня на DLE, в "Общий макет страницы" вписываю текст, но он отображается и в новостях. Мне же нужно лишь на главной. Заранее спасибо, жду ответа. P.S. прошу прощения, если создал тему не в том разделе.

    Asked by Xardas,

    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