Wyśrodkowanie <legend> w <fieldset> Opcje

[czachor]

Mam taki kod...

[HTML] pobierz, plaintext 
<fieldset>
     <legend>Tytuł ramki</legend>
 
          <label for="sth">Sth:</label>
          <input type="text" name="sth" />
 
</fieldset>
[HTML] pobierz, plaintext 

Wynikiem tego będzie m. in. napis "Tytuł ramki", który pojawi się w obramowaniu w lewym górnym rogu...

Pytanie... Jak zmienić pozycję tego tytułu (znacznik <legend>)? Próbowałem z text-align: center dla <legend> - bez zmian, dla <fieldset> - wtedy wyśrodkowuje zawartość ramki, a nie "Tytuł ramki".

Albo mam jakieś zaćmienie, albo się nie da (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Z góry dzięki za pomoc!

[matid]

AFAIK nie można tego zrobić w CSS, czyli nie ma żadnego rozwiązania zgodnego ze standardami. Jedyne co działa to:

[HTML] pobierz, plaintext 
<label align="center">Sth:</label>
[HTML] pobierz, plaintext 

[Strus]

AFAIK nie można tego zrobić w CSS, czyli nie ma żadnego rozwiązania zgodnego ze standardami. Jedyne co działa to:

[HTML] pobierz, plaintext 
<label align="center">Sth:</label>
[HTML] pobierz, plaintext 

Jak nie można zrobić w stylach ? Musi się dać, co prawda nic mi dogłowy nie przychodzi, ale jeszcze dziś wymyśle jak to zrobić przy użyciu CSS (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

Co do atrybutu align w selektorze label to ma on status Deprecated (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

[czachor]

No właśnie prawdopodobnie nie da się tego zrobić, przynajmniej żeby żyć w zgodzie z W3C, także użycie align (co faktycznie działa) odpada...
Próbowałem z text-align, ale doczytałem, że dla <label> przyjmuje tylko wartości left, right, top, bottom.

Także ogólnie to lipa (IMG:http://forum.php.pl/style_emoticons/default/worriedsmiley.gif) , nie będzie wycentrowane (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Strus - jeżeli uda Ci się coś wykombinować, to będzie super (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Ten post edytował czachor 19.04.2005, 20:41:25

[bregovic]

<strzał_w_ciemność>A próbowałeś z margin: auto ?</strzał_w_ciemność>

[matid]

<strzał_w_ciemność>A próbowałeś z margin: auto ?</strzał_w_ciemność>

Ja próbowałem, nie da się.

Generalnie ustawianie marginesów pola Label daje niesatysfakcjonujący efekt

Ten post edytował matid 19.04.2005, 21:45:38

[Strus]

No właśnie prawdopodobnie nie da się tego zrobić, przynajmniej żeby żyć w zgodzie z W3C

Generalnie ten przykład co Ty podałeś to jest niezgodny z W3C

[HTML] pobierz, plaintext 
<fieldset>
<legend>Tytuł ramki</legend>
 
<label for="sth">Sth:</label>
<input type="text" name="sth" />
 
</fieldset>
[HTML] pobierz, plaintext 

bo brakuje id, label musi odwoływać się do id nie do name, czyli

[HTML] pobierz, plaintext 
<fieldset>
<legend>Tytuł ramki</legend>
 
<label for="sth">Sth:</label>
<input type="text" name="sth" id="sth" />
 
</fieldset>
[HTML] pobierz, plaintext 

Strus - jeżeli uda Ci się coś wykombinować, to będzie super (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Coś. Dobrze, że napisałeś coś, bo nie wiem jak to wyśrodkować, ale doszedłem do tego jak to przesunąć, a to jest już coś. Bo zreguły takie coś się ustawia na sztywno, więc jak tlko będziesz znał szerokość pola input to możesz zrobić tak, że będzie wyglądać jakby było na środku.

Generalnie zawsze możesz odsunąć to od rogu tej ramki.

Kod jest pod linkiem, bo wyciągnołem style z kodu dla lepszej widoczności http://strusio.net/public/css/upartyfieldset.xhtml

i jak ?

[czachor]

No i to jest myśl (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) Dzięki za kod, inputa mam ustawionego też na sztywno, więc pasuje jak ulał (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

I również dzięki za wskazówkę dot. id - nie zauważyłem tego.

Pozdr.