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


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

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


Лучший Ответ 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

#1 Aslambek

Aslambek

Отправлено 27 June 2013 - 05:35

Собственно вопрос в теме)

 

1.Как мне выравнять текст,чтобы был по середине ?

 

На скрине видно что текст ориентирован слева и внизу, а мне хотелось бы чтобы он был ровно по середине.

 

Т.е внешний вид как на демо сайте, в каталоге.

 

У меня сейчас что-то такое получается ( 

http://www.imageup.r...4457/1.jpg.html

 

2. Возможно ли задать единый размер блока ?

 

Если смотреть на скрине  - нижний блок, текст в 4-е строки,(Аксессуары....) его размер больше - т.е. смысл чтобы взять за основу размеры данного блока и применить его размер ко всем существующим.  


Сообщение отредактировал Aslambek: 27 June 2013 - 05:36

  • 0

#2 igorkuzyukov

igorkuzyukov

Отправлено 27 June 2013 - 08:28

Может не совсем то, но по логике вещей, смотрим как выводится эта надпись и даем стиль CSS ( text-align: center; ) 


  • 0

#3 Aslambek

Aslambek

Отправлено 27 June 2013 - 08:52

Эта строка что написали выше присутствует на демо-сайте - смотрю через F12 на Chrome 

 
Вот здесь: \home\localhost\www\zoo\media\zoo\applications\jbuniversal\assets\css\jbzoo.product.css  - в 10-й строке.
 
 
На моем сайте - локально такой css лежит   - но когда смотришь через F12 данного стиля нет, собственно поменять там нечего для выравнивания.
 
т.е. я просто думаю что это дело где в админке ?!

 


  • 0

#4 igorkuzyukov

igorkuzyukov

Отправлено 27 June 2013 - 08:54

Скинь ссылку на проблемную страничку .... гляну


  • 0

#5 Aslambek

Aslambek

Отправлено 27 June 2013 - 08:58

К сожалению - всё это на denwer лежит сейчас (((


  • 0

#6 igorkuzyukov

igorkuzyukov

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

посмотрел демо сайт. И вот результат. 

1.) стиль ( align-center ) принадлежит блоку div с классом subcategory-image (САМОЙ КАРТИНКИ)

2.) Вы должны задать стиль ( text-align: center; ) заголовку с помощью которого выводятся надписи, а на демо сайте это <h2>

 

вот....)

 

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


Сообщение отредактировал igorkuzyukov: 27 June 2013 - 09:16

  • 0

#7 igorkuzyukov

igorkuzyukov

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

посмотрел демо сайт. И вот результат. 

1.) стиль ( align-center ) принадлежит блоку div с классом subcategory-image (САМОЙ КАРТИНКИ)

2.) Вы должны задать стиль ( text-align: center; ) заголовку с помощью которого выводятся надписи, а на демо сайте это <h2>

 

вот....)

 

.subcategory-title { /*text-align: center;*/ } - закоментируй так.

 

а потом добавь стиль CSS ( text-align: center; ) в ( #main h2 )


  • 1

#8 ecwallspb

ecwallspb

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

можно седлать так 

 

к заголовку прикрутить ещё 1 div  вокруг 

 

 

этому диву написать в css  div{display: table;}

 

 

а заголовку написать h3 { display: table-cell; vertical-align: middle; text-align: center;}

 

 

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

 

вот пример как я тут сделал http://neve-art.ru/stulya.html



да и не забудьте ещё указать минимальную высоту 


  • 1

#9 Aslambek

Aslambek

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

Ммм....ээээ...ого се )  :-[

 

Честно! ничего не понял  :D , чего куда прописать)

 

Мои знания  заканчиваются, когда я не могу найти стили через F12)


  • 0

#10 ecwallspb

ecwallspb

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

ссылку на сайт дайте


  • 0




Click to return to top of page in style!