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. DIV-ы в DIV-е

    Физкульт-привет, товарищи верстальщики! Столкнулся с небольшой проблемой. Имеется DIV с фиксированной шириной, нужно расположить в нём 4 DIVа с фиксированным отступом между ними, так чтобы DIVы растягивались на всю доступную ширину. Т.е. должно быть как на картинке: Вроде ничего сложного, но у меня не получается.

    Asked by Тёмик,

    0 votes
    2 answers

  2. DIV-ы или table...?

    Здравствуйте гуру , знающие , интересующиеся и просто любопытствующие... Какая просматривается тенденция , что рекомендуют учителя и опытные верстальщики ? Набирать div или склонится в сторону table ? Есть принципиальная разница ? Быть может просто я не понимаю сути этого дела , поэтому терзаюсь сомнениями ? Спасибо . Хорошего всем дня .

    Asked by RomanF,

    0 votes
    6 answers

  3. div-ы по ширине

    Как выровнять блоки по ширине. Сайт резиновый, в контенте стоит некое количестве блоков фиксированой ширины с флоат:лефт, количество их в строке ставится под ширину браузера, но проблема, как их выравнивать по ширине, чтобы небыло справа большого отступа. Смотрите тут: http://club-cod4.ru/portfel/tramp/razdel.html (не спам) Другими словами нужно align=justify, но в место теста блоки (дивы).

    Asked by gamer2010,

    0 votes
    1 answer

  4. div-ы, position:absolute,центровка по вертикале

    Есть главная страница - http://yurii-vais.ru/index.html Двум анимированным изображениям ссылкам и логотипу выставлен position absolute ,картинка фон закреплена по вертикали и горизонтали. Теперь осталось также закрепить 3 элемента ,которые поверх фона (лого и ссылки). Проблема в том что они то position absolute,и просто их зафиксировать не получается,сохранив наложение.Надо просто чтобы все элементы не реагировали на размер окна,а всегда оставались каждый на своем месте. Просто чтобы сайт не тянулся,одним словом Как это сделать???? Кто нибудь сталкивался с такой задачей? Пжлст посоветуйте решения.

    Asked by slam_jack,

    0 votes
    4 answers

  5. DIV-ы, Гор. меню, несколько пунктов, с процентной шириной

    Задача такая, если бы это были таблицы я бы сделал так: <table width="100%"> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> <td><a href="#">link 1</a></td> </table> тогда бы пункты растянулись бы на всю страницу, еще ссылкам пропсиал бы display: block; и тогда бы они заполняли всю ячейку, вот мне надо так, тока на дивах. <div class="menu"> <a href="#">link 1</a> <a href="#">link 1</a> <a href="#">link 1</a> <a href="#">link 1</a>…

    Asked by nbid,

    0 votes
    4 answers

  6. DIV, table и гугль!

    объясните почему? говорят что хтмл разметку нельзя использовать полностью из DIV должны присутствовать table ит.д.(гугл проще воспринимает table), почему? http://korrespondent.net/ состоит полностью из div

    Asked by Alan_ua,

    0 votes
    10 answers

  7. Div, который занимает все оставшееся место

    Добрый день! Попытался воспроизвести свою ситуацию, упростив ее до минимума. Необходимо, чтобы div #center занял все оставшееся место между #top и #bottom <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <style type="text/css"> html, body { height:100%; } #outer{ background:#00F; height:600px; width:400px; float:left; } #top{ width:400px; background:#F0F; height:100px;…

    Asked by xfree86,

    0 votes
    1 answer

  8. DIV, минимальная высота, растягивание

    Добрый день. Подскажите - есть ли способ задать для DIV-а минимальную высоту? Если установить значение напрямую "height:300px" - то при превышении этой высоты контент вылезает за область дива и накладывается на следующий элемент, которые позиционируется за данным div_ом. Единственное решение, найденное мною - вставлять в данный див таблицу и указывать ей высоту (не трогая при этом height самого дива). Но хотелось бы обойтись одними CSS. Заранее благодарен.

    Asked by bond84,

    0 votes
    6 answers

  9. Div, надпись и поле ввода

    Всем привет. Подскажите, как можно сделать следующее: в одном div одной строкой разместить поле ввода по ширине этого дива и справа от него кнопку. То есть получается, кнопка находится справа и ее размер соответствует ее реальной ширине, а поле ввода растянуто от левого края дива, до края кнопки. Как можно реализовать такое? Заранее благодарен.

    Asked by Charm0nt,

    0 votes
    12 answers

  10. div, перенос строки

    Здравствуйте, не получается разобраться в следующем. При: abc:<div id="abc"></div> qwe:<div id="qwe"></div> zxc:<div id="zxc"></div> я получаю abc: <результат> qwe: <результат> zxc: <результат> Не могу добиться такого: abc:<результат> qwe:<результат> zxc:<результат> Подскажите ,пожалуйста, спасибо.

    Asked by alexrtp,

    0 votes
    4 answers

  11. DIV, проблема с width

    Помогите, пожалуйста, разобраться. Недавно только начал верстать слоями и практики в этом мало. Пытаюсь сверстать следующий макет: Ну это примерно какие блоки будут и где примерно они должны находиться. По ходу верстки столкнулся со следующей проблемой. Сайт будет растягиваться по ширине окна браузра. box-r - не изменяется и имеет фиксированную ширину, box-l - растягивается. Так вот надо чтобы слои button располагались по центру внутри слоя box-l и растягивались в зависимости от ширины. Кроме этого когда всталяешь таблицу в box-l либо в box-cont (тоже растягивается) и width таблицы ставишь 100% то в IE таблица вылазит и принимает значение 100% от всего экрана, а не того …

    Asked by TavlaD,

    0 votes
    3 answers

  12. div; как растянуть слова по ширине, чтобы они точно встали в шаблон?

    Хочется растянуть всё это по ширине, чтобы слова точно встали в шаблон. А по незнанию не получается... Коды такие: <div id="wrapper"> <div id="shapka"> <ul> <li><a href="/">Главная</a></li> <li><a href="/">Знания</a></li> <li><a href="/">Фото</a></li> <li><a href="/">Творчество</a></li> <li><a href="/">Контакты</a></li> <li><a href="/">Форум</a></li> </ul> </div> #shapka ul { list-style-type: inherit; position: absolute; font: 16pt Arial, Verdana, sana-serif; co…

    Asked by maxdr,

    0 votes
    1 answer

  13. DIV: в центре по вертикали, независимо от разрешения экрана.

    По горизонтали это делается так: .center { width: 500px; height: 500px; background-color: #FFCC66; position: relative; margin: auto; } А как по вертикали? - что бы квадратик был по центру и при 800х600 и при 1920х1080. P.S. Кстати, почему-то у меня не работают проценты со свойством height - видимо по вертикали проценты не считаются?

    Asked by Kalisnik,

    0 votes
    10 answers

  14. DIV: как избавиться от переноса?

    При изменении размера окна div, у которых float:left, переносятся вниз под соседний слева. То есть: пользователь уменьшил чуть-чуть окошко, а у него меню и текст спрыгнули куда-то под логотип. Как этого избежать? Пример проблемы тут: http://stam-festival.ru

    Asked by techna,

    0 votes
    7 answers

  15. Div: обязательно все элементы в него "оборачивать"?

    Недавно осваивать html взялся. В небольшом количестве примеров, которые видел, чекбоксы, кнопки "оборачивают" в div. Это обязательно? Если да, то что будет, если этого не делать или где-нибудь пропустить элемент? В html5 видел учебный пример, там сам текст "оборачивают" в section и article.

    Asked by ручник,

    0 votes
    6 answers

  16. div:hover и свойство color

    Всем привет. Есть стили: .filt-producer { width: 130px; margin-bottom: 5px; cursor: pointer; } .filt-producer :hover { color: #0088cc; } Есть html-код: <div class="filt-producer"><strong>Name1</strong></div> <div class="filt-producer">Name2</div> Проблема в том, что при наведении курсора на первый div, цвет текста в нем меняется, во втором div'е - нет. Если текст во втором диве обернуть в <strong>, то все ок. Как сделать так, чтобы цвет текста менялся независимо от того <strong> он или нет? Спасибо.

    Asked by soler,

    0 votes
    2 answers

  17. DIV. Вертикальное позиционирование.

    Добрый день! Заинтересовал вопрос по поводу вертикального позиционирования, погуглил, ниодин вариант не подошел. <div id="big_block"> <div id="left_top_block"> Этот блок должен располагать слева вверху. </div> <div id="center_block"> Центральный блок, который будет заданной ширины, н/р, width:40em; Вертикальное позиционирование не особо важно, ради весёлости, можно конечно отцентровать </div> <div id="right_bottom_block"> Этот блок должен находиться справа внизу </div> </div> Скорее всего, подойдет вариант с display:table; и display:table-cell;, но то, что нашел в инете, не смог подогнать под именн…

    Asked by Zov,

    0 votes
    3 answers

  18. div. Опоясать картинку

    DIV .login{ background: url("/imgs/login.jpg") no-repeat center; }Но див имеет высоту, которая зависит от input'ов в нем, а я хочу, чтоб он растягивался на всю картинку.

    Asked by Старовер,

    0 votes
    16 answers

  19. div.hover

    имеется 2 слоя <div class="sloi1">слой1</div> <div class="sloi2">слой2</div> как сделать так, чтобы при наведении курсора на первый слой вместе с ним выделялся и второй слой тоже?

    Asked by Twilight_Sparkle,

    0 votes
    3 answers

  20. div's+таблицы

    слои сдвигаются из-за таблиц : <code> </head> <body> <div id="body"> <div id="header" ></div> <div id="menu"> использована таблица с рисунками </div> <div id="info">INFO </div> использована таблица с рисунками <div id="footer"> </div> </div> </body> </html> html,body{ margin:0; padding:0; background:url(bg-menu.gif); background-repeat:repeat-y } #header{ height:253px; min-width:768px; background:#FFEF97; background:url(images/pic_01.jpg); } #menu{ width:352px; float:left; background:url(images/pic_02.jpg);background-repeat:repeat-y } #info{ …

    Asked by koshka,

    0 votes
    4 answers

  21. div'ная верстка

    Здравствуйте вот решил заняться разработкой сайтов но возникли вопросы, если вы не против то все вопросы я буду задавать в 1 теме! 1 вопрос как сделать 2 блока в контейнере , 1 блок в левой стороне второй по центру , делал это с помощью функции float левый блок получается а вот как сделать по центру не соображу! вот мой коддинг))))) index <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <title>Название страницы</title> <link rel="stylesheet" type="text/css" href="../css/style.css"> </head> <body> <d…

    Asked by Good Fucking Smile,

    0 votes
    8 answers

  22. DIV'ная проблема с позиционированием и понятием "контента"

    В общем есть проблема. Схема страницы: проблема такого плана, не могу получить правильное отображение. Контент находится "поверх" картинки, загнать картинку в background нельзя, так как она должна тянуться от ширины экрана, соответственно это абсолютно спозиционированная картинка с width:100%, которая принимает ширину внешнего DIV'а (бордового). У этой картинки сверху прозрачные уголки. В общем это должно выглядеть примерно так: bgstrip - вертикальная полоса цвета "низа" картинки и прозрачная сверху (чтоб прозрачные уголки картинки не перекрылись) - абсолютное позиционирование top-0, left-0, чтобы быть привязанной к внешнему диву - текст и другая информация, дол…

    Asked by BaBL,

    0 votes
    4 answers

  23. DIV'ная рерстка списка статей

    Здравствуйте форумчане. А подскажите мне пожалуйста как можно сотворить список статей, как примерно показанно на картинке, прикрепленной мною. Так, что все выводились друг за другом и имели строго такой вид, как я изобразил. Есть код мною написанный, но уже третья статья уезжает вниз, чего совсем не нужно. Помогите разобраться и привести код и все остальное в божеский адекватный вид. Я немного новичок в верстке, поэтому нужна помощь. <div calss="wrapper"> <div id="articles"> <div class="article">...</div> <div class="article">...</div> <div class="article">...</div> <div class="article">...&lt…

    Asked by djkoffi,

    0 votes
    1 answer

  24. div'ы в CSS

    Здравствуйте. Посмотрите пожалуйста: placepage.narod.ru. Что нужно сделать чтобы и в IE отображалось так же как в других? Где ошибка? Премного буду благодарен. Спасибо.

    Asked by stomatolog,

    0 votes
    2 answers

  25. div'ы в CSS. В Осле отображается неправильно.

    Здравствуйте. Буду безмерно счастлив если кто-то найдёт ошибку. Посмотрите пожалста: placepage.narod.ru - только в Осле никак контент не хочет "объехать" меню. В остальных браузерах - так как нужно. В CSS перепробовал кажись уже всё. Что нужно сделать чтобы и в IE отображалось так же как в других? За праздники хотел сайтик запустить, а тут такая незадача... Премного буду благодарен. Спасибо. Извините, вопрос задал не в этом разделе. Пошёл в раздел CSS

    Asked by stomatolog,

    0 votes
    1 answer

  • Обсуждения

    • 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