Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Wyśrodkowanie <legend> w <fieldset>
czachor
post
Post #1





Grupa: Zarejestrowani
Postów: 897
Pomógł: 40
Dołączył: 16.12.2003
Skąd: Warszawa

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


Mam taki kod...
  1. <legend>Tytuł ramki</legend>
  2.  
  3. <label for="sth">Sth:</label>
  4. <input type="text" name="sth" />
  5.  


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 smile.gif Z góry dzięki za pomoc!


--------------------
how many SEO experts does it take to change a light bulb,lightbulb,light,bulb,lamp,lighting,switch,sex,xxx
5-Reasons-why-you-should-NEVER-fix-a-computer-for-free
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 7)
matid
post
Post #2





Grupa: Zarejestrowani
Postów: 362
Pomógł: 0
Dołączył: 18.02.2004
Skąd: Knurów

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


AFAIK nie można tego zrobić w CSS, czyli nie ma żadnego rozwiązania zgodnego ze standardami. Jedyne co działa to:
  1. <label align="center">Sth:</label>
Go to the top of the page
+Quote Post
Strus
post
Post #3





Grupa: Zarejestrowani
Postów: 184
Pomógł: 0
Dołączył: 19.01.2005
Skąd: Bochnia

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


Cytat(matid @ 2005-04-19 15:26:06)
AFAIK nie można tego zrobić w CSS, czyli nie ma żadnego rozwiązania zgodnego ze standardami. Jedyne co działa to:
  1. <label align="center">Sth:</label>

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 biggrin.gif

Co do atrybutu align w selektorze label to ma on status Deprecated winksmiley.jpg


--------------------
Go to the top of the page
+Quote Post
czachor
post
Post #4





Grupa: Zarejestrowani
Postów: 897
Pomógł: 40
Dołączył: 16.12.2003
Skąd: Warszawa

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


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 worriedsmiley.gif, nie będzie wycentrowane smile.gif

Strus - jeżeli uda Ci się coś wykombinować, to będzie super smile.gif

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


--------------------
how many SEO experts does it take to change a light bulb,lightbulb,light,bulb,lamp,lighting,switch,sex,xxx
5-Reasons-why-you-should-NEVER-fix-a-computer-for-free
Go to the top of the page
+Quote Post
bregovic
post
Post #5





Grupa: Zarejestrowani
Postów: 562
Pomógł: 15
Dołączył: 8.08.2003
Skąd: Denmark/Odense

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


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


--------------------
Prank - for the fun. Mac - for the simplicity. Deviantart - for the kick.
Life is ours, We live it our way -- Metallica
Go to the top of the page
+Quote Post
matid
post
Post #6





Grupa: Zarejestrowani
Postów: 362
Pomógł: 0
Dołączył: 18.02.2004
Skąd: Knurów

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


Cytat(bregovic @ 2005-04-19 22:21:44)
<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
Go to the top of the page
+Quote Post
Strus
post
Post #7





Grupa: Zarejestrowani
Postów: 184
Pomógł: 0
Dołączył: 19.01.2005
Skąd: Bochnia

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


Cytat(czachor @ 2005-04-19 20:40:59)
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
  1. <legend>Tytuł ramki</legend>
  2.  
  3. <label for="sth">Sth:</label>
  4. <input type="text" name="sth" />
  5.  

bo brakuje id, label musi odwoływać się do id nie do name, czyli
  1. <legend>Tytuł ramki</legend>
  2.  
  3. <label for="sth">Sth:</label>
  4. <input type="text" name="sth" id="sth" />
  5.  

Cytat(czachor @ 2005-04-19 20:40:59)
Strus - jeżeli uda Ci się coś wykombinować, to będzie super 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 ?


--------------------
Go to the top of the page
+Quote Post
czachor
post
Post #8





Grupa: Zarejestrowani
Postów: 897
Pomógł: 40
Dołączył: 16.12.2003
Skąd: Warszawa

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


No i to jest myśl smile.gif Dzięki za kod, inputa mam ustawionego też na sztywno, więc pasuje jak ulał smile.gif

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

Pozdr.


--------------------
how many SEO experts does it take to change a light bulb,lightbulb,light,bulb,lamp,lighting,switch,sex,xxx
5-Reasons-why-you-should-NEVER-fix-a-computer-for-free
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 21.08.2025 - 21:06