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. Нужна тематика для сайта.

    Я решил учить html и css. Но учится надо регулярно. А лучше ещё на конкретном примере конкретного сайта. Вот передо мной и стала задача тематики. Что бы что-то не сложное, и можно было сконцентрироваться на коде, а не на этой самой теме. Что посоветуете вы? P.S. Разумееться пока я ничего не умею, поэтому какието шаблоны -- не предлагать

    Asked by Тёмыч,

    0 votes
    7 answers

  2. таблицы+ ie7+ (chrome + FF)

    Доброго времени суток. Задача следующая - сделать слой высотой {100% - 90px снизу - 90px сверху} Нужна стабильная работа под ie7 и дальше. http://www.beavers-net.narod.ru/primers/tableXie7.html Проблемы две - 1) ie7 ни за что на свете не желает делать врехнюю и нижние строки таблицы по 90px; 2) Chrome, FF3.6 не хотят отображать абсолютно позиционированный слой внутри релативной ячейки. Слой занимает в данном случае 100% от экрана и идет поверх всей таблицы. Про box-sizing помню.. но не знаю его эквивалента под ie Заранее спасибо. С уважением, Олег.

    Asked by tt48,

    0 votes
    6 answers

  3. Оформление блока

    Добрый день, помогите реализовать оформление блока как на картинке: С закруглениями много материалов перечитал, но чтобы такое сделать, ничего найти не могу.

    Asked by lindim,

    0 votes
    4 answers

  4. Всплывающие div'ы

    Всем привет! Прошу помощи!!!Скрипты не предлагать!! Создал страницу на которой отображаются div(общий)-->div(внутренний):картинка ->(ниже картинки) div(внутренний, но скрыт) и <--в этом то div'е краткое описание содержимой картинки! Далее поставил кнопочку(оформил стилями) и при наведении на нее курсора вплывает этот скрытый div с описанием картинки! Проблема такая: сборок с картинками много и к каждой такое скрытое описание, но нижние элементы при просмотре описания всплывают вниз за границы экрана и части текста не видно(приходится прокручивать вниз вручную) ! Есть ли возможность всплытия вниз так что описание выходило полностью пусть и страница немного прокрут…

    Asked by Trol,

    0 votes
    14 answers

  5. Верстка табов

    Может кто покажет нагугленое место? Я чего-то никак не могу найти. Подозреваю, что это непросто, по крайней мере сейчас не знаю как. задача следующая, табы, сделанные на вложенном списке. первый уровень - заголовки, сами табы. второй, собственно представление табов, их содержимое. пока пришел к единственному решению, но мне не очень нравится, измерять l с помощью JS и назначать для LI отриц. левый маргин. Иллюстрация

    Asked by Justnewone,

    0 votes
    29 answers

  6. Как промаштабировать картинку под размер div?

    Есть div определенного размера. И есть картинка размера гораздо большего чем размер divа. Как промаштабировать картинку под размер div? Понятно что можно вставить картинку в html с помощью img и задать width="100%". Но хотелось бы через стиль. Простейший код: <html> <head> <link rel="stylesheet" type="text/css" media="screen" href="cascade.css" /> </head> <body> <div id="header"></div> </body> </html> #header { height: 200px; background-image: url(head.jpg); background-repeat: no-repeat; background-position: left top; background-color: #ffff00; color: #ffffff; text-align: right; } Спасиб!

    Asked by neiro,

    0 votes
    6 answers

  7. Прозрачные фоновые картинки

    Иногда, у блока задают прозрачную фоновую картинку (пример,смотреть в Google Developer Tools), как в этом шаблоне. Картинка, какбы одновременно серая и прозрачная... Внимание, Вопрос: Как вырезать такую картинку из psd?? Например, может, отключить все слои кроме одного (с картинкой).. .. а дальше??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  8. max-width - проблемы

    Есть вёрстка <div id="header"> <div class="logoheader">blablalba</div> <div class="emblemsHeader">blablabla</div> <div class="textHeader">blablabla</div> </div> Есть CSS #header { height: 155px; margin-bottom: 17px; max-width: 1150px; position: relative; top: 17px; } .logoheader { float: left; margin: 0 !important; position: relative; width: 277px; z-index: 1; } .emblemsHeader { float: left; height: 153px; margin-left: -30px; overflow: hidden; position: relative; width: 129px; z-index: 0; } .textHeader { float: left; max-width: 773px; …

    Asked by sifilis,

    0 votes
    5 answers

  9. СУБД MS Access + html

    Здравствуйте. Как можно подключить СУБД MS Access к сайту написанному на html? Т.е. чтобы можно было выполнять поиск по БД и отображать результат на сайте. Что для этого нужно знать и с чем это едят?

    Asked by Bagi,

    0 votes
    17 answers

  10. DIV уезжает вниз.

    Почему <div class="working_panel"> уезжает вниз! я не могу понять почему! <body> <form id="form1" runat="server"> <div class="pre_working_panel"> <div class="event_promo_panel"> <div class="header">Event Promo</div> <div>eventpromoby@gmail.com</div> </div> </div> <div class="working_panel"> <div> <img class="image" src="3f0ad3de.png" /> </div> </div> </form> </body> *{ margin: 0; padding: 0; outline: medium …

    Asked by EventPromo,

    0 votes
    2 answers

  11. Навигация в слайд-шоу

    Помогите правильно расположить навигацию. Туплю. Никак не могу выбрать. Посмотрите свежим взглядом, выберите лучший вариант или предложите свой. Позязя. V.1 V.2

    Asked by tematika,

    0 votes
    7 answers

  12. как сделали на этом сайте?

    http://chessfield.ru/chess/tasks/1 Меня интересует вот этот кусок кода: <section class="chess-task-board"> <div id="chess-task-board"></div> <div id="promote-dialog" title="Выберите фигуру" style="display: none;"> <p>Для продвижения пешки выберите фигуру</p> </div> <ul class="metastat"> <li class="chesstaskrating"></li> <li class="votes-count1">88 голосов</li> <li class="attempts">Просмотров: 26750</li> </ul> </section> На сайте на этом месте расположенна шахматная доска, помоему вот этой строчкой: <div id="chess-task-board"></div> Но ведь тут нет н…

    Asked by Тёмыч,

    0 votes
    15 answers

  13. internet explorer + <button> + смещение при клике

    Кто нибудь боролся с тегом <button> под IE? Дело в том что при нажатии содержимое тега сдвигается влево и вниз на 1 пк. Знает ли кто-то как это предотвратить?

    Asked by klierik,

    0 votes
    8 answers

  14. Заголовки и отступы между ними

    Пардон, за столь лузерский вопрос... Имеем такой пример кода... <h1>TEXT</h1> <h4>TEXT</h4> Между строками получается очень большой отступ... Как его убрать? Требуется написать именно через заголовки h1 и h4, притом, что отступ между строк должен быть, как будто используется тег <br>... TEXT <br> TEXT

    Asked by Asket,

    0 votes
    3 answers

  15. Нубские вопросы по формам

    Простенькая форма: текстовое поле и submit. Вопросы: 1. У текстового поля через value задано значение "Поиск по сайту". Можно его без скриптов убрать, когда я щёлкаю в поле? 2. На кнопке текст - подчёркнут пунктиром. Значит, её через <input> не сделать, только через <a>? UPD Вот так должна выглядеть.

    Asked by Gaspode,

    0 votes
    8 answers

  16. отступы между ячейками таблицы

    Как их можно убрать средствами css?

    Asked by Тёмыч,

    0 votes
    5 answers

  17. Как растянуть Iframe во весь экран?

    Здравствуйте, помогите мне растянуть iframe во весь экран, я пробую так: <frame src="some_page.php" width="100%" height="100%" frameborder="0"></iframe> Но у меня со всех сторон где то отступ по 5px.

    Asked by Maskca,

    0 votes
    1 answer

  18. Выподают изображения из блока

    Такая проблема. Переделываю шаблон с табличной на блочную верстку и столкнулся с такой проблемой, есть блок для контента: div id="content" Стиль: #content { width: 500px; padding: 10 10 10 10px; background: #fff; Родительский блок: #container { width: 520px; float: left; padding: 0 220 0 240; position: relative; Вставляю изображение и текст в блок content. По высоте текста блок растягивается, а вот изображение торчит снизу и блок не растягивает в низ. Как быть ?

    Asked by Ravan,

    0 votes
    2 answers

  19. Размеры LI

    Возможно задать минимальную высоту и ширину у тэга <li> ? Есть меню навигационное. У каждой кнопки прописан background (размер которого width:90; height:40) Пробовал #mainmenu ul li { width: 90px; height: 40px; min-height: 40px; min-width:90px; } Не выходит. Задать можно только размерность UL

    Asked by cul8er,

    0 votes
    12 answers

  20. Выравнивание по центру

    У меня сново есть вопрос по сайту pohodkin.ru.У меня там есть меню(верхнее) которое сделано абсолютным позиционированием.Если в браузере уменьшить маштаб то оно уходит влево,как сделать что бы оно всё время было по центру?

    Asked by NeoMurderer,

    0 votes
    2 answers

  21. Всплывающие элементы

    NULL

    Asked by Queebro,

    0 votes
    2 answers

  22. em или %

    Хочу сделать простенькую гибкую верстку. Что бы при увеличении размера шрифта она не разваливалась. Всё находилось в своих блоках. Подскажите, в какую сторону смотреть, что лучше использовать: em или % ? и почему? IE6 использоваться не будет. ЗЫ вероятно подобные темы поднимались, но поиск не ищет слова с двумя символами.

    Asked by gerard.m,

    0 votes
    8 answers

  23. Возможно ли к одному тегу применить несколько классов.

    Например: <td class="black" class="big"> и следовательно css: .black { background-color: #000; } .big { width: 300px; height: 300px;

    Asked by Тёмыч,

    0 votes
    5 answers

  24. почему не могу задать размеры ячейки таблицы при помощи css?

    http://temich11.nxt.ru/table.html -- таблица http://temich11.nxt.ru/style_doska.css -- css В css размер ячеек задан по сто пикселей, но на деле -- гораздо меньше. В чём проблема?

    Asked by Тёмыч,

    0 votes
    2 answers

  25. javascript opacity

    c.fn.fancyNews.defaults,d),a,k=[],r,h=0,s,m=true;if(!n())if(!n())return this.each(function(){f(this)})}};c.fn.fancyNews.defaults={width:800,height:420,previewOffset:2,maxWords:110,previewsPerPage:3,backgroundColor:"#333230",backgroundOverColor:"#736D61"}})(jQuery); Как здесь задать прозрачность?

    Asked by manolo,

    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