Zaloguj się

pati12 · 10-03-2008, 01:41

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...:/

***Marcin*** · 10-03-2008, 02:24

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.

ppawel4 · 11-03-2008, 02:25

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.

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie