Показано с 1 по 10 из 10

Тема: Центрирование текста в футере относительно...

  1. #1
    Здравствуйте. Есть макет (см скрепку) состоящий из 3 блоков. Все блоки фиксированный и находятся в центре по горизонтали. По вертикали относительно серого фона расположен по центру.
    Вопрос с футером.
    Надпись footer должна быть всегда по центру относительно центрального блока при любом разрешении.Надпись © Copyright должна быть по правому краю относительно правого блока при любом разрешении.
    Как сделать так чтобы эти надписи зависили от блоков?
    Насколько правильно это будет выглядеть или вообще будет ли выглядеть так если это реализовать через <dl>?

    Заранее спасибо.

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by fenixnt@Nov 28 2007, 22:15
    Вопрос с футером. Надпись footer должна быть всегда по центру относительно центрального блока при любом разрешении.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Ну так и сделайте ее по-центру. В чем вопрос-то?)

    Код:
    p {text-align: center;}
    вам знакомо?

    Originally posted by fenixnt@Nov 28 2007, 22:15
    Надпись © Copyright должна быть по правому краю относительно правого блока при любом разрешении.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Еще один параграф, только спозиционированный абсолютно.

    Код:
    p {text-align: right; width: 1000px; margin-left: -500px; position: absolute; left: 50%;}
    Ширина этого параграфа, конечно же, должна равняться суммарной ширине трех ваших фиксированных колонок.

    Originally posted by fenixnt@Nov 28 2007, 22:15
    Как сделать так чтобы эти надписи зависили от блоков?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Никак. В первую очередь по той простой причине, что это совершенно никому не нужно. Все будет выровнено и без каких-либо «зависимостей»...

    Originally posted by fenixnt@Nov 28 2007, 22:15
    Насколько правильно это будет выглядеть или вообще будет ли выглядеть так если это реализовать через <dl>?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Э... А где вы там список определений увидели?

    P.S.
    Я вот одного до сих пор не могу понять... Почему порой вообще приходится объяснять, что абзац текста – это абзац текста. Список – это список. Заголовок – это заголовок. Таблица – это таблица. Цитата – это цитата... Неужели это так сложно для понимания? Почему все то и дело норовят представить список – таблицей, заголовок – абзацем, а цитату, например, вообще никак не оформляют... Это же нелогично. Я бы даже сказал, противоестественно. Тем не менее...

  3. #3

    Регистрация
    11.11.2007
    Сообщений
    29
    каким лучше методом в данном примере подвал прибить к низу?

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Xylitolq@Nov 29 2007, 15:16
    каким лучше методом* в данном примере подвал прибить к низу?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Любым известным. Пользуйтесь поиском.

  5. #5
    Originally posted by Aykroyd@Nov 29 2007, 02:27
    Ну так и сделайте ее по-центру. В чем вопрос-то?)

    Код:
    p {text-align: center;}
    вам знакомо?
    Еще один параграф, только спозиционированный абсолютно.

    Код:
    p {text-align: right; width: 1000px; margin-left: -500px; position: absolute; left: 50%;}
    Ширина этого параграфа, конечно же, должна равняться суммарной ширине трех ваших фиксированных колонок.
    Никак. В первую очередь по той простой причине, что это совершенно никому не нужно. Все будет выровнено и без каких-либо «зависимостей»...
    Э... А где вы там список определений увидели?

    P.S.
    Я вот одного до сих пор не могу понять... Почему порой вообще приходится объяснять, что абзац текста – это абзац текста. Список – это список. Заголовок – это заголовок. Таблица – это таблица. Цитата – это цитата... Неужели это так сложно для понимания? Почему все то и дело норовят представить список – таблицей, заголовок – абзацем, а цитату, например, вообще никак не оформляют... Это же нелогично. Я бы даже сказал, противоестественно. Тем не менее...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>

    Спасибо за помощь. Что то я немного начал путатся со своими макетами. Честно говоря насчет параграфа ничего в голову не приходило все в голову полезли списки определений. Хотел сделать так. К примеру правй блок белый dt, а футер dd общий - dl, а для dd назначить выравнивание текста по правому краю ну и отступы дать. Тоже самое с центральным блоком. Сейчас все стало на свои места. Когда и что использовать.

  6. #6
    Originally posted by Xylitolq@Nov 29 2007, 15:16
    каким лучше методом* в данном примере подвал прибить к низу?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Я, например, сделал абсолютное позиционирование для футера и назначил нулевое значение для right и bottom. Ну и конечно хак для ie.

  7. #7

    Регистрация
    11.11.2007
    Сообщений
    29
    Originally posted by fenixnt@Nov 29 2007, 16:56
    Я, например, сделал абсолютное позиционирование для футера и назначил нулевое значение для right и bottom. Ну и конечно хак для ie.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    что за хак?

  8. #8

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    * html body {height: 100%;}

    или

    * html #footer {bottom: -1px;}


    Одно из двух, по всей видимости... А может быть даже оба сразу...

  9. #9
    Originally posted by Xylitolq@Dec 24 2007, 16:01
    что за хак?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Уважаемый Aykroyd, прав, прибил футер к нижней части страницы, везде отображалось нормально, но ie как всегда со своими "сюрпризами". Пришлось на один пиксель спустить вниз, то есть * html #footer {bottom: -1px;}. Короче говоря одна нервотрёпка с ie.

  10. #10

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Ничё-ничё) Где наша не пропадала)

Похожие темы

  1. Увеличение клипа относительно положения мышки
    от zurmansor в разделе Flash-технологии
    Ответов: 7
    Последнее сообщение: 23.07.2007, 16:03
  2. центрирование подгружаемой картинки
    от Horror Cosmic в разделе Flash-технологии
    Ответов: 2
    Последнее сообщение: 08.06.2007, 16:56
  3. Height относительно Width в CSS
    от Skady в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 12.08.2006, 16:27
  4. Центрирование содержимого страницы
    от Korefey в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 01.06.2006, 11:18
  5. Как в шопе центровать объекты относительно друг другу
    от Oldboy в разделе Растровая графика
    Ответов: 9
    Последнее сообщение: 12.02.2005, 17:11

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •