Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Magmus

Potrzebuje pomocy przy postach

Promowane odpowiedzi

Witam pomogli byście mi przy css bo kombinuje jak koń pod górkę ale bez żadnych efektów mam tu taki screen posta z stronki

d1.png

 

i jak widać link do facebooka jest pod postem a jak zrobić to żeby był na terenie posta? np. tak

d2.png

 

bo mi pod postem wyświetla link do fb 

 

kod html:

					<div class="post">
						<div class="post-name">DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG DOG</div>
							<div class="post-tekst">
							<img class="post-img" src="img/6.jpg">
									<span class="post-tekst2">Pochodzenie współczesnych dogów jest związane z psami, które przywędrowały do Europy z Azji. Protoplastą tego typu psów miałby być mastif tybetański, jednak dawniej były to najczęściej psy w typie pasterskim. Strebel podkreśla, że całkiem prawdopodobna teoria pochodzenia doga, wiąże się z występowaniem w Europie Środkowej i Północnej cięższej formy wilka, tak więc dogi mogły wyewoluować z psów europejskich. Według starożytnych źródeł na jakie powołuje się Rāber do Brytanii psy bojowe w typie doga trafiły dzięki Galom, Cymbrom oraz Teutonom. Do Germanii przywędrowały wraz z rzymskimi legionami[3].

W rejonach Europy Południowej funkcjonowało określenie alano lub alant i miało oznaczać doga, który został sprowadzony na te obszary przez plemię Alanów.

Zasadnicze cechy anatomiczne dogów tj. skrócenie części twarzowej czaszki przypisuje się procesowi domestykacji psa. Brinkmann analizował wykopaliska w Danii i Norwegii z okresu wczesnego neolitu, które dotyczyły szczątków szkieletowych psów o zredukowanej i wygiętej żuchwie. Te odkrycia, przypisał występującym w ówczesnych czasach formom psów dogowatych.</span>
						</div>
						<div class="post-linki"><a class="post-facebook" href="https://www.facebook.com/">Więcej na facebook</a></div>
					</div>

Kod css:

.post:nth-child(1){
	margin:20px auto;
}
.post{
	width:750px;
	margin:30px auto;
	background:#fff;
}
.post-name{
	padding-top:25px;
	width:700px;
	margin:25px auto;
	font-size:22px;
	font-family: 'Signika', sans-serif;
	color:#27ae60;
}
.post-tekst{
	width:700px;
	margin:25px auto;
	font-size:16px;
	font-family: 'Signika', sans-serif;
	margin-bottom:50px;
}
.post-tekst2{
	padding-left:15px;
}
.post-img{
	float:left;
	margin:0px 15px 5px 0px;
	max-width:400px;
	max-height:400px;
}
.post-linki{
	width:700px;
	margin:0 auto;
}
.post-facebook{
	padding:5px 10px;
	color:#fff;
	background:#3b5998;
	border-radius:4px;
	border:2px solid #3b5998;
	font-family: 'Signika', sans-serif;
	transition:0.5s;
	font-size:14px;
	float:right;
}
.post-facebook:hover, .post-facebook:focus{
	padding:5px 10px;
	color:#3b5998;
	background:#fff;
	border-radius:4px;
	border:2px solid #3b5998;
	transition:0.5s;
}

Nie które rzeczy w css są nie potrzebne i tytuł tekst zdjęcie jest przykładowe :) 

Mogli byście mi pomuc bo nie wiem jak to zrobić.

I chciał bym żeby było tak jak post jest mniejszy to link do fb jest pod tekstem jak na zdjęciu 2 w prawym dolnym postu.

Z góry dziękuje za pomoc. :) 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Przenieś .post-linki do .post-name, następnie edytuj CSS z tymi wartościami:

.post-name {
  padding-bottom: 30px;
  position: relative
}
.post-linki {
  bottom: 0;
  position: absolute;
  right: 0
}

 

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Utwórz konto

Utwórz konto. To darmowe i bardzo proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.

Zaloguj się teraz


×