10-10-2010, 15:05
Staraj się używać znaczników CODE przy wklejaniu skryptu, bo jest nieczytelny.
Napisałeś stronę na tabelach - błąd. Dlaczego wszyscy zaczynający naukę HTML piszą stronę na tabelach i nie wiedzą o istnieniu CSS?!
Napiszę to na DIVach, a Ty poczytaj jednak o CSS (podałem link do kursu), a zobaczysz o ile prostsze i przyjemniejsze staje się pisanie strony.
Pomieszanie z poplątaniem, nie jest to w 100% prawidłowy kod, ale nie mam zamiaru pisać całej strony... Powinno działać tak jak chciałeś. Przyjrzyj się temu, skubnij kursu CSS i poczytaj jak się buduje strony na DIV'ach.
Napisałeś stronę na tabelach - błąd. Dlaczego wszyscy zaczynający naukę HTML piszą stronę na tabelach i nie wiedzą o istnieniu CSS?!
Napiszę to na DIVach, a Ty poczytaj jednak o CSS (podałem link do kursu), a zobaczysz o ile prostsze i przyjemniejsze staje się pisanie strony.
Kod:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
body {
margin:0;
padding:0;
width:100%;
}
.container {
width:732px;
margin:0 auto;
background:#ff000;
}
.logo {
width:100%;
height:98px;
background:#ccc;
margin:8px 0 0 0;
display:block;
}
.keeper {
width:100%;
height:300px;
margin:8px 0 0 0;
}
.nav {
width:150px;
height:300px;
background:#dedede;
float:left;
dispay:block;
}
.content {
width:556px;
height:280px;
float:right;
background:#777;
padding:10px;
dispay:block;
}
.footer {
width:100%;
float:none;
height:44px;
background:#bbb;
margin:8px 0;
}
<!--[if IE 6]>
.container { text-align:center; // wyśrodkowuje DIV CONTAINER względem ekranu w IE6}
<![endif]-->
</style>
</head>
<body>
<div class="container">
<div class="logo">LOGO</div>
<div class="keeper">
<div class="nav">
<ul>
<li>nav1</li>
<li>nav2</li>
<li>nav3</li>
</ul>
</div>
<div class="content">
Jesteśmy młodą i prężną firmą istniejącą od 2000 roku. Działamy przede wszystkim w regionie łódzkim w branży recyklingu.
Wierzymy, że recykling jest jednym z podstawowych działań, jakie każdy, świadomy ekologicznie człowiek, musi podjąć w trosce o przyszłość własnego środowiska, własnego świata. Staramy się poszerzać wiedzę obywateli Łodzi, by mogli być świadomi korzyści płynących z tych działań dla wszystkich.
Jesteśmy członkiem Stowarzyszenia Przedstawicieli Przedsiębiorstw Recyklingu którego głównym celem jest zapobieganie przestępczości związanej z działalnością gospodarczą obejmującą obrót surowcami wtórnymi oraz dbającego o zapewnienie najwyższych standardów obsługi klienta.
</div>
</div>
<div class="footer">STOPKA</div>
</div>
</body>
</html>Pomieszanie z poplątaniem, nie jest to w 100% prawidłowy kod, ale nie mam zamiaru pisać całej strony... Powinno działać tak jak chciałeś. Przyjrzyj się temu, skubnij kursu CSS i poczytaj jak się buduje strony na DIV'ach.
