Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]Nazwa produktu się rozjeźdza.
saviola15
post 1.10.2012, 11:26:50
Post #1





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 6.09.2012

Ostrzeżenie: (0%)
-----


http://www.pneumaticon.pl/presta/product.php?id_product=52 W Polecanych produktach jak nazwa produktu jest za długa to enteruje "View" i "add to cart"
Tutaj css tej funkcji..
  1. h2.productscategory_h2 {
  2. font-size: 1em;
  3. line-height: 1.8em;
  4. }
  5.  
  6. #productscategory {
  7. margin: 2em auto 0;
  8. height: 120px;
  9. width: 100%;
  10. }
  11.  
  12. #productscategory_noscroll {
  13. height: 120px;
  14. width: 100%;
  15. margin-bottom: 30px;
  16. }
  17.  
  18. #productscategory_list {
  19. overflow: hidden;
  20. float: left;
  21. width: 113%;
  22. }
  23.  
  24. #productscategory_list ul {
  25. padding-left: 0;
  26. list-style-type: none;
  27. }
  28.  
  29. #productscategory_list li {
  30. float: left;
  31. margin: 0 3px;
  32. cursor: pointer;
  33. text-align: center;
  34. width: 122px;
  35. overflow: hidden;
  36. line-height: 20px;
  37. border: 10px;
  38.  
  39.  
  40. }
  41.  
  42. #productscategory_list li a {
  43.  
  44. margin: 1px;
  45.  
  46. }
  47.  
  48. #productscategory_scroll_left, #productscategory_scroll_right {
  49. background: url('img/thumbs_left.gif') no-repeat center;
  50. text-indent: -3000px;
  51. display: block;
  52. width: 9px;
  53. height: 18px;
  54. float: left;
  55. margin-top: 30px;
  56. }
  57.  
  58. #productscategory_scroll_right { background-image: url('img/thumbs_right.gif'); }


Ten post edytował saviola15 1.10.2012, 11:27:18
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
Arcioch
post 1.10.2012, 11:36:46
Post #2





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

Ostrzeżenie: (0%)
-----


Ale co chcesz zrobić wykropkować za długą nazwę ? Wtedy albo php albo css i paramter "text-overflow: ellipsis". Można też nie łamać tekstu do nowej linijki wink.gif
Go to the top of the page
+Quote Post
saviola15
post 1.10.2012, 11:38:51
Post #3





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 6.09.2012

Ostrzeżenie: (0%)
-----


Chce taką ramkę o jakiś tam wymiarach, żeby poprostu te view zawsze było w jednej pozycji....
Go to the top of the page
+Quote Post
Arcioch
post 1.10.2012, 11:51:02
Post #4





Grupa: Zarejestrowani
Postów: 324
Pomógł: 110
Dołączył: 18.09.2012

Ostrzeżenie: (0%)
-----


Musisz do h4 dodać wymiary na stałe bo nazwa się rozszerza i wtedy pola viev lecą w dół wink.gif np jak dasz 40px wtedy masz nazwę 2 na dwie linijki wszędzie i są równo te butony wink.gif
Go to the top of the page
+Quote Post
saviola15
post 1.10.2012, 11:57:28
Post #5





Grupa: Zarejestrowani
Postów: 62
Pomógł: 0
Dołączył: 6.09.2012

Ostrzeżenie: (0%)
-----


podziękował smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 1.07.2025 - 14:29