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{ height:500px; border:1px black solid; display:inline-block; vertical-align:bottom; } p{ border:1px black solid; display:inline-block; vertical-align:bottom; } <body> <div> <p>hkjhkj hjgjh ghjkg</p> </div> </body> vertical-align: Ведь выравнивает только строчные или строчно-блочные элементы, почему тут не сработало?

    Asked by aqua.77,

    0 votes
    5 answers

  2. Выравнивание по правому краю

    Подскажите. Есть div со стилем text-align:right. В нем расположены два текстовых поля и кнопка. В експлоере все работает норм, но в фаерфоксе нет - все расположено слева. Как выровнять?

    Asked by иннокентий,

    0 votes
    2 answers

  3. выравнивание по правому краю в IE

    Еще пара часов потеряно, рецепт так и найден. Есть две маленькие картинки. одну нужно расположить справа вверху страницы. Вторую- справа внизу страницы. И все это должно оставаться на месте в при прокрутке станицы. Я написала вот что: #up{ position:fixed; top:0%; right:0%; } #down{ position:fixed; bottom:0%; right:0%; } В опере работает, а в IE не желает. В IE все это хозяйство прилипло к левому верхнему углу и упорно не хочет оттуда выходить. Подскажите, пожалуйста, как сделать так, чтобы и в IE работало.

    Asked by Dasha,

    0 votes
    5 answers

  4. Выравнивание по правому краю родительского элемента

    http://www.cssdesk.com/pHc4m Нужно параграф разместить поверх баннера справа с помощью float (учебное задание). Объясните, пожалуйста, что не пропускает параграф вверх?

    Asked by WhatIsHTML,

    0 votes
    2 answers

  5. Выравнивание по разным краям в одном элементе

    Как в одном диве сделать так, чтобы часть текста выравнивалась по левому, а часть по правому краю, чтобы они все были на одной строке? Пишу сюда, потому что не смог толково составить запрос для гугла(

    Asked by Mosya,

    0 votes
    2 answers

  6. Выравнивание по середине и слева

    Собственно что необходимо. Есть div в нем img и текст в виде сылок. img должен находится горизонтально по середине div. под img находится сылка(а1.1 а2.1). Которая также должна быть выравнена по горизонтали по центру блока. ниже самое интересное идет список сылок, и эти сылки должны быть выравнены по началу сылки выше. Тоесть на рисунке я показал как будет выглядить это в случае с длинным названием (белый цвет) и в случае с коротким названием (синий цвет). Лучше всего понятно на синем цвете. Тоесть список сылок а2.2 а2.3 а 2.4(на рисунке косяк мой). Должен быть выравнен по левому краю относительно сылки а2.1 Код я не показываю потому что уже бошка не варит на ночь глядя…

    Asked by korinf,

    0 votes
    0 answers

  7. выравнивание по середине по вертикали

    забыл как сделать( напомните, плз? http://natatour.ru/test/Untitled-1.html нужно чтобы текст располагался вертикально по середине зеленых блоков. vertical-align: middle не помогает css: @charset "utf-8"; /* CSS Document */ .a { width: 33%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #009900; font-weight: bold; float: left; position: absolute; left: 8px; } .b { width: 100%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #00CC00; font-weight: bold; float: left; vertical-align: middle; } .c { width: 33%; height: 61px; font-size: 200%; color: #FFFFFF; background-color: #00FF00; font-weight: bold; float:…

    Asked by scale,

    0 votes
    5 answers

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

    День добрый. Не могу понять почему не работает свойство в идентификаторе DIV #container {text-aline: center;} или то же самое свойство в Body {text-aline: center;} Задача выровнять весь контейнер горизонтально по центру страницы. Заранее благодарю за помощ. Сам код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Трехколоночный макет на CSS с одинаковой высотой колонок</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="HAPedit 3.1"> <style type="text/css"> html,body{margin:0;padding:0;} body{font: …

    Asked by Goldie,

    0 votes
    7 answers

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

    Нужно выравнять объект по центру. Если объект - таблица, пытаюсь применить align="center" . Но тогда таблица центрируется относительно окна браузера, а не страницы. Т.е. если сделать разрешение меньше, то появляется полоса прокрутки, и страница становится больше окна браузера, соответственно таблица уже не по центру страницы. А вот как выровнять изображение по центру Веб-страницы, вообще не понимаю.

    Asked by olgastaf,

    0 votes
    2 answers

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

    Подскажите как выровнять по центру, совсем запутался... html </head><body> <div class="parent"> <span> <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> </span> </div> <div class="buttonm"> </div></div> <div id="dhtmlgoodies_slideshow"> <div id="galleryContainer"> <div id="arrow_up"><img src="images/arrow-up.gif"…

    Asked by laik216,

    0 votes
    3 answers

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

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

    Asked by NeoMurderer,

    0 votes
    2 answers

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

    Добрый день! Кто-нибудь знает, как выровнять по центру блок, у которого стоит свойство float:left и который расположен в блоке с фиксированной шириной: вот разметка: <div style="border:1px solid red; width:200px;"> <div style="border:1px solid green; float:left">123</div> <div style="clear:both"></div> </div> Или это вообще невозможно? text-align:center у родительского блока не катит

    Asked by iron_maiden,

    0 votes
    5 answers

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

    как выравнять по центру (и по вертикали и по горизонтали) элемент с плавающей высотой и шириной?

    Asked by z700i,

    0 votes
    5 answers

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

    Как сделать, чтоб основная страница была по центру, то есть поля правое и левое были одинаковы, и при уменьшении масштаба страница была по центру окна браузера? http://truebooks.ru/

    Asked by JohnBondlock,

    0 votes
    7 answers

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

    Здравствуйте. Помогите выравнить блоки/шторки по центру. Скриншот: Нужно что бы эти блоки были по центру. Вот код: <!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> <title>Красивые шторки</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.easing.1.3.js"><…

    Asked by Markelok,

    0 votes
    8 answers

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

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

    Asked by Dmitrij,

    0 votes
    1 answer

  17. выравнивание по центру - пропадает часть при сдвиге окна

    Есть один слой. Я его выравниваю по центру окна. Но вот незадача, когда я окно браузера сужаю наполовину, к примеру, то у меня половина моего слоя равномерно благополучно заезжает за левый край браузера и становится недоступной. Как сделать так, чтобы при соприкосновении с левой стороной окна браузера, слой оставался на странице, т.е. переставал ехать налево? Т.е. чтобы центрирование работало, только когда ширина окна браузера больше ширины слоя, т.е. 900 пикселей. #sloy{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; }

    Asked by Dasha,

    0 votes
    7 answers

  18. Выравнивание по центру "таблицы" (css)

    Добрый день! есть такой код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=cp-1251" /> <style type="text/css"> #title1, #col1 { /* 1 */ font-family: Verdana, Arial, sans-serif; font-weight: bold font-size: 80%; color: white; width: 600px; padding: 5px; border: 1px solid black; margin-left: 5px; margin-top: 2px; float: left } #col1 { /* 2 */ font-family: "Times New Roman", Times, serif; font-size: 100%; font-weight: normal; color: black } /* Цвет фона каждого слоя */ #title1 { background: #008159 } #col1 { background: #BBE1C4 } #tr { /* 3 */ clear: both } </style></head> <…

    Asked by bobik02,

    0 votes
    2 answers

  19. Выравнивание по центру блока плавающей ширины

    Совершенно никак и никогда не был связан с версткой, а теперь понадобилось сделать простое, легкое и понятное решение для сайта маленькой конторки. Точнее не сделать, а показать что оно существует, дабы проект отдали нормальному верстальщику и дали на это денег. Проблема (решена): сделать блок с кнопками выровненным по центру. При разных разрешениях в нем может быть как 8 кнопок в ряд, так и 2-3. Спасибо: Морда сайта представляет из себя: Шапку: Название, основные контактные данные, микроменю с двумя пунктами "Прайс-лист, контакты" (тоже сделал). Основной блок: набор кнопок 180х130 px. Каждая кнопка - понятная пользователю товарная категория ("пылеварки", "кофесосы", "с…

    Asked by ittsam,

    0 votes
    8 answers

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

    Здравствуйте, подскажите, пожалуйста, новичку: хочу выровнять счетчик по центру (или, как вариант по правому краю) внутри блока div. существует ли какой-то способ (параметр, атрибут) для этого? пока что ничего кроме громоздкой таблицы внутри div не придумал. <div class="bottom"> <table cellspacing="0" border="0"> <tr><td width="50%"></td> <td><center> <!--счетчик--> </center></td> <td width="50%"></td> </tr> </table> </div>подскажите, пожалуйста, как сделать красивее и лаконичнее? Заранее благодарю.

    Asked by Гайдамак,

    0 votes
    7 answers

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

    Понимаю, что может вызвать смех знатоков, но я зашёл в тупик, первый раз такое вижу! Внешний лист стилей, всё на дивах, всё как в лучших домах Парижу и Лондону. В Файрфоксе 3, в ИЕ7, в Опере 9.х - идеально, а в ИЕ6 нету выравнивания по центру, выравнивает слева код в css: —————— #head { margin: 0 auto; width: 1000px; height: 30px; } —————— Люди, в чём причина? Я уже два дня голову ломаю... Или перед собой не вижу или не знаю чего-то важного.

    Asked by Andrej,

    0 votes
    9 answers

  22. выравнивание по центру динамического контента

    контент состоит из отдельных элементов, выводится строками, кол-во элементов на строку зависит от ширины броузера. в исходном виде центруется по левому верхнему углу, поэтому когда растягиваешь броузер справа образуется 99% пустого места (при 100% добавляется новый элемент на строку). всё выглядит смещённым влево. некрасиво. надо выравнивать контент по центру. есть идеи? ——————————- пага тут http://slil.ru/26569448

    Asked by dima2008,

    0 votes
    1 answer

  23. Выравнивание по центру изображения с absolute

    Здравствуйте! В верстке новичок, возникла необходимость выровнять картинку с position:absolute по центру. Кроме этого, картинка вписана в окно браузера, и масштабируется с сохранением пропорций. Если убрать absolute, получается выровнять с помощью text-align:center; Но без absolute она некорректно отображается в опере, ие и мозилле. Помогите советом. Код: <STYLE type="text/css"> *{padding: 0; margin: 0;} body, html {height: 100%;} #soon { /* Set rules to fill background */ height: 100%; min-width: 640px; min-height: 480px; /* Set up proportionate scaling */ height:100%; /* Set up positioning */ z-index: -1; position: absolute; } </STYLE…

    Asked by Elmirill,

    0 votes
    2 answers

  24. Выравнивание по центру нескольких div

    Добрый день, мастера. Решение своей проблемы я не смог найти поиском. Есть каталог в виде картинок. Каждая картинка обрамлена своим div, который имеет float: left. В результате имеем вывод картинок в виде матрицы с переменным количеством столбцов, зависящим от ширины браузера. Проблема в том, что выводимая матрица получается прижата к левому краю. Очень хочется, чтобы она была по середине. Все находимые в сети приемы выравнивают по середине только один div, в результате матрица превращается в одинокий столбец, но по центру. Нужно же, чтобы по центру была вся матрица. Спасибо.

    Asked by kiteman,

    0 votes
    3 answers

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

    Народ, вопрос банальнейший! Я уже когда-то решил эту проблему, но не помню какой тэг использовал. Вот вам образец сайта - http://www.engl.com.ua — сайт еще жутко сырой - просто выложил, чтоб помогли. Кароче, надо просто выровнять сайт по центру окна браузера, а то он слева находится. Надо чтоб на всех разрешениях экрана сайт находился по центру(к примеру, как вот этот http://www.obuchenie.com.ua ) . Когда-то это уже делал - а сейчас - хоть убейте - НЕ ПОМНЮ каким тегом! И еще одно - как видите, на сайте слева, там где состыковывается бэкграунд(тэг repeat-y )(там где, типа, тень сбоку) видны "ступеньки" от того, что изображение плохо состыковывается. Помогите с этим справи…

    Asked by romero,

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