Перейти к содержимому


Фотография
- - - - -

Выравнивание текста при выводе категорий


Лучший Ответ ecwallspb , 27 June 2013 - 10:14

jbzoo .subcategory h2 {text-align: center;} )

 

от этого заголовки должны выровняться по центру но по горизонтали будет прыгать 



Вот чего я вижу - по тексту (

http://ipicture.ru/u...27/YY1141X6.jpg

 

по ссылке ничего нету



во загрузиась



вот вокруг <h2 class="subcategory"></h2> дописать свой div к примеру чтобы получилась вот так 

 

 

<div class="sub-title">
     <h2 class="subcategory"></h2>
</div>

 

 

далее в css пишем такие строки 

 

 

.sub-title{display: table; height: 50px; width: 160px; margin: 0 auto;}
 
.sub-title h3 { display: table-cell; vertical-align: middle; text-align: center;}

 

 

 

и готова должно все получится как у меня на сайте 



высоту и ширину пишите которую вам нужно 

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 22

#21 ecwallspb

ecwallspb

Отправлено 27 June 2013 - 17:39

Вообщем топик стартер в легком недоумении :huh:

Получается что любой пользователь установив Zoo и при выводе простой вещи, как у меня, должен сразу озадачиться с правкой кода ?! Прописывать стили......

 

Что  то подсказывает мне ,что это маленько не правильно - ну т.е. в админке должна присустовать какая то вешь (как например с картинкой) где можно задать слева-поцентру-справа(

 

to ecwallspb: твой код я просто не понимаю куда писать( блин....

 

ну получается так и есть. если у вас нету знаний для вас есть 2 варианта.  

1) вы изучаете все основы к примеру того же css / html для начала 

2) если у вас нету времени и желания что то делать самостоятельно идите на фриланс и там все за вас сделаю.

 

а то что вы пишите что ( в админке должна присустовать )  навряд ли разработчики будут делать такие мелочи за ту сумму что они за компонент берут.  



вот статья где по описывают как сделать блок по центру. 

 

http://www.sdelaysit...oe-vyravnivanie


Сообщение отредактировал ecwallspb: 27 June 2013 - 17:34

  • 1

#22 Sliapy

Sliapy

Отправлено 27 June 2013 - 17:47

CSS-код нужно добавлять в CSS-файл своего шаблона для Joomla.

 

Попробуйте добавить туда это

 

.subcategory-title {
text-align: center !important;
}

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


Сообщение отредактировал Sliapy: 27 June 2013 - 18:15

  • 0
[color=#aa0000]Не забывайте нажимать кнопку "Вопрос Решён" под сообщением, которое решило Вашу проблему.[/color]

#23 Aslambek

Aslambek

Отправлено 27 June 2013 - 19:09

Уважаемая, техническая поддержка - я конечно понимаю что вы собаку съели в сайт-строениях, но согласитесь что уровень пользователей может быть совершено разный. 

Я не ставлю себя в гуру))) задал может для вас глупый вопрос - просто дайте такой же глупый ответ да и всё :) .

 

Проблему для себя решил ! Всем огромное спасибо за участие. Распишу что сделал.

 

1.Шаблон использую от yootheme

2.от тех поддержки - "CSS-код нужно добавлять в CSS-файл своего шаблона для Joomla" ?! - в моем шаблоне это наверное \localhost\www\ваш сайт\templates\yoo_sync\css\custom.css , т.е. именно сюда я добавил в конец списка , то что предоставил ecwallspb

 

.jbzoo .subcategory h2{display: table; height: 80px; width: 160px; margin: 0 auto;}
 
.jbzoo .subcategory h2{ display: table-cell; vertical-align: middle; text-align: center;}
 
В итоге у нас получилось: - текст всегда посередине как по вертикале так и по горизонтали, высоту "height: 80px" ставим индивидуально.
 
P.S. : Сайт я только начал делать, думаю вопросов прибавиться в скором времени не мало)

  • 0




Click to return to top of page in style!