+- 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: dzielenie pojemnika na podobszary (/thread-dzielenie-pojemnika-na-podobszary)
dzielenie pojemnika na podobszary - pati12 - 10-03-2008
witam uczę się teraz html ze strony pana Włodzimerza Gajdy i doszłem do takiego artykułu http://www.gajdaw.pl/html/uklad-witryny-gwz/p3.html na poprzedniej stronie robie ten pojemnik cały to daje rade ale jak na tej stronie musze podzielić pojemnik na podobszary to mi nic nie wychodzi...męczę sie męczę i nic:/ to jest plik strony
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<LINK rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="strona">
<div id="naglowek"></div>
<div id="kolumnaLewa"></div>
<div id="kolumnaPrawa"></div>
<div id="stopka"></div>
</div>
</body>
</html>
a to style
div {
margin : 0px;
border : none;
padding : 0px;
}
#strona {
margin : auto;
border : 1px solid black;
padding : 0px;
width : 758px;
height : 700px;
}
#naglowek {
margin : 0px;
border : none;
padding : 0px;
width : 758px;
}
#kolumnaLewa {
margin : 0px;
border : none;
padding : 0px;
width : 180px;
clear : both;
float : left;
}
#kolumnaPrawa {
margin : 0px;
border : none;
border-top : 1px solid black;
border-left : 1px solid black;
border-bottom : 1px solid black;
padding : 0px;
width : 575px;
clear : none;
float : right;
}
#stopka {
margin : 0px;
margin-left : 0px;
text-align : right;
border : none;
padding : 7px 0px 7px 0px;
width : 758px;
}
bardzo proszę o pomoc, gdzie robie błąd albo napisanie mi takiego poprawnej struktury tego podziału. Pisałem na innych forach i nikt nie odpisuje....Mam nadzieje że chociaż tu mi pomożecie bo w nauce html i css stoje w tym miejscu od tygodnia...:/
RE: dzielenie pojemnika na podobszary - Marcin - 10-03-2008
A czy podajesz dobry link do pliku z CSS? Na pewno nazywa się style.css? Wrzuć tam na przykład coś takiego:
Kod:
body {
color: red;
}Jak wrzucisz to do pliku CSS to sprawdź i powiedz czy czcionka na stronie zmieniła się na czerwoną. Oczywiście wrzuć jakiś tekst w jakiegokolwiek diva.
RE: dzielenie pojemnika na podobszary - ppawel4 - 11-03-2008
pati12 napisał(a):<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<LINK rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="strona">
<div id="naglowek"></div>
<div id="kolumnaLewa"></div>
<div id="kolumnaPrawa"></div>
<div id="stopka"></div>
</div>
</body>
</html>
a to style
div {
margin : 0px;
border : none;
padding : 0px;
}
#strona {
margin : auto;
border : 1px solid black;
padding : 0px;
width : 758px;
height : 700px;
}
#naglowek {
margin : 0px;
border : none;
padding : 0px;
width : 758px;
}
#kolumnaLewa {
margin : 0px;
border : none;
padding : 0px;
width : 180px;
clear : both;
float : left;
}
#kolumnaPrawa {
margin : 0px;
border : none;
border-top : 1px solid black;
border-left : 1px solid black;
border-bottom : 1px solid black;
padding : 0px;
width : 575px;
clear : none;
float : right;
}
#stopka {
margin : 0px;
margin-left : 0px;
text-align : right;
border : none;
padding : 7px 0px 7px 0px;
width : 758px;
clear: both;
}
Usuń te zaznaczone na czerwono a dopisz to co jest na zielono i zobacz jak wygląda. Jeżeli dalej byłoby coś nie tak to może dej screena.