Forum PHP.pl > button z podwójnym borderem

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: button z podwójnym borderem

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

Rewil

30.01.2011, 16:37:06

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 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
	<head>
	<style>
		.btn{
			border:1px solid #c1edff;
			display:block;
			background:#4dc1f5;
			padding:3px;
			color:#fff;
			clear:both;
			text-decoration:none;
		}
 
		.btnb{
			border:1px solid #0f92d3;
		}
 
		.btn:hover{
			background:#20a3e5;
		}
	</style>
	</head>
	<body>
		<div class="btnb"><a class="btn" href="#">Zakończ tansakcję</a></div>
	</body>
</html>
[HTML] pobierz, plaintext

charlie-cherry

31.01.2011, 11:12:33

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 
.btnb{
border:1px solid #0f92d3;
float: left;
}
[HTML] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.