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. padding "ломает" верстку

    Здравия желаю всем форумчанам. Прошу помощи в тривиальном вопросе. Нужно сверстать три колонки 40 20 и 40 процентов по ширине. Все нормально до тех пор, пока для внутренних элементов этих блоков я не указываю padding. В результате их(внутренних элементов) реальная ширина становится больше указанной. На примере верхние текстовые поля со стандартным padding-ом, нижние - с увеличенным. Есть ли какое-нибудь решение проблемы??? Спасибо! И еще смежный вопрос: почему родительский див, содержащий несколько детей с float:left по высоте будет 0px? В данно примере div#containerMain имеет высоту 0px... И как это исправить? Всем спасибо за помощь! <!DOCTYPE html PUBLIC "-//W3C//D…

    Asked by ]-[иколай,

    0 votes
    16 answers

  2. не могу разобраться с div

    Подскажите,где я не прав - есть div(main),в котором находятся еще 2 div,и все хорошо,пока вставляешь текст во второй блок,тогда второй блок просто выезжает за границы основного блока.Вот пример: html <body> <main> <main_content></main_content> <second_content></second_content> </main> </body> css main { border: 3px solid #000000; width: 960px; min-height:600px; margin: 0px auto; display: block; } main_content{ background-color: #00FF00; width: 650px; min-height:600px; float:left; } second_content{ background-color: #8B0000; width: 300px; min-height:600px; float:right; } понимаю,что вопрос …

    Asked by dummy,

    0 votes
    13 answers

  3. Форма обратной связи

    Доброго времени суток. Очень нужна помощь, на форуме ответа не нашла, простите. Но буду пизнательно если хотябы укажите где читать. Задача такая: Добавить форму обратной связи + возможнсть выбора адресата(и высылать на соответствующие адрес электронной почты) Сайт написан на HTML, соответственно вопросы: Реально ли это сделать? И если да, то как?) Уточню, как сделать форму я нашла, а как возможность выбора адреса сделать?

    Asked by Tishina,

    0 votes
    2 answers

  4. При удалении текста, блок смещается

    Добрый день! Подскажите пожалуйста в чем дело. Вот ссылка на блок с текстом http://s43.radikal.ru/i099/1109/8e/4bb66c3a0cd5.png тут все нормально Блок без текста http://s002.radikal.ru/i200/1109/9a/335fd5832508.jpg а здесь если текст убрать весь блок смещается в левый угол Вот коды http://jsfiddle.net/MJ2Ac/ не пойму что не так.

    Asked by Didorri,

    0 votes
    2 answers

  5. Неправильное отображение в браузерах.

    Добрый день! У меня есть 3 проблемы вот по этому сайту - vipdoma.kiev.ua 1 по Хрому, и 2 по IE. 1. Во всех браузерах идет абсолютно нормальное отображение бэкграунда, кроме Google Chrome. Пытался понять в чем проблема так и не смог. Все фоны у меня прописаны в .css файле, ниже идет выдержка из него: body { font: normal 11px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; letter-spacing:-0.04em; color: #666; font-size:67%; line-height: 1.538em; background: #afb1b4 url("../../images/bg_body.gif") repeat; } 2. Когда открываю сайт IE любой версии, в левом нижнем углу флажек о том, что на странице ошибка, что он…

    Asked by maashina,

    0 votes
    4 answers

  6. Админка для сайта

    Если ли такие? Не CMS ли это? Если ли способность в админке добавления статей( к примеру у меня новостной портал, нужно обновлять каждый день), назначить пару человек в качестве модераторов(обновление новостей, изменение текста на сайте)

    Asked by Fear1,

    0 votes
    8 answers

  7. путь к css и js

    Есть основная папка(new8) с сайтом? в ней расположены папки: css, js, images, section и сам сайт index.html Есть такой путь: section/creature/n1/index1.html Я никак не могу для файла index1.html прописать путь к css и js Пробовал ../css/style.css но не получается. Возможно на хостинге этот путь верный?

    Asked by Fear1,

    0 votes
    4 answers

  8. Правый блок заезжает на футер

    Добрый день. При перевёрстке сайта с таблиц на блоки появилась проблема -- правая колонка начала упрямо залезать на футер. Padding в футере почему-то даёт отступ от основного контента (аналогично контент от футера), а "правый" div, находящийся между ними, игнорирует. Пробовал справиться с помощью float, clear: both -- увы, не помогает. Нужно чтобы подвал в любом случае находился ниже основного содержания и правого блока. Фрагмент CSS-кода: #content { margin-right: 231px; padding: 10px; border-right: 1px dashed #183533; } #content p { margin-top: 0.3em; } #rightcol { position: absolute; right: 0; top: 131px; width: 220px; font-size:…

    Asked by ticca,

    0 votes
    2 answers

  9. Как называется..

    Здравствуйте ребята. Подскажите, как называется такой вид рекламы когда на странице нет никаких рекламных объявлений а только случайно может открыться еще одна вкладка при нажатии пользователя на какой-либо участок сайта. Спасибо за внимание.

    Asked by AP311,

    0 votes
    7 answers

  10. Слайдшоу как картинка

    Здраствуйте! Есть такая проблемка! Большой блок-ссылка и в нём маленький блок со ссылками. Как сделать так, чтобы эти ссылки из маленького блока были над блоком-ссылкой родительского? (2два блока позиция апсолют) Спасибо! С уважением Андрей!

    Asked by Vendetta-V,

    0 votes
    1 answer

  11. Отступ от низа экрана. Помогите найти.

    Помогите пожалуйста разобраться с такой проблемой. Есть сайт:http://prospect.gorodgid.ru/ У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал). Как убрать это расстояние? Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...

    Asked by stardg,

    0 votes
    4 answers

  12. Изображения

    Добрый день. Сделал фон и дизаин блоков и разрезал все на кусочки. Нужно разместить фон по бокам основного блока. Как сделать чтобы изображение не повторялось и фиксировалось в нужном мне месте? background-repeat и его значения не помогают, background-position тоже самое.

    Asked by Didorri,

    0 votes
    8 answers

  13. НЕ ВИДНО ШРИФТ

    Суть проблемы заключается в том что не видно руский шрифт, только английский Вот сам код менюшки <ul class="sf-menu"> <li class="active"><a href="#">PC</a> <ul> <li><a href="#">Топ игры</a> <ul> <li><a href="#">Последние 6 мес</a></li> <li><a href="#">Последние 12 мес</a></li> <li><a href="#">Этот год</a>&lt…

    Asked by Fear1,

    0 votes
    15 answers

  14. dl dd в опере

    На страничке http://vm3378.vps.agava.net/catalog/colorr.php?SECTION_ID=8259 во всех браузерах кроме оперы, маленькие картинки (справа от большой картинки нормально показываются) Я сам не верстак, не знаю всех тонкостей. Может кто подскажет как сделать чтобы и для оперы они отображались так же как и во всех других браузерах? А именно справа от картинки.

    Asked by Tchorteg,

    0 votes
    2 answers

  15. 3 элемента в ряд width:33%; float:left;

    <div style="width:33%; float:left;"> <a id="divan" href="/upload/iblock/47b/47b42e09de2c2699b955dc8716ba57bc.jpg"><img src="/upload/iblock/d32/d3274baea244fb82b4a2b858ece608d8.jpg" width="230px"></a><br> <div align="center"><a style="color: #b1593c; width: 125px; vertical-align: top; display: inline-block; padding: 0 0 3px 4px; position: relative; font: normal 14px/110% trebuchet ms, helvetica cy, sans-serif;" id="divan" href="/upload/iblock/47b/47b42e09de2c2699b955dc8716ba57bc.jpg">Jercy Cremini, Albert Bronze</a></div> </div> Первые три ряда идут 3 элемента в строку, потом один, а потом через два ряда еще один …

    Asked by Tchorteg,

    0 votes
    3 answers

  16. Библиотека и FLash

    Доброго времени суток, у меня такая проблема Есть таблица, которая находится в библиотеке <!-- #BeginLibraryItem "ссылка где находится библиотека" --> <!-- #EndLibraryItem --> В ячейках присутствую flash объекты <object> <embed src="ссылка?normal=ссылка&pressed=ссылка&hover=ссылка&clipboard=9605902" width="100" height="15" /> </embed> </object> Если таблица будет не в библиотека, то flash Объекты работают. Если таблица будет в библиотеке, то то flash Объекты не работают. Помогите разобраться, чтобы в библиотеке все объекты работали.

    Asked by SLameN,

    0 votes
    5 answers

  17. Проблема со шрифтами

    При одинаковых значениях у меня почему-то получаются разные шрифты в браузерах, разница особенно с эксплорером. Вот, допустим в IE: А вот, в лисичке: В ИЕ у меня текст более сглаженный(приятный на вид)и немного жирнее всегда выглядит, а в других какой-то пиксельный. Попробовала !important(не знаю уместно было или нет), не помогло. Как бы мне их к одному виду привести? Спасибо!

    Asked by Анна,

    0 votes
    7 answers

  18. Подгрузка *.swf в Safari = белый прямоугольник

    Подгружаю *.swf-ролик (никакого активного содержимого только короткое видео, типа Intro), для всех браузеров справился а с Safari не получается. Суть проблемы: пока сафари грузит ролик, на его месте остаётся белый прямоугольник по размерам swf-a для IE решился вопрос через библиотеку swfobject для всех остальных браузеров (кроме сафари) стандартным указанием <param name="wmode" value="transparent"> и только сафари не могу никак победить ... Вот проблемная страница: _http://alfabet.ru/test/ Вот значимый код : <!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.…

    Asked by loki li,

    0 votes
    2 answers

  19. Скачущий блок

    Начал верстать свой первый макет. Проблема в том что, текст "News and announcements" в ie8 и сhrome отображается одинаково, а в ff текст приподнимается где-то на 5-10px вверх, и еще как можно сделать чтобы текст переносился одинаково во всех браузерах, а то опять же в cи сhrome текст переносится одинаково, а в ff уже немного по другому. ff ie8 сhrome

    Asked by Гарри Топор,

    0 votes
    3 answers

  20. Border как фон текста

    Нужны свежие мысли) Необходимо вот так оформить текст: То есть слева и справа от текста идет border, между чертой и текстом есть отступ, черта должна занимать все свободное пространство. Под текстом абстрактный фон с градиентом, поэтому вариант "задать основному блоку фон с линиями, а поверх положить текст с таким же фоном но без линий" не канает. Может у кого-то уже такое попадалось? P.S. HTML нет, так как на данном этапе сверстать можно как угодно.

    Asked by SEObomj,

    0 votes
    5 answers

  21. Таблица - ячейка

    Есть <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr><td><?substr('$GLOBAL_AHEADER$',18,-38)?></td></tr> <tr> <td><?substr('$GLOBAL_CLEFTER$',18,-38)?></td> <td>$CONTENT$</td> <td><?substr('$GLOBAL_DRIGHTER$',19,-39)?></td> </tr> <tr> <td><?substr('$GLOBAL_BFOOTER$',18,-37)?></td> </tr> </table> Как сделать отображение первого <td> в полную таблицу как будто тут три <td><td><td>

    Asked by uExpo,

    0 votes
    3 answers

  22. Div вылазит за границы

    Привет. заранее Извеняюсь за ламерский вопрос ))) есть некий div класса column он вылазит за пределы родительского. Тоесть в column динамически скрипт добавляет содержимое и тот вырастает больше контейнера и спокойно вылазит за его пределы. Надо чтобы контейнер рос вместе с column. контейнер сейчас обычный Div без класса. вот css column. cursor: auto; display: block; float: left; height: 347px; line-height: normal; margin-bottom: 0px; margin-left: 0px; margin-right: 10px; margin-top: 0px; min-height: 250px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline; width: 404px;

    Asked by 3dinterface,

    0 votes
    5 answers

  23. Как убрать отступ правого блока?

    Как убрать отступ правого блока? скрин в ссылке Моя ссылка <div id="all"> <div id="shapka" href=""> <div id="logo"></div> <h1>ШАПКА</h1> </div> <div id="mybox"><!-- Контейнер для 3х блоков --> <div id="nav"></div> <div id="text"> НАПОЛНЕНИЕ </div> <div id="rek"></div> </div>

    Asked by Didorri,

    0 votes
    13 answers

  24. Target="_blank"

    Во всех браузерах Target="_blank" открывается на новой вкладке, а у IE в новом окне, можно его как-нибудь уговорить открываться тоже в новой вкладке?

    Asked by Анна,

    0 votes
    8 answers

  25. Поиск на сайте и проблема с aside

    Я хочу поставить поиск на сайт. Предположительно он будет находится справа, под лентой новостей. В самом низу шапки. Как бы лучше его туда поставить чтобы лучше смотрелся? Можете что-нибудь посоветовать? Да и ещё вопрос, у меня на странице при уменьшении экрана правый блок с менюшкой наезжает на контент, как лучше сделать чтобы он не наезжал на контент (просто совет)? а забыл сайт: _sdcvoy.ru

    Asked by nightgremlin,

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