Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Wyśrodkowanie strony oraz ogólna korekta.
#1
Witam. Zrobiłem sobie szablon pociąłem i złożyłem na nowo Tongue
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%;
        }
Może przy okazji ktoś znajdzie jakieś błędy to chętnie poprawie ;p [/code]
Odpowiedz
#2
(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;
Odpowiedz
#3
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.
Odpowiedz
#4
Daj margin: 0 auto; dla divow
Odpowiedz
#5
Daj wszystko do wspólnego div np #content i jemu daj

width:988px; margin:0 auto;
Odpowiedz
#6
Pomogło dziękuje za pomoc
Odpowiedz
#7
na Twoim miejscu bym zmienił jeszcze kodowanie z iso na utf-8
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Smarty, książki oraz Szablon HTML5 Morfeusz_2005 1 2,636 18-11-2013, 14:34
Ostatni post: prawdziwypiotrek
  przekierowanie na mobilną wersję strony oraz z mobilnej na full zaxxx 5 5,206 15-04-2013, 04:03
Ostatni post: zaxxx
  upload pdf oraz doc/rtf w jednym formularzu misiuk 2 2,898 27-03-2013, 14:10
Ostatni post: misiuk
  [html][css]wyśrodkowanie elementu i rozciągniecie tła (bloku) baz 1 2,483 07-12-2012, 03:11
Ostatni post: andrzejhi
  Uciekająca strona w IE8 [CSS] oraz problem z PHP nimbostratus 5 4,475 15-11-2012, 03:31
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl