Skocz do zawartości

Rafeq_PL

Rejestracja: 09 kwi 2014
Poza forum Ostatnio: sty 02 2015 22:16
-----

Moje tematy

Pytanko odnośnie animacji [Css3+Jquery]

15 maja 2014 - 19:35

Witam, znowu potrzebuję waszej pomocy. Otóż chciałem założyć stronkę i jest dość długa ( w sensie, stopki nie widać). A w stopce chciałem umieścić animację (napisaną w css3). Oczywiście załóżmy, że stopka ma klasę : "bottom", natomiast div animowany ma klasę: "anima". Potrzebuję takiej pomocy, że gdy użytkownik zobaczy div'a pt. "bottom" to animacja zacznie działać. Do tego czasu ma czekać. Podczas gdy wy będziecie myśleć nad tym, ja spróbuję sam coś wykombinować :).


Czemu obrazek nie wyświetla się za tekstem?

29 kwietnia 2014 - 21:03

Demo: http://cssdesk.com/8ULWw

 

Przejdźcie od razu do div class="Bottom" i obczajcie temat. Chcę by to co się znajduje w divie znajdowało się na tym obszarze przed obrazkiem, a nie za nim.. ;\


Sprawdź, czy dobrze... [Html/css]

09 kwietnia 2014 - 17:25

Witajcie!

Na samym wstępie chciałbym ostrzec, że nie jestem jakimś zaawansowanym użytkownikiem CSS'a. Chciałbym dowiedzieć się czy na ten moment wszystko robię dobrze, czy nie ma żadnych błędów w kodzie. Ma to być "przedstrona" z wyborem języka.

body {
	background-color: black;
	background-image:  url("lang/Polish_Flag.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
	margin: 0;
	min-width: 1224px;
	min-height: 866px;
	width: 100%;
	height: 100%;
	}
div#Standard
	{
	vertical-align: center;
	padding: 0px;
	text-align: center;
	height: 866px;
	display: flex;
	}
div#box-wymiar{
	background-image:  url("lang/bg_lang.jpg");
	background-repeat: repeat-x;
	margin: auto;
	width: 400px;
	height: 191px;
	box-shadow: #000000 15;
	}
div#box {
	padding-top: 5px;
	}
p#box {
	text-align: center;
	}

A tu html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl-PL">
<head>
<title>[*pagetitle*] - Choosing lang</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="Standard">
<div id="box-wymiar">
<div id="box">
<p id="box">
BOKSIK
</p>
</div>
</div>
</div>
</body>
</html>


Co chciałem osiągnąć?

Chciałem, by 'box' z wyborem języka znajdował się na samym środku dokumentu. Staram się robić od początku responsywną, ale widzicie jak to wychodzi... Długo się męczyłem z tym, by ustawić w środku i nie do końca jestem przekonany/nie wiem jak działa to:

display: flex;

Mógłby ktoś o tym napisać?