[html] ramka formularza, zmiana koloru, <fieldset>

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
marcinb82
Posty: 6
Rejestracja: pn wrz 20, 2004 12:55 pm
Kontakt:

[html] ramka formularza, zmiana koloru, <fieldset>

Post autor: marcinb82 »

Gdy użyje <fieldset> to pojawia mi sie białą ramka wokoł formularza, czy można zmienic jej kolor?
iro
Moderator
Posty: 402
Rejestracja: pt gru 19, 2003 8:20 pm
Lokalizacja: Szczecin

Re: [html] ramka formularza, zmiana koloru, <fieldset>

Post autor: iro »

Nigdy nie stoswałem tego znacznika, ale może spróbuj użyć atrybutu style.
np. tak:

Kod: Zaznacz cały

<fieldset style="color: red;">
itp. itd.
marcinb82
Posty: 6
Rejestracja: pn wrz 20, 2004 12:55 pm
Kontakt:

Re: [html] ramka formularza, zmiana koloru, <fieldset>

Post autor: marcinb82 »

Wiec niestety tylko zmienia sie czcionka!
Obee
Nowy
Nowy
Posty: 51
Rejestracja: czw sie 19, 2004 4:44 am
Lokalizacja: Kraków
Kontakt:

Re: [html] ramka formularza, zmiana koloru, <fieldset>

Post autor: Obee »

O ile się nie mylę, to nie da się :(
masterix
Przelotem
Przelotem
Posty: 220
Rejestracja: wt wrz 07, 2004 6:44 pm
Kontakt:

Re: [html] ramka formularza, zmiana koloru, <fieldset>

Post autor: masterix »

a może border-color:red ?
Kam
Nowy
Nowy
Posty: 21
Rejestracja: wt wrz 07, 2004 9:32 am
Lokalizacja: Oława
Kontakt:

Re: [html] ramka formularza, zmiana koloru, <fieldset>

Post autor: Kam »

Owszem, właśnie przy pomocy border-color :)

Kod: Zaznacz cały

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Fieldset test</title>
<style type="text/css">
label {
	display:block;
}
fieldset {
	border:1px solid red;
}
</style>
</head>

<body>
<fieldset>
	<legend>Grupa 1</legend>
	<label for="name">Imię</label>
	<input name="name" id="name" type="text" />
	<label for="lastname">Nazwisko</label>
	<input name="lastname" id="lastname" type="text" />
</fieldset>
</body>
</html>
Zmiana koloru działa we wszystkich nowszych przeglądarkach (IE5.x-6.0, FF, Opera 7), ale, o ile pamiętam, jest problem z wyłączeniem ramki w Operze.
ODPOWIEDZ