+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Wyśrodkowanie strony oraz ogólna korekta. (/thread-wy%C5%9Brodkowanie-strony-oraz-ogolna-korekta)
Wyśrodkowanie strony oraz ogólna korekta. - matwiej - 17-07-2011
Witam. Zrobiłem sobie szablon pociąłem i złożyłem na nowo
Moim pierwszym problemem jest to że za bardzo nie wiem jak teraz te wszystkie divy wyśrodkować. Oto kod:
Kod:
<?xml version="1.0" encoding="iso-8859-2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="reply-to" content="Adres_e-mail" />
<meta name="author" content="Autor_dokumentu" />
<meta name="description" content="Opis" />
<script type="text/javascript" src="menu.js"></script>
<link rel="stylesheet" type="text/css" href="styl.css" />
</head>
<body>
<div class="logo" >
</div>
<div class="kontakt">
</div>
<div class="pusto">
</div>
<div class="god">tgtrtryy
</div>
<div class="koncowka">
</div>
<div class="menu">
</div>
<div class="tlo2">
</div>
</body>
</html>css:
Kod:
body {
background-image: url("images/tlo.gif");
background-repeat: repeat;
margin: 0 auto;
padding: 0;
font-color: white;
}
.logo {
background-image: url("images/logo.gif");
background-repeat: no-repeat;
height: 119px;
width: 988px;
}
.kontakt {
background-image: url("images/kontakt.gif");
background-repeat: no-repeat;
height: 255px;
width: 305px;
float: left;
}
.pusto {
background-image: url("images/pusto.gif");
background-repeat: no-repeat;
height: 255px;
width: 443px;
float: left;
}
.god{
background-image: url("images/god.gif");
background-repeat: no-repeat;
height: 255px;
width: 185px;
float: left;
}
.koncowka{
background-image: url("images/koncowka.gif");
background-repeat: no-repeat;
height: 255px;
width: 55px;
}
.menu{
background-image: url("images/menu.gif");
background-repeat: repeat;
height: 59px;
}
.tlo2{
background-image: url("images/tlo2.gif");
background-repeat: repeat;
height: 100%;
width: `100%;
}RE: Wyśrodkowanie strony oraz ogólna korekta. - michalszyd - 17-07-2011
(17-07-2011, 22:38)matwiej napisał(a): Moim pierwszym problemem jest to że za bardzo nie wiem jak teraz te wszystkie divy wyśrodkować.
do styli dla divow daj
text-align: center;
RE: Wyśrodkowanie strony oraz ogólna korekta. - matwiej - 17-07-2011
hmm.. ale to chyba tylko tekst znajdujący się w divach wyśrodkuje a mi chodzi o to aby cała strona była wyśrodkowana wraz z tłem odpowiednich divów.
RE: Wyśrodkowanie strony oraz ogólna korekta. - michalszyd - 17-07-2011
Daj margin: 0 auto; dla divow
RE: Wyśrodkowanie strony oraz ogólna korekta. - Kartofelek - 18-07-2011
Daj wszystko do wspólnego div np #content i jemu daj
width:988px; margin:0 auto;
RE: Wyśrodkowanie strony oraz ogólna korekta. - matwiej - 18-07-2011
Pomogło dziękuje za pomoc
RE: Wyśrodkowanie strony oraz ogólna korekta. - sunpietro - 18-07-2011
na Twoim miejscu bym zmienił jeszcze kodowanie z iso na utf-8