Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> button z podwójnym borderem
Rewil
post 30.01.2011, 16:37:06
Post #1





Grupa: Zarejestrowani
Postów: 175
Pomógł: 0
Dołączył: 19.09.2009

Ostrzeżenie: (10%)
X----

Potrzebuje by div nad przyciskiem zawijał się do długości tekstu, a nie leciał na całą stronę. Jak powiedzieć temu divowi by tak robił, zamiast ustawiać szerokości na sztywno?

http://rewil.pctk.pl/btn.html

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. 	<head>
  4. 	<style>
  5. 		.btn{
  6. 			border:1px solid #c1edff;
  7. 			display:block;
  8. 			background:#4dc1f5;
  9. 			padding:3px;
  10. 			color:#fff;
  11. 			clear:both;
  12. 			text-decoration:none;
  13. 		}
  14.  
  15. 		.btnb{
  16. 			border:1px solid #0f92d3;
  17. 		}
  18.  
  19. 		.btn:hover{
  20. 			background:#20a3e5;
  21. 		}
  22. 	</style>
  23. 	</head>
  24. 	<body>
  25. 		<div class="btnb"><a class="btn" href="#">Zakończ tansakcję</a></div>
  26. 	</body>
  27. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
charlie-cherry
post 31.01.2011, 11:12:33
Post #2





Grupa: Zarejestrowani
Postów: 93
Pomógł: 5
Dołączył: 15.12.2007

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

Można dodać float (tak jak poniżej) i potem sobie ustawić pozycję. Nie do końca wygodne, ale działa. Tyle, że jak robisz przyciski to można by też użyć "button" i byłoby bardziej semantycznie.

[HTML] pobierz, plaintext 
  1. .btnb{
  2. border:1px solid #0f92d3;
  3. float: left;
  4. }
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 29.06.2025 - 16:59
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn