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

question-closed Zadanie do samodzielnego wykonania. Programowanie webowe odc.3

Object Storage Arubacloud
0 głosów
279 wizyt
pytanie zadane 2 lutego 2017 w HTML i CSS przez altara Początkujący (290 p.)
zamknięte 3 lutego 2017 przez Eryk Andrzejewski

Witam na forum!

Proszę o pomoc w wykonaniu zadania do samodzielnego wykonania (Programowanie webowe #3). 

Czy jest możliwe w prosty sposób wyśrodkowanie danych w całej kolumnie "Płeć"? Chodzi mi o to, żeby nie centrować pojedynczych komórek, tylko całą kolumnę.

Kod w HTML:

<div id="gracze">
			<p> <strong>Aktualni gracze Non Omnis Moriar</strong></p>
			<table class="opistabeli" rules="all" border="1" cellpadding="5">
			<tr>
				<th>Nick</th><th>Płeć</th><th>Ulubiona broń</th>
			</tr>
			<tr style="color: red">
				<td>Sn1p3RR</td><td>m</td><td>AWP</td>
			</tr>
			<tr style="color: green">
				<td>Gh0st256</td><td>k</td><td>PP-Bizon</td>
			</tr>
			<tr>
				<td>K4w411</td><td>k</td><td>MP9</td>
			</tr>
			<tr>
				<td>S0l1d$nake</td><td>m</td><td>Desert Eagle</td>
			</tr>
		</table>
			<p><small>Legenda: <span style="color: red">szef klanu, </span>
				<span style="color: green">sekretarz drużyny</span></small>
			</p>
		</div>

Opis w CSS:

#gracze
{
	background-color:  gainsboro;
	font-size: 90%;
	text-align: center;
	padding: 5;
	width: 300px;
	height: 400px;
	float: left;
}

.opistabeli
{
	min-width: 200px;
	max-width: 280px;
	font-size: 100%;
	text-align: left;
	padding: 10px;
	margin: auto;	
	border: 2px solid #0088dd;/
}

Strony nie mogę przesłać, bo jest na localhost, a nie widzę opcji na przesłanie screena. Tabela wygląda dokładnie tak, jak w zadaniu.

Pozdrawiam altara

 

komentarz zamknięcia: problem rozwiązany, odpowiedź w komentarzu.
1
komentarz 2 lutego 2017 przez niezalogowany
edycja 2 lutego 2017

jak dla mnie to nadać tym komórkom gdzie jest płeć class="center" i w css .center {text-align: center}
ja innego sposobu nie widzę...

-----------------
a nie, przepraszam, jest możliwość za pomocą pseudoklasy np. :nth-child

wystarczy wrzucisz do CSS: 

td:nth-child(2){
  text-align: center;
}

 

komentarz 3 lutego 2017 przez altara Początkujący (290 p.)

Dzięki, pseudoklasa działa! 

ViruS jesteś genialny yes

Podobne pytania

0 głosów
1 odpowiedź 276 wizyt
0 głosów
1 odpowiedź 124 wizyt
pytanie zadane 2 listopada 2016 w SQL, bazy danych przez Filip31411 Dyskutant (8,840 p.)
+1 głos
1 odpowiedź 279 wizyt
pytanie zadane 16 sierpnia 2021 w HTML i CSS przez TomaszR Nowicjusz (170 p.)

92,762 zapytań

141,686 odpowiedzi

320,499 komentarzy

62,106 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

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!

...