Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] Button z 4 grafik, jak ?
Mayka
post
Post #1





Grupa: Zarejestrowani
Postów: 304
Pomógł: 1
Dołączył: 12.01.2009
Skąd: Kanapa

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

Witam

Mam taki problem, chciałbym zrobić przyciski do formularzy w css'ie z 3 grafik, prawa 3px, lewa 3px i srodek 1px. tak żeby sie rozszerzał w zależności od tekstu który jest na buttonie.
Dodatkowo chciałbym żeby przed tekstem(po lewej) pojawiała sie ikonka. Ktoś mogłby mi podpowiedzieć jak coś takiego zrobić ? Albo chociaż czego szukać ?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Mayka
post
Post #2





Grupa: Zarejestrowani
Postów: 304
Pomógł: 1
Dołączył: 12.01.2009
Skąd: Kanapa

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

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  2. <html>
  3. <head>
  4.   <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  5.   <style type="text/css">
  6.     .przycisk {
  7.     background:none;
  8.     overflow:hidden;
  9.     border:0px;
  10.     margin:0px;
  11.     padding:0px;
  12. }
  13. .left{
  14. 	background-image: url(lewy.png); 
  15.  float:left;
  16. 	width:10px;
  17. 	 height:24px;
  18.     display:block;
  19. }
  20. .right {
  21.  	background-image: url(prawy.png); 
  22. width:10px;
  23.  height:24px;
  24.     display:block;
  25.      float:left;
  26. }
  27.  
  28. .center {
  29. 	 float:left;
  30. 	background-image: url(tlo.png); 
  31. 	background-repeat: repeat-x;
  32. 	padding-top:4px;
  33. 	padding-left:6px;
  34. 	padding-right:6px;
  35. 	 height:24px;
  36.     display:block;
  37. }
  38. .obrazek {
  39.  float:left;
  40. 	background-image: url(tlo.png); 
  41. 	background-repeat: repeat-x;
  42. 	padding-right:5px;
  43. 	padding-left:5px;
  44. 	padding-top:3px;
  45.  height:24px;
  46.     display:block;	
  47. }
  48.   </style>
  49.   <title></title>
  50. </head>
  51. <body>
  52. <form name="wyslij" action="" method="GET">
  53. <input type="text" name="test" value="ds" />
  54. <button type="submit" class="przycisk">
  55.     <span class="left"></span>
  56.     <span class="obrazek"><img src="obrazek.png"/></span>
  57.     <span class="center">Kliknij</span>
  58.     <span class="right"></span>
  59. </button>
  60. </body>
  61. </html>
[HTML] pobierz, plaintext


Wydaje mi sie że nie ma poczym.. ale zobacz ten kod u siebie w IE7 jak możesz
Go to the top of the page
+Quote Post

Posty w temacie
- Mayka   [css] Button z 4 grafik, jak ?   18.06.2012, 10:20:08
- - pedro84   Tfu! Buttona z kilku grafik nie zrobisz. Vide ...   18.06.2012, 10:21:47
|- - pehaperowiec   Cytat(pedro84 @ 18.06.2012, 11:21:47 ...   18.06.2012, 11:04:57
- - Mayka   Haha, proste rozwiązania są z regóły skuteczne. Dz...   18.06.2012, 13:09:40
- - thek   Najlepiej weź użyj już CSS wyższego, tło rzuć i bo...   18.06.2012, 13:28:54
|- - pehaperowiec   CytatDobra a ktoś może mi powiedzieć jak to w ...   18.06.2012, 13:33:43
- - Mayka   IE 9 jest każdy element, jeden pod drugim.   18.06.2012, 14:30:06
|- - pehaperowiec   Cytat(Mayka @ 18.06.2012, 15:30:06 ) ...   18.06.2012, 14:51:46
- - pedro84   Pod IE 9 jest ok. IE 6/7 mają pewne problemy ze s...   18.06.2012, 14:54:14
- - Mayka   [HTML] pobierz, plaintext <!DOCTYPE HTML PUBLIC...   18.06.2012, 14:56:09
- - pehaperowiec   Tak jak mówiłem, wystarczy nadać odpowiednie szero...   18.06.2012, 15:11:33
- - Mayka   Działa jeszcze raz dzieki za pomoc.   18.06.2012, 15:18:24
- - pehaperowiec   nie ma problemu. Moge pomóc w czymś jeszcze?   18.06.2012, 15:20:10

« Następny starszy · CSS · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 8.10.2025 - 18:33
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn