body
{
/*========================================================
This pattern is downloaded from www.subtlepatterns.com
========================================================*/
background-image: url('../obrazy/tlo.png');
margin: 0 auto;
font-family: 'Source Sans Pro', sans-serif;
}
#glowny
{
position: relative;
min-height: 100vh;
padding-bottom: 10px;
}
#baner
{
min-height: 100px;
text-align: center;
}
#baner > span
{
font-size: 50px;
font-weight: bold;
}
#menu
{
text-align:center;
min-height: 30px;
}
#menu > a
{
text-decoration: none;
color: brown;
}
#tresc
{
min-height: 100px;
margin: 0 auto;
}
#strona
{
margin-top: 20px;
text-align: center;
}
#strona > span
{
font-weight:bold;
font-size: 20px;
}
#pilkarz
{
width: 50%;
text-align: center;
font-style: italic;
outline: 1px solid black;
}
#wpisz_pilkarza
{
margin-top: 50px;
margin-bottom: 100px;
border: 2px solid blue;
border-radius: 10px;
text-align:center;
position: relative;
left: 25%;
width: 50%;
}
#stopka
{
text-align: center;
min-height: 100px;
width: 100%;
position: absolute;
bottom: 0;
}
#stopka > span
{
font-weight:bold;
font-size: 20px;
}
Ogólnie to kod strony głównej wygląda tak. No i w sumie, leży u mnie totalnie formatowanie, jak teraz przeniosłem się z komputera szkolnego gdzie wszystko było pięknie i ładnie wyśrodkowane, tak teraz tutaj już np. widziałem że tamto pole do wpisywania piłkarza jest praktycznie w ogole nie oddzielone od stopki.
Tutaj macie jeszcze HTML tej strony:
<!DOCTYPE html>
<html lang="pl">
<head>
<title> Strona główna </title>
<meta charset="UTF-8">
<link rel="Stylesheet" type="text/css" href="style/glowna.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
</head>
<body>
<div id="glowny">
<div id="baner">
<span> BANER </span>
</div>
<div id="menu">
<a href="glowna.html"> Strona Główna </a>
<a href="pilkarze.html"> Piłkarze </a> <!-- Tu będą wypisani wszyscy piłkarze dostępni w bazie danych -->
<a href="logowanie.html"> Logowanie </a>
<a href="rejestracja.html"> Rejestracja </a>
</div>
<div id="tresc">
<div id="strona">
<span> JAKIŚ KRÓTKI OPIS O TYM CO BĘDZIE NA TEJ STRONIE
ORAZ JAK POSŁUGIWAC SIĘ POLEM NIŻEJ
</span>
</div>
<div id="wpisz_pilkarza">
<br>
<input type="text" id="pilkarz" name="pikarz" placeholder="Wpisz imię i nazwisko piłkarza">
<br><br>
<input type="submit" value="Sprawdź" id="sprawdzenie">
<br><br>
</div>
</div>
<div id="stopka">
<span> TU KIEDYŚ BĘDZIE SKRYPT, KTÓRY BĘDZIE POKAZYWAŁ: <br>
- DZISIEJSZĄ DATĘ I GODZINĘ <br>
- DATĘ ORAZ CZAS OSTATNIEJ AKTUALIZACJI DANYCH NA STRONIE
</span>
</div>
</div>
</body>
</html>