• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Wyśrodkowanie znacznika legend w fieldset CSS'em

VPS Starter Arubacloud
0 głosów
547 wizyt
pytanie zadane 27 maja 2016 w HTML i CSS przez xmentor Nałogowiec (49,520 p.)
zamknięte 28 lipca 2016 przez xmentor
Witam, próbuje się uporać z opornym znacznikiem legend, by go wyśrodkować za pomocą CSS'a, aczkolwiek nic nie daje tak dobrego efektu jak atrybut(zdeprecjonowany): align ;-;

Może jakieś propozycje?

Może ktoś wcześniej się uporał z tym?

 

EDIT -----------------------------

Alternatywny sposób rozwiązania tego problemu na Firefoxie z użyciem pseudoelementów:

http://codepen.io/kkondratowicz/pen/bebXeX
komentarz zamknięcia: Rozwiązane

3 odpowiedzi

0 głosów
odpowiedź 27 maja 2016 przez Orkoo7 Bywalec (2,670 p.)

Spróbuj w css'ie dodać : 

legend{
	margin:0 auto;
}

 

komentarz 27 maja 2016 przez xmentor Nałogowiec (49,520 p.)
edycja 27 maja 2016 przez xmentor

To nie działa wink

Edit: na innych przeglądarkach niż firefox działa.

0 głosów
odpowiedź 27 maja 2016 przez prp35n Użytkownik (940 p.)
Spróbuj tutaj: http://howtocenterincss.com/

Swoją drogą, czy legend jest jeszcze praktycznie w użyciu?
1
komentarz 27 maja 2016 przez Comandeer Guru (599,730 p.)
A czemu ma nie być? Najprostszy i najefektywniejszy sposób opisania grupy inputów.
komentarz 27 maja 2016 przez xmentor Nałogowiec (49,520 p.)
Nie daje pożądanego efektu :(
komentarz 28 lipca 2016 przez CzikaCarry Szeryf (75,340 p.)
A czy to ma być wyśrodkowanie w pionie czy poziomie? Jest niby sposób na wyśrodkowanie w poziomie i w pionie trochę taki meh ale działa:D dla elementu pozycjonowanego w poziomie dajesz left: 50% oraz margin-left: 0.5*szerokosc*-1. W pionie robisz analogicznie, tyle ze zamiast left dajesz top i zamiast margin left tez top.
komentarz 28 lipca 2016 przez xmentor Nałogowiec (49,520 p.)
W poście dałem rozwiązanie już.
0 głosów
odpowiedź 27 maja 2016 przez nerdxg Obywatel (1,760 p.)

W CSS

legend {
	margin:0 auto;
}

albo w HTML

<legend align="center"> text </legend>

U mnie działają dwa sposoby

komentarz 27 maja 2016 przez xmentor Nałogowiec (49,520 p.)
1: tak, na innych przeglądarkach niż firefox działa.

2: atrybut align jest zdeprecjonowany.

Podobne pytania

+1 głos
1 odpowiedź 6,037 wizyt
pytanie zadane 1 września 2017 w HTML i CSS przez niko404 Użytkownik (910 p.)
0 głosów
1 odpowiedź 342 wizyt
0 głosów
2 odpowiedzi 340 wizyt
pytanie zadane 13 sierpnia 2016 w HTML i CSS przez jankustosz1 Nałogowiec (35,880 p.)

92,455 zapytań

141,263 odpowiedzi

319,100 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...