Ответы пользователя по тегу CSS
  • Размещение текста по центру экрана

    kyrie
    @kyrie
    В общем случае решения нет, зато есть куча частностей.

    Если текст в одну строку и есть возможность использовать абсолют (что далеко не всегда)то —
    position:absolute;
    width:100%;
    top:50%;
    text-align:center;

    Если известна высота блока и можно использовать абсолют, то вариант предложенный выше.

    Если нельзя использовать абсолют, но известна высота блока и текст в одну стоку — то через line-height равный высоте блока.

    Ну и 100% кроссбраузерная классика о которой вечно все забывают — зафигачить таблицей с одной ячейкой.
    Ответ написан
    1 комментарий
  • Блок в правом нижнем углу и обтекание его текстом?

    kyrie
    @kyrie
    Как ни странно, так и не придумал, как решить эту задачу в лоб, под ваши условия.

    Если сделать float:right то во-первых нужно поменять блоки местами, обратный порядок вывода элементов, про него часто забывают, во-вторых нужно будет каким-то образом опустить блок до нижнего угла. Что проблема, т.к. если сделать это марджином, то текст не будет обтекать.

    Дальше у нас куча хаков, в зависимости от вашей задачи.

    Если это просто нарисованный уголок, то лучше всего задать его background-position:bottom right.

    Или можно задать контейнеру абсолют, тогда можно будет воспользоваться right: 0 и bottom: 0, задав красному квадрату тоже абсолют. Правда обтекания все равно не будет.

    Сейчас еще подумаю.
    Ответ написан
    Комментировать
  • HTML + CSS framework

    kyrie
    @kyrie
    Вообще-то bootstrap это простой CSS-фреймворк, ничего специально для построения интерфейсов в нем нет. Если нужен фреймворк для CSS то я рекомендовал бы обратить внимание на 960.gs.

    Но, если я правильно понял задачу, то вам не нужен css-фреймворк, на первых порах он только запутает. Это, скорее, средство ускорения разработки больших или похожих проектов.

    Если нужно просто сделать страничку, чтоб все было более-менее на своих местах, то, соглашаясь с первый ответившим, рекомендую поставить себе на компьютер dreamweaver.
    Ответ написан
    1 комментарий
  • CSS font-size для свойства text-overlflow?

    kyrie
    @kyrie
    нет, кажется в CSS ничего похожего нет. overlflow может только обрезать текст в различных вариациях.

    Скорее всего реализовать это можно только на JS — считаем ширину ячейки, потом количество символов * среднюю ширину символа при, например, 12px и соответственно уменьшаем размер текста.

    Но вообще этот вариант будет изобиловать косяками — разные размеры шрифта это вообще некрасиво, и не факт, что сильно мелкий шрифт человек вообще прочитает. Лучше подумать в сторону кнопочки «далее», плавающего размера ячейки по высоте или вывода полного текста при «наведении» на нужную ячейку и т.п.
    Ответ написан
    3 комментария