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. Отцентровать картинки

    В блоке есть несколько баннеров, которые размещены вертикально. Как их лучше всего отцентровать с помощью CSS? Они разного размера.

    Asked by San-ch93,

    0 votes
    2 answers

  2. Мистика

    Здесь был текст, сейчас его нет

    Asked by Игорь Ермаков,

    0 votes
    1 answer

  3. Верстка!

    Получил заказ на создание сайта. Со слоями не разу не сталкивался. Вот макет сайта.Рисовал сам. Вопрос? Можно ли както обойтись без слоев? Если можно то как?

    Asked by 3d_max_9,

    0 votes
    16 answers

  4. Проблема с блочной вёрсткой

    Есть блок, внутри которого находится маркированный список. Как сделать так, чтобы маркеры не вылезали за рамку блока? Пробовал padding'ом — не помогает. Вот, собс-сно, блок, в котором проблема: http://www.schoolukrainka2.ho.ua/problema/index.html Вот CSS: http://www.schoolukrainka2.ho.ua/problema/style.css

    Asked by San-ch93,

    0 votes
    4 answers

  5. Налезают div блоки

    Здравствуйте. Проблема такая, есть код. При изменении размеров страницы картинка из блока listImg налезает на другие блоки, как этого избежать. <!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>Untitled Document</title> <style type="text/css"> #list { width: 50%; margin:0 auto; } #listImg{ background-color:#FF6; width:16%; float: left; } #listRight { margin-left:16%; } #listTitle { background-color: #FFF; } #listDscrpt { margin-top:2px; background-color:#0F0; } </…

    Asked by Dim,

    0 votes
    2 answers

  6. Равномерно разместить содержимое ячеек таблицы.

    Есть таблица. В одной из её ячеек помещена еще одна таблица. Как сделать так, чтобы первая ячейка прижалась влево, последняя - к правому краю. А оставшиеся 4 ячейки распределились по свободному месту между первой и последней? Размер картинок известен и для всех шести одиноков. Спасибо.

    Asked by ХОЛОДный,

    0 votes
    7 answers

  7. Странное поведение margn-top в FF

    Столкнулся с проблемой позиционирования блоков в Огнелисе 3.5.1. (в опере и ослике нормально) Приведу код для примера: <body> <div style="background:#999999; width:500px; height:300px;"> <div style="background:#009966; width:100px; height:100px; position:relative; margin-top:15px;"></div> <div style="background:#000000; width:100px; height:100px; position:relative; left:150px; margin-top:-50px;"></div> <div style="background:#ffffff; width:100px; height:100px; position:relative; margin-left:300px;"></div> </div> <div style="background:#ff9999; width:500px; height:300px;"> <div style="background:#009966; widt…

    Asked by L0k!,

    0 votes
    3 answers

  8. убрать рамку вокруг рисунка

    подскажите, как убрать рамку рисунка, сам рисунок является ссылкой

    Asked by direct,

    0 votes
    7 answers

  9. Список по горизонтали

    Есть пациент: http://diystores.ru/ Суть проблемы - ниже шапки идут 5 блоков градиентом (1,2,3,4,5). В IE 6,7 съезжает 5ый блок на след. строку. Сам блок: <div id="sellPan"> <ul> <li><h2>1</h2></li> <li><p>2</p></li> <li><p>3</p></li> <li><p>4</p></li> <li><p>5</p></li> </ul> </div> CSS для блока #sellPan{width:100%; height:230px; position:relative; margin:0 auto; padding:0; background: url(images/top-bg.gif) 0 0 repeat-x #FFFFFF; color:#666; font:14px/20px Arial, Helvetica, sans-serif; font-weight:normal;} #sellPan ul {width:100…

    Asked by daykkin,

    0 votes
    12 answers

  10. Помогите найти литературу по HTML!

    Мне сказали ,что для работы в веб-дизайне нужно для начала изучить HTML,потом перейти к PHP Ну и т.д.!Что вы посоветуете?спс)

    Asked by Artur_Koch,

    0 votes
    6 answers

  11. вставка файла excel в iframe

    Всем привет)Мне нужно,чтобы на странице внутри iframe появлялась табличка excel. Сложностей по идее быть не должно: <iframe src="anyfile.xls" width=600 height=500></iframe> но вот какая беда-вместо того,чтобы просто отобразиться во фрейме, файл автоматически запрашивается на скачку, а внутри фрейма остаётся белое поле.Как его заставить просто там отобразиться?

    Asked by Orion11,

    0 votes
    4 answers

  12. Как скрыть последствия относительного позиционирования?

    Здравствуйте! Столкнулся с такой проблемой. На сайте есть несколько категорий каждой из которой присвоена отдельная картинка. Эта картинка по умолчанию выводится в середине страницы. Идея была такова, что бы переместить картинку категории в верх и сделать её шапкой. Сначала установил картинку через position: absolute; - всё отображается прекрасно, но так как сайт фиксированной ширины и висит в центре экрана с полями справа и слева, то на мониторах с разрешением отличным от моего, картинка съёзжает в бок, ибо привязана к углу окна. Подвинул через position: relative; от того места где она выводится в верх. Всё хорошо, но на месте где она была раньше остаётся огромное белое…

    Asked by foksik,

    0 votes
    2 answers

  13. Smarty - Вопросик

    Я понимаю что переменные смарти это ПХП переменые. Вопрос такой, как их выводить методами ПХП? Пишу так: { $item.id } - выводиться Ид, всё номально Следом пишу так {PHP} echo $item.id {/PHP} - но выводиться не ИД а только то что после точки ("id"). Перебераю разные другие варианты : $item['id'], $item[$id], $item.$id и в результате вообще ничего не получаю. Объясните пожалуйста , чо к чему =))

    Asked by Axel186,

    0 votes
    3 answers

  14. Кнопки в IE

    В IE почему-то не отображается фон на кнопках, заданный следующим образом: [b]CSS:[/b] #button { background-image:url(img/img_06.png); border:none; width:65px; height:32px [b]HTML:[/b] <input type="submit" name="enter" id="button" value=""> Вместо этого отображается обычная XP кнопка. В других браузерах разумеется все в порядке.

    Asked by Cmaster2K,

    0 votes
    19 answers

  15. Портативность документа

    Есть домен httpS://x1.ru и домен http://static.x1.ru На сайта (httpS://x1.ru/index.html) указаны в html всякие <img src="http://static.x1.ru/i.jpg"> Нужно каким-то образом написать ссылки так, чтоб можно было сменить название домена, но ссылки при этом остались бы правильные без редактирования всего сайта. -- Думал над вариантом <base href="http://static.x1.ru/"> и таким образом придется менять только base у каждого документа один раз. Но тут проблема в том, что часть картинок ведет на static.x1 ,но часть по прежнему с базового x1. вариант с PHP автоматически подставлять в названия ссылок правильный адрес или делать тоже самое с JS не хочется. Есть ли какая …

    Asked by valenok,

    0 votes
    8 answers

  16. Использование float делает ссылки в элементе недоступными

    Использование float делает ссылки в элементе недоступными. Причем отрицательные поля не используется, position: relative; тоже есть, но ссылки в swafari так и остаются недоступными. .contentLayout .sidebar1 { position: relative; margin: 0; padding: 0; border: 0; z-index: 1; float: left; overflow: visible; width: 264px; } .contentLayout .content { position: relative; margin left: 280px; top: 0; padding: 0; border: 0; z-index: 2; overflow: visible; } В IE7 все работает четко, в safari и во многих других браузерах во float-нутом блоке ссылки недоступны, и выделение самого блока невозможно. Как решить? ((

    Asked by Net-lady,

    0 votes
    9 answers

  17. Пара вопросов?

    Я здесь новичок. Вот возникла пара вопросов: 1). Что значит "верстальщик"? Это HTML, CSS, PHP и т.д. кодер (см. Web-программист) или же это человек, который занимается дизайном будущей страницы(Web-дизайнер)? 2) Вот хочу заняться созданием сайтов. Что для этого требуется? Интересует сам практический процесс обучения. Следует ли писать какие-либо тестовые проекты или же заниматься созданием сайтов на заказ попутно вникая в тему? P.S. надеюсь меня поймут

    Asked by zeep,

    0 votes
    18 answers

  18. <div class="clearer"></div> чем заменить?

    Привет, друзья! Как можно избежать конструкцию типа <div class="clearer"></div> Мой код такой: ... <div id="header"></div> <div id="content"> <div class="left"></div> <div class="right"></div> <div class="clearer"></div> </div> <div id="footer"></div> ...

    Asked by Вадим,

    0 votes
    2 answers

  19. Вставка картинки тэгом object - проблемы с IE

    <object type="image/gif" data="img/logo.gif"> Здесь находится форматированный текст </object> Задумка такая - чтобы при отключеной графике отображался текст заданного размера и формата. Думаю можно использовать слои - но я с ними пока не дружу. Файрфокс и Опера нормально отображают рисунок, а ИЕ - вообще не отображает. Причем если выставить ширину и высоту объекта, то он вставляет фрейм с рисунком. Соб-но вопрос: как добиться, чтобы ИЕ отображал рисунок? Заранее спасибо

    Asked by Razor,

    0 votes
    3 answers

  20. Вопрос по слоям в css. Нужна помощь.

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

    Asked by BadBoy,

    0 votes
    8 answers

  21. Фиксирование контента

    У меня проблема: текст сайта на моем компьютере стоит ровно как положено, а на всех других по-разному, происходит смещение то в бок, то вверх. Как сделать, чтобы он фиксировался на одном месте одинаково на всех компьютерах с разным разрешением??? Приведите, пожалуйста, примеры кода.

    Asked by Zarina,

    0 votes
    12 answers

  22. Проблема с меню в IE7

    Помогите разобраться пожалуйста Верхнее меню в мозиле и эксплорере отображается по разному: http://upsservis.ru ксс. #header { clear: both; width: 750px; height: 45px; margin: 0 auto; } #logo { float: left; padding: 10px 0 0 0px; color: #000000; background: inherit; width: 300px; } .slogan { float: right; border-left: 1px solid #CCCCCC; padding: 0 0 0 20px; } #hmenu { padding: 13px 0 5px 0; float: right; } #hmenu ul { margin: 0px; padding: 0px; } #hmenu ul li { float: left; /* располагаем список по горизонтали */ list-style-type: none; /* удаляем маркеры */ } #hmenu ul li a { padding: 12px 13px 2px 11px; text-decoration: none; color: #414141; backgro…

    Asked by Mitshan,

    0 votes
    2 answers

  23. Мягкая тень вокруг li

    Возник реальный вопрос. Png-прозрачность и все-такое уже умею. Не могу понять как сделать растягивающиеся кнопки с тенью через li. Вот пример:

    Asked by Вадим,

    0 votes
    17 answers

  24. Углы в Opera и Ie

    проблема вот в чём: Опера: Интернет Эксплорер: ?? Как сделать чтобы в опере и ie одинаково было? ——————————————————————————- Кстати, к слову, видите чёрные кнопочки наверху (это меню) в ie они меньше, чем в опере и background целиком не влезает. дело вот в чём: (ну хоть это и так понятно, но всё же) css: #menu a { display: block; width: 161px; height: 16px; font-size: 10px; font-family: arial; padding-top: 2px; background: url('/img/a_.gif'); color: white; text-align: center; } И в опере высота "a" = height(16px)+padding-top(2px) и получается высота a_.gif (18px) А вот ие не прибавляет паддинг к высоте и остаётся просто height 16px. ?? как сделать, чт…

    Asked by iavn7,

    0 votes
    12 answers

  25. apache Directory Listing + CSS

    Подскажите, пожалуйста, как изменить внешний вид вывод директорий с помощью css...

    Asked by rolph,

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