0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 293 Просмотров
*

Stasweb

  • Живу я здесь
  • 1087
  • 18
Не могу понять что мешает
« : 13.09.2016, 13:27:38 »
Не могу понять что мешает  тексту встать на картинку.
Для картинки пишу
Код: css
.menucontenthead img {
max-width:50%
position:relative;
}
для блока текста
Код: css
.menucontenthead span{
color:#000000;
font:normal 1.2em Arial;
display:inline-block;
position:absolute;
}

Но текст не как не становится на картинку
Вот сам сайт http://grafika-astana.kz/
« Последнее редактирование: 13.09.2016, 13:56:53 от Stasweb »
*

yandex_hb

  • Давно я тут
  • 358
  • 21
Re: Не могу понять что мешает
« Ответ #1 : 13.09.2016, 13:39:15 »
абсолютное позиционирование происходит относительно родителя.
« Последнее редактирование: 13.09.2016, 15:16:22 от yandex_hb »
*

Stasweb

  • Живу я здесь
  • 1087
  • 18
Re: Не могу понять что мешает
« Ответ #2 : 13.09.2016, 13:46:18 »
Так получается у родителя  li.item-108 постоянно меняется 108, 122 и так далее ....
*

fbr

  • Живу я здесь
  • 1283
  • 142
Re: Не могу понять что мешает
« Ответ #3 : 13.09.2016, 13:54:40 »
relovate ?
*

Shustry

  • Moderator
  • 6430
  • 735
  • Рисую дизайны
Re: Не могу понять что мешает
« Ответ #4 : 13.09.2016, 13:59:23 »
Код: css
.menucontenthead a {display:inline-block; position:relative;}
.menucontenthead a span {position:absolute;}
Бесплатно консультирую по дизайну и вёрстке (только в личку сердечно прошу не стучать). Платно делаю дизайн, вёрстку и темплейты для Joomla. Работаю только за деньги. За большие. И долго. Но качественно.
---------------------------------------------------------
xmpp:joomla@conference.jabber.ru - наша конфа!
*

Stasweb

  • Живу я здесь
  • 1087
  • 18
Re: Не могу понять что мешает
« Ответ #5 : 13.09.2016, 14:03:39 »
Не работает
ни
Код: css
.menucontenthead a {display:inline-block; position:relative;}
.menucontenthead a span {position:absolute;}
ни
Код: css
.menucontenthead li {display:inline-block; position:relative;}
.menucontenthead li span {position:absolute;}
*

fbr

  • Живу я здесь
  • 1283
  • 142
Re: Не могу понять что мешает
« Ответ #6 : 13.09.2016, 14:10:20 »
Код: css
.menucontenthead li span {
position:absolute;
left:0;
}
*

Stasweb

  • Живу я здесь
  • 1087
  • 18
Re: Не могу понять что мешает
« Ответ #7 : 13.09.2016, 14:16:16 »
Да спасибо так работает но текст не по центру
Код: css
.menucontenthead li span {
position:absolute;
left:0;
}
а text-align: center; не сробатывает
*

fbr

  • Живу я здесь
  • 1283
  • 142
Re: Не могу понять что мешает
« Ответ #8 : 13.09.2016, 14:27:55 »
.menucontenthead a {
    display: inline-block;
    position: relative;
}
.menucontenthead li span {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}
*

Stasweb

  • Живу я здесь
  • 1087
  • 18
Re: Не могу понять что мешает
« Ответ #9 : 13.09.2016, 14:31:47 »
О это оно работает спасибо
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Не могу найти где закодирован цвет

Автор olderman

Ответов: 2
Просмотров: 331
Последний ответ 15.12.2016, 11:50:58
от darkghost
Сетка блоков типа Grid или Inline, не могу разобраться [Решено]

Автор JaneFaint

Ответов: 7
Просмотров: 409
Последний ответ 28.07.2016, 16:36:40
от JaneFaint
Нужна помощь! Не могу выровнять блок по центру

Автор Lemonez

Ответов: 2
Просмотров: 334
Последний ответ 19.05.2016, 14:23:24
от Lemonez
Не могу найти от куда грузятся картинки

Автор katalog_2003

Ответов: 2
Просмотров: 302
Последний ответ 01.03.2016, 19:56:17
от katalog_2003
Не могу выровнять фото и текст в 1 линию

Автор RazarioAgro

Ответов: 4
Просмотров: 274
Последний ответ 09.02.2016, 14:59:31
от RazarioAgro