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. Див в форме трапеции

    имеем карусель, нужно сделать что бы дивы в ней были в форме трапеции, как это можно сделать? рисунок прилагаю

    Asked by j0hn,

    0 votes
    2 answers

  2. див игнорирует отсутствие отступа

    Доброго времени суток. Я ни как не могу поднять свои дивы к границам. т.е. в боди я убрал все границы body { background:url(img/back_g.jpg); margin:0; padding:0; } в следующих дивах я тоже убрал все границы .col_head { display:block; width:100%; margin:0; padding:0; text-align:left; background:#000; font-size:18px; color:#CCC; font-family:Georgia, "Times New Roman", Times, serif; } #header{ position:relative; margin:0 auto; // выравнивал по центру display:block; width:960px; border:1px dashed #666; // специально обозначил что бы было его видно } Вроде не должно быть ни каких дырок, а вот что получается на самом деле:

    Asked by sh1va,

    0 votes
    15 answers

  3. Див имеет отступ. а не надо

    Всем привет. вопрос прост. Доктайп стоит html 5 (бордер добавлен для видимости, без него тоже есть зазор) для DIVа прописан стиль такой #main { margin: 0 auto; width: 1200px; min-height: 1200px; border: solid 2px red; } Проблема: margin: 0 auto; не работает как надо. Сверху и снизу есть зазор. вопрос: а почему? как убрать?

    Asked by Tezil,

    0 votes
    2 answers

  4. Див контейнер и маштабирующиеся картинки

    Гуры! подскажите пожалуйста, есть див, допустим ширина 300, в нем в ряд картинки(аватары), мне надо что бы они маштабировались корректно при изменении размера этого дива или при добавлении новых аватарок (число неизвестно и может меняться динамически). Хотелось бы средствами только css, ну jquery нахудой конец... Уже вторую неделю бьюсь, придумать ничего не могу. Считать ширину высоту на стороне сервера вообще не вариант.

    Asked by lasti,

    0 votes
    2 answers

  5. Див на весь экран?

    Как сделать чтобы див растягивался на весь экран по ширине и высоте? Имею примерно такую структуру: <div id="header"><div id="logo"></div></div><div id="page"><div id="post"></div></div><style>#header{ width:100%; height:100%; background: url(bg.jpg);}#logo img{ max-width: 80%;}Хочу растянуть шапку на всю высоту, в центре расположить лого, но шапка должная обязательно растягиваться на 100 процентов высоты, так как за ней идет сразу же страница, у нее другой фон и она не дожна сразу быть видна на экране. Хочу реализовать что-то на подобии этого - http://www.martinasperl.at/ Обратите внимание, что первое фото с логотипом…

    Asked by gnomikprazdnik,

    0 votes
    2 answers

  6. Див не прямоугольной формы

    На странице нужно разместить несколько таких блоков, заходящих друг на друга: Каждый из которых, сохраненный в пнг весит очень не мало. Хотелось бы грузить джипег, и либо вырезать нужную мне область или, что лучше, вырезать не нужные мне области, что бы они становились прозрачными. Можно ли как то это реализовать и если можно то как?

    Asked by bob_24,

    0 votes
    8 answers

  7. Див не фиксируется в эксплорерах...

    Всем привет Может у кого возникнет свежая идея, дело вот в чем. Вот страничка (стили и код в одном)... во всех браузерах нормально.. ну а в эсплорерах как обычно... проблема в высоте дива (прибавляет автоматически) и правый див (righcol) поднимает наверх, хотя должен быть на 70 px ниже ... Вот сам код, если у кого есть вариант, буду благодарна.. . я что=то тут застряла.. <!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.org/1999/xhtml" lang="ru"> <head> <title> </title> <meta http-equiv="content-type" content="text/html; charset=windows-…

    Asked by shokeri,

    0 votes
    29 answers

  8. Див по середине страницы!

    Необходимо отцентрировать див по середине страницы(по горизонтали и вертикали), поверх остальных таблиц, рисунков и т.д. Заранее Спасибо

    Asked by ros.pro,

    0 votes
    3 answers

  9. Див под дивом . Как автоматизировать ?

    Всем привет !!! )) Значит делаю дивы блоками один за другим по правой стороне Вот код css А теперь вопрос. 1.Мне никак не подогнать правую сторону в IE . Чтобы они красиво были выравнены по правой стороне. пришлось выставить параметр left -212.... но это ведь колхоз должна же быть автоматизация.?? 2. То же самое как понять воторому блоку где конец первого ?? чтобы он шел сразу за ним например или с отступом на 10 мм ниже. Мне пришлось выставить значение top 540. Но ведь длина блока у меня разная . И соответственно 540 только для данного случая..а при другом тексте не прокатит... Есть автоматизация.???

    Asked by dima4321,

    0 votes
    6 answers

  10. Див посередине сливается с левым дивом

    Див находящийся в центре сливается с левым дивом, оба они находятся в одном большом диве

    Asked by sv12,

    0 votes
    9 answers

  11. Див ростянуть до низу

    Добрый день. Проблемка в том что есть боковая колонка, но я не могу ее растянуть. пробовал height:100% - не работает.. http://feedmail.org.ua/c247.html - левая колонка. Желательно ее растянуть до футера

    Asked by myav4ik,

    0 votes
    3 answers

  12. див уходит за границу экрана

    есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1 .content{ width: 90%; background-color: #333; } .video{ margin: 0px 4px 0px 4px; width: 310; display: flex; flex-direction:column; } .video_button_text{ margin-top: 10px; display: flex; flex-direction: row; font-size: 20px; color: white; } .video_text_div{ display: inline-block; width: 250px; }…

    Asked by Mix9,

    0 votes
    1 answer

  13. Див фиксированного размера

    Как сделать див строго фиксированно размера, что б при любом количесве текста - его ширина была одинакокой. типа <div style="width:300px">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaa</div> вот в нем ширина будет растягиваться если в тексте нету пробелов. как правильно описань параметры дива для этой цели?

    Asked by jewel,

    0 votes
    11 answers

  14. Див, залазиющий на див

    Здравствуйте! Подскажите пожалуйста как сделать слой, который будет поверх первого слоя и на всю ширину первого слоя? У меня имеется первый слой - - он включает в себя все слои. А мне нужно сделать еще один слой, который бы был поверх этого слоя и не влиял бы на первый (я хочу сделать эффект затемнения по правому краю страницы)..page-container { width:99%; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em; }

    Asked by Soniclord,

    0 votes
    14 answers

  15. Дивами нарисовал Винни Пуха http://www.davidch.com/vini/index.html

    вот http://www.davidch.com/kz/vini/index.html

    Asked by Давид,

    0 votes
    14 answers

  16. Дивная вёрсткая + css разбивка на три колонки

    Народ, подскажите пожалуйста, может есть у кого-то шаблон подобного.. Как правильно разбить (дивная вёрстка) css правильно на шапку, три колонки и нижний колонтитул? То есть мне необходимо во вторую и третью колонку будет вставлять одинакового размера картинки, которые будут идти друг за другом. Пересмотрел и перебробывал много чего, постоянно картинки сбиваются и вылазят за края или что-то подобное этому.

    Asked by Jo_Sky,

    0 votes
    1 answer

  17. дивный макет ( помогите)

    Здраствуйте!Помогите нубу решить проблемму.недавно начал изучать хтмл и ксс и сегодня решил впервые попрактиковатся над созданием макета. Собстенна вот создал макет <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="://1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> html,body { margin:0 auto; height:100%;} #contener { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; width:1000px; background:#FC3; } #head { heig…

    Asked by seregascs,

    0 votes
    35 answers

  18. Дивы (ступор :()

    У меня есть html: <div id="center"> <div id="center0"> <div id="banner1"></div> </div> <div id="center1"> <div id="banner2"></div> </div> /div> вот его css: #center { width: 595px; background: #fafafa; } #center0 { width: 395px; float: left; } #banner1 { width: 395px; height: 316px; background: red; } #center1 { margin-left: 395px; } #banner2 { width: 200px; background: blue; } В opera, ie7, mozilla все блоки стыкуются как надо без лишних зазоров В ie 6 блок center1 распологается под блоком center0, хотя визуально выглядят размеры правильно. Подскажите как поправить код, чтобы и в ie6 нормально бл…

    Asked by kkthx,

    0 votes
    2 answers

  19. Дивы в диве

    Народ!помогите,совсем уже устала с этим биться(...в общем есть один блок родительский, в нем находяться еще три блока,расположены по горизонтали стык встык друг к другу...когда один из этих трех блоков растягивался мне нужно сделать так,чтобы родительский блок тоже в свою очередь растягивался, и принимал значение height такое же как и у самого длинного наследуюемого блока.расскажите как?...заранее всем спасибо.

    Asked by Mantikore,

    0 votes
    6 answers

  20. Дивы в одну строку, выровненить по центру внешнего дива?

    Есть проблема. Имеется див, ширина которго "резиново" меняется от 1000px до 1160px; В него вложены 4 дива, с float: left и фиксированной высотой. Сейчас я указываю для 4-ех вложенных дивов еще и width. И получается что див-родитель масштабируется, в зависимости от размера браузера, а 4 вложенных приклеиваются к левому краю, а справа пустота. Задача такая. Без указания ширины для вложенных, выравнивать их по всей ширине дива родителя. Ибо не усложнать css expression, напишу код только под FF, сути не меняет. fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf fsdfdsfsdf Какие предложения будут? Таблицы не вариант? Спасибо.

    Asked by BAV,

    0 votes
    4 answers

  21. Дивы в стоку

    Знаю, что проблема обсуждалась миллион раз, но решения не могу найти. <div id="main"> <div id="col1"></div> <div id="col2"></div> <div id="col3"></div> </div> Первые 2 колонки должны выравниваться влево, при этом у обоих ширина 25%. третья - вправо, ширина - по контенту. Высота у всех трех фиксированная. Так вот, никак не могу добиться того, чтобы третья колонка не вываливалась вниз. #main{overflow:hidden}, #main>div{display:inline-block}, задание высоты у всего что можно, добавление <br clear="all"> - ничего не помогает

    Asked by leventov,

    0 votes
    6 answers

  22. дивы друг под другом

    Всем приветы! хочу сделать вот так как показано на картинке Вот код: HTML: <!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=utf-8'> <title>%TITLE%</title> <link href="req/style.css" type='text/css' rel='stylesheet'> </head> <body> <div id='who'> Здравствуйте, %USER_NAME% </div> <div id='head'> Название страницы </div> <div id='container'> <div id="log_in"> &l…

    Asked by festvtteam,

    0 votes
    9 answers

  23. Дивы друг под другом

    Есть страница с дивами, которые имеют разную высоту. Сейчас я использую float: left, но в таком случае, когда размер контента сильно отличает, вся верстка ломается. Подскажите, как разместить дивы рядом, как сейчас, но и чтобы каждый из них находится под вышестоящем. 1 скриншот (http://s2.uploads.ru/XsxcU.png) - сейчас, 2 (http://s7.uploads.ru/OHYmC.png) - как хотелось бы.

    Asked by alexcjae,

    0 votes
    2 answers

  24. Дивы сломали мне голову!

    Люди добрые! помогите уже. Выбешивают меня эти дивы. Я ни как не въеду почему да как тут у них. Суть на картинке. Первая строка переносится так что обтекает время. Эта же строка третья снизу нарисована фотошопе так как я хочу увидеть ее в браузере. аккуратный перенос. Я перепробовал сто тысяч комбинаций всех которые знаю. но ни как не добился результата. вот один из вариантов (в какие вложенные дивы я их только не пихал, как только не прилеплял) <li><div id="map-time"><?php the_time('d/m/y')?></div><div id="map-name"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></div></li> Буду очень благод…

    Asked by rcoma,

    0 votes
    2 answers

  25. Дивы, как фрэймы. Помогите сделать?

    Допустим есть два блока Div. Блок «А» и блок «В». В блоке «А» расположены ссылки, которые ведут на соответствующие файлы «.html». Можно ли сделать так, что бы по клику на ссылку в блоке «А» страница, расположенная по этой ссылке загрузилась в блок «В»? При этом нужно что бы вся страница полностью не обновилась... В общем как будто блок «В» это фрейм. Чистых фреймов использовать не охота. Спасибо

    Asked by romanist,

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