Jump to content
Sign in to follow this  
Priest83

[РЕШЕНО] Длинные названия и крошки не умещаются

Recommended Posts

Ситуевина, названия товаров длинные, названия групп тоже длинные, как расширить строчку верхнюю что бы выглядело путно??? Кто поможет??

post-679455-0-66961400-1429514560_thumb.png

Share this post


Link to post
Share on other sites

css

Ну дык понятно, я и спрашиваю КАК?????!!!!

Share this post


Link to post
Share on other sites

чтоб сказать как, надо видеть где. скриншот не канает

Share this post


Link to post
Share on other sites

чтоб сказать как, надо видеть где. скриншот не канает

 

sensor-display.ru

Share this post


Link to post
Share on other sites
.product-info h1 {
color: #636E75;
font: Verdana;
margin-top: 20px;
margin-bottom: 20px;
font-size: 24px;
font-weight: normal;
text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}

http://joxi.ru/YmENPgphWGxB26

 

и для крошек чтоб не кривило заменить на 

.breadcrumb {
background:#f2f2f2;
border: 1px solid #DBDEE1;
-webkit-border-radius: 7px 7px 0px 0px;
-moz-border-radius: 7px 7px 0px 0px;
-khtml-border-radius: 7px 7px 0px 0px;
border-radius: 7px 7px 0px 0px;
color: #CCCCCC;
/* height: 30px; */
overflow: auto;
line-height: 30px;
margin-bottom: 10px;
padding-left: 10px;
}

Share this post


Link to post
Share on other sites

Pascha, я так понял, его интересует не заголовок, а хлебные крошки.
 

.breadcrumb {
  background: url('../image/background.png') repeat transparent;
  border: 1px solid #DBDEE1;
  -webkit-border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  -khtml-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
  color: #CCCCCC;
  /* height: 30px; */
  line-height: 30px;
  margin-bottom: 10px;
  padding-left: 10px;
  overflow: hidden;
}

В первой строке у repeat убрать "-х" (повтор только по горизонтали)

Восьмую строку закомментировать, или удалить.

в конце добавить новую строку overfow - запрещает прятать строку, если она не влезает в отведенное поле.
У тебя это в stylesheet CSS строка 405 сейчас

Share this post


Link to post
Share on other sites

Да нет тут все нормально, именно когда 

 

.product-info h1 {
color: #636E75;
font: Verdana;
margin-top: 20px;
margin-bottom: 20px;
font-size: 24px;
font-weight: normal;
text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}

http://joxi.ru/YmENPgphWGxB26

 

 

Да так все нормально я имею ввиду вот здесь например 

http://sensor-display.ru/index.php?route=product/product&path=59_63_73&product_id=90

Share this post


Link to post
Share on other sites

Pascha, я так понял, его интересует не заголовок, а хлебные крошки.

то есть тут все и с крошками и с названием ок?

http://joxi.ru/n2YOPL0fOkDvr6

решение было дано для обоих вариантов

 

хотя... не лезу...в теме работает специалист, лохи типо меня курят в сторонке...

Share this post


Link to post
Share on other sites

то есть тут все и с крошками и с названием ок?

http://joxi.ru/n2YOPL0fOkDvr6

 

 

решение было дано для обоих вариантов

Я предложил решение для хлебных крошек. А названием, я так понимаю, он доволен. Хотя я у себя для заголовка шрифт уменьшил...

Share this post


Link to post
Share on other sites

Так еще раз мне нужно что бы вот не вылезало из строки путь к товару, воть как это сделать, если можно для тупых расписать по пунктам

Share this post


Link to post
Share on other sites

Так еще раз мне нужно что бы вот не вылезало из строки путь к товару, воть как это сделать, если можно для тупых расписать по пунктам

Для тупых расписал по пунктам в сообщении №7

Share this post


Link to post
Share on other sites

Для тупых расписал по пунктам в сообщении №7

 

Спасяб огроменное помогло!!!!

Share this post


Link to post
Share on other sites

Для тупых расписал по пунктам в сообщении №7

 

Решил все таки уменьшить размер шрифта названия, но не могу найти строки в стайлшите, про которые писал Паша

Share this post


Link to post
Share on other sites

Решил все таки уменьшить размер шрифта названия, но не могу найти строки в стайлшите, про которые писал Паша

stylesheet.css строка 16

h1, .welcome {
  color: #636E75;
  font: Verdana;
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: normal;
  text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}

Share this post


Link to post
Share on other sites

 

stylesheet.css строка 16

h1, .welcome {
  color: #636E75;
  font: Verdana;
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: normal;
  text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}

 

спасяб

Share this post


Link to post
Share on other sites

 

stylesheet.css строка 16

h1, .welcome {
  color: #636E75;
  font: Verdana;
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: normal;
  text-shadow: 0 0 1px rgba(0, 0, 0, .01);
}

 

уважаемый спец повсемучтоможновопенкарт, данным стилем Вы заставляете все заголовки H1 на всем сайте  изменить размер

всеж приглядитесь к моему выложенному стилю, дабы в дальнейшем не совершать подобных лузерских промахов (надеюсь пригодиться и Вам в дальнейшей работе)

Решил все таки уменьшить размер шрифта названия, но не могу найти строки в стайлшите, про которые писал Паша

а его не надо искать, его надо добавить...но как уже говорил выше, я - лох,  а спец- это тот кто с головой от тыквы на авке

Share this post


Link to post
Share on other sites

уважаемый спец повсемучтоможновопенкарт, данным стилем Вы заставляете все заголовки H1 на всем сайте  изменить размер

всеж приглядитесь к моему выложенному стилю, дабы в дальнейшем не совершать подобных лузерских промахов (надеюсь пригодиться и Вам в дальнейшей работе)

Решил все таки уменьшить размер шрифта названия, но не могу найти строки в стайлшите, про которые писал Паша

а его не надо искать, его надо добавить...но как уже говорил выше, я - лох,  а спец- это тот кто с головой от тыквы на авке

Паша, не вижу причины для хамства!

1. Я указал ТС на то место в стилях, где ему нужно править размер шрифта в заголовках. Дальше он либо сам разберется, либо спросит еще раз о том, что конкретно ему нужно.

2. Я в сообщении указывал, как разделить размер шрифта для заголовков h1 и для заголовков .welcome

Не знаю, куда они делись, сам удивился, когда увидел сообщение без приведенного мной кода с внесенными изменениями.

3. Я пытаюсь помочь человеку, а вы - просто несете ересь и хамите. У вас ПМС?

Share this post


Link to post
Share on other sites

3. Я пытаюсь помочь человеку, а вы - просто несете ересь и хамите. У вас ПМС?

Да, у меня ПМС

только будь я вашим Заказчиком в состояни ПМС или без такового, я б Вам за то что Вы "лепите горбатого" и преподносите это за профессиональную помощь, весь моск вынес: 

 

Pascha, я так понял, его интересует не заголовок, а хлебные крошки.

 

.breadcrumb {
  background: url('../image/background.png') repeat transparent;
  border: 1px solid #DBDEE1;
  -webkit-border-radius: 7px 7px 0px 0px;
  -moz-border-radius: 7px 7px 0px 0px;
  -khtml-border-radius: 7px 7px 0px 0px;
  border-radius: 7px 7px 0px 0px;
  color: #CCCCCC;
  /* height: 30px; */
  line-height: 30px;
  margin-bottom: 10px;
  padding-left: 10px;
  overflow: hidden;
}
В первой строке у repeat убрать "-х" (повтор только по горизонтали)

Восьмую строку закомментировать, или удалить.

в конце добавить новую строку overfow - запрещает прятать строку, если она не влезает в отведенное поле.

У тебя это в stylesheet CSS строка 405 сейчас

 

в связи с чем получаем:

повторяющийся фон в виде рисунка с градиентом и разделительной полосой посередине, для слабовидящих увеличил: 

http://joxi.ru/vAWyPWefDELDmW

судя по присутствии 1 полоски: вы не беременны...увеличив еще на n-нную количество знаков название товара получим еще одну полоску...а тут уже надо бить тревогу...

Share this post


Link to post
Share on other sites

Да, у меня ПМС

только будь я вашим Заказчиком в состояни ПМС или без такового, я б Вам за то что Вы "лепите горбатого" и преподносите это за профессиональную помощь, весь моск вынес: 

 

в связи с чем получаем:

повторяющийся фон в виде рисунка с градиентом и разделительной полосой посередине, для слабовидящих увеличил: 

http://joxi.ru/vAWyPWefDELDmW

судя по присутствии 1 полоски: вы не беременны...увеличив еще на n-нную количество знаков название товара получим еще одну полоску...а тут уже надо бить тревогу...

Как хорошо, что вы не мой заказчик!

Я себе специально делал эту полоску именно так, чтобы слегка, но было видно строки. Если ТС это не устроит - он спросит, и получит ответ, как изменить повтор градиента на сплошной цвет, или растягивание градиента... Не важно. Но у него вопросов не возникало. Значит его, так же, как и меня, устраивает именно такой вариант - чтобы строки визуально разделялись.

 

И это вовсе не повод метать тут использованные тампоны.

Share this post


Link to post
Share on other sites

Как хорошо, что вы не мой заказчик!

Я себе специально делал эту полоску именно так, чтобы слегка, но было видно строки. Если ТС это не устроит - он спросит, и получит ответ, как изменить повтор градиента на сплошной цвет, или растягивание градиента... Не важно. Но у него вопросов не возникало. Значит его, так же, как и меня, устраивает именно такой вариант - чтобы строки визуально разделялись.

 

И это вовсе не повод метать тут использованные тампоны.

 

Спасибо за помощь, Вы правы, пока все устраивает, если будут вопросы, я обращусь и спрошу... не понимаю полемики... 

Share this post


Link to post
Share on other sites

 не понимаю полемики... 

не обращай внимания, просто писками меряимся  :-D

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

дык "тыковка" и подскажет, а у меня счас ПМС и соревнование на дальность полета использованных тампонов...

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.