Wyśrodkowanie w pionie działa tylko w jednym elemencie.

Question

Witam.

Chciałbym dowiedzieć się jak wyśrodkować elementy zaznaczone na tym zdjęciu w pionie względem kropkowanych linii.

Działa mi tylko jeden obrazek,jak widać na zdjeicu jest to Złota Piłka.

HTML:http://wklej.to/e5Egk

CSS:http://wklej.to/xDEoM

 

Z góry dziękuje za pomoc,jest początkującym ,także to pytanie może wydać się wam banalnie proste,ale ja mam z tym problem :)

Answer 1

Musisz każdemu elementowi w HTML (#artykul1, #artykul2, #artykul3, #artykul4) przypisać taką samą nazwę klasy np. `class="artykul"` i w CSS dla tej klasy wstawić te reguły, które centrują element w #artykul1.

.artykul
{
   /* tu wstawiasz wspolne reguly - w tym centrowanie elementu */
}

Możesz też w CSS przypisać te same reguły do elementów z różnym ID

#artykul1,
#artykul2,
#artykul3,
#artykul4
{
/* tu wstawiasz wspolne reguly */
}

Answer 2

#artykul1
{
	height: 145px;
	border-top: 1px dotted black;
	border-bottom: 1px dotted black;
	text-align: justify;
	text-align: left;
    display:table-cell;
    vertical-align:middle;
	width: 700px;
}

 

No i tak jak wpisałeś to masz to tylko w 1 :) reszta tego nie ma i polecam ci zrobić zamiast artykul1,2,3,... 

Dać <article class="artykul"></article> i wtedy wszystkie będą miały tą samą klasę, dzięki temu utrzymasz porządek w css :) 

Answer 3

Dziękuje wam za pomoc,tylko teraz pojawił się kolejny problem.

Mianowicie gdy dodałem do każdego artykułu wartości,który miał artykuł 1 (Wcześniej nie dodałem <br> w HTML dlatego nie działało mi wyśrodkowanie w pionie,więc dodałem poprzednie pytanie) tabela zmalała mi,jak na SS niżej:

Więc zwiększyłem wysokość o 100 px,lecz wtedy znów wysokość ceontentu się zmniejszyła.

Więc jak to zrobić,by wszystko było równo.

Pytania dla was zapewne są głupie,ale jak inaczej to ogarnąć skoro jestem początkujący :D

Z góry dziękuje za pomoc :)

KOD:

http://wklej.to/bdMCM

 

http://wklej.to/K23eo

Answer 4

To jak,pomoże ktoś>?