Форум русской поддержки Joomla!® CMS
11.12.2016, 12:02:37 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Не могу понять что мешает

 (Прочитано 139 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Stasweb
Живу я здесь
******

Репутация: +15/-0
Offline Offline

Пол: Мужской
Сообщений: 951



« : 13.09.2016, 14:27:38 »

Не могу понять что мешает  тексту встать на картинку.
Для картинки пишу
Код
.menucontenthead img {
max-width:50%
position:relative;
}
 
для блока текста
Код
.menucontenthead span{
color:#000000;
font:normal 1.2em Arial;
display:inline-block;
position:absolute;
}
 

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

Репутация: +21/-1
Offline Offline

Пол: Мужской
Сообщений: 349



« Ответ #1 : 13.09.2016, 14:39:15 »

абсолютное позиционирование происходит относительно родителя.
« Последнее редактирование: 13.09.2016, 16:16:22 от yandex_hb » Записан
Stasweb
Живу я здесь
******

Репутация: +15/-0
Offline Offline

Пол: Мужской
Сообщений: 951



« Ответ #2 : 13.09.2016, 14:46:18 »

Так получается у родителя  li.item-108 постоянно меняется 108, 122 и так далее ....
Записан
fbr
Живу я здесь
******

Репутация: +136/-6
Offline Offline

Сообщений: 1251


« Ответ #3 : 13.09.2016, 14:54:40 »

relovate ?
Записан
Shustry
Moderator
*****

Репутация: +727/-3
Offline Offline

Пол: Мужской
Сообщений: 6667


Рисую дизайны


« Ответ #4 : 13.09.2016, 14:59:23 »

Код
.menucontenthead a {display:inline-block; position:relative;}
.menucontenthead a span {position:absolute;}
Записан
Stasweb
Живу я здесь
******

Репутация: +15/-0
Offline Offline

Пол: Мужской
Сообщений: 951



« Ответ #5 : 13.09.2016, 15:03:39 »

Не работает
ни
Код
.menucontenthead a {display:inline-block; position:relative;}
.menucontenthead a span {position:absolute;}
 
ни
Код
.menucontenthead li {display:inline-block; position:relative;}
.menucontenthead li span {position:absolute;}
 
Записан
fbr
Живу я здесь
******

Репутация: +136/-6
Offline Offline

Сообщений: 1251


« Ответ #6 : 13.09.2016, 15:10:20 »

Код
.menucontenthead li span {
position:absolute;
left:0;
}
Записан
Stasweb
Живу я здесь
******

Репутация: +15/-0
Offline Offline

Пол: Мужской
Сообщений: 951



« Ответ #7 : 13.09.2016, 15:16:16 »

Да спасибо так работает но текст не по центру
Код
.menucontenthead li span {
position:absolute;
left:0;
}
а text-align: center; не сробатывает
Записан
fbr
Живу я здесь
******

Репутация: +136/-6
Offline Offline

Сообщений: 1251


« Ответ #8 : 13.09.2016, 15:27:55 »

.menucontenthead a {
    display: inline-block;
    position: relative;
}
.menucontenthead li span {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}
Записан
Stasweb
Живу я здесь
******

Репутация: +15/-0
Offline Offline

Пол: Мужской
Сообщений: 951



« Ответ #9 : 13.09.2016, 15:31:47 »

О это оно работает спасибо
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet