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
[pomoc] dzielenie pojemnika na podobszary
Re: [pomoc] dzielenie pojemnika na podobszary
Witam,
Po pierwsze, dla nagłówka, kolumn i stopki nie nadałaś wysokości w CSS co sprawia że te ramki są niewidoczne. Dopisz height: 200px; (albo inna wartość niż 200, pamiętaj tylko że wszystkie nie mogą przekroczyć 700px bo taką wysokość nadałaś dla głównej ramki o ID strona) dla przykładu i zobaczysz każdą warstwe.
Po drugie ramki z natury są przeźroczyste więc tak czy siak ich nie zobaczysz nie licząc tych które mają nadane border (obramowanie) dopisz do każdej ramki background: kolor; (oczywiście dla każdej inny i będzie dobrze). Dla przykładu background: red; czy background: rgb(50,25,255); lub background: #ff23ca;.
Po trzecie prezentując kod źródłowy strony czy pliku CSS, zawieraj go w znaczniki CODE. Wklejasz kod, zaznaczasz go i klikasz na przycisk code u góry. Ogólnie ma to wyglądać tak:
[/code]
Po pierwsze, dla nagłówka, kolumn i stopki nie nadałaś wysokości w CSS co sprawia że te ramki są niewidoczne. Dopisz height: 200px; (albo inna wartość niż 200, pamiętaj tylko że wszystkie nie mogą przekroczyć 700px bo taką wysokość nadałaś dla głównej ramki o ID strona) dla przykładu i zobaczysz każdą warstwe.
Po drugie ramki z natury są przeźroczyste więc tak czy siak ich nie zobaczysz nie licząc tych które mają nadane border (obramowanie) dopisz do każdej ramki background: kolor; (oczywiście dla każdej inny i będzie dobrze). Dla przykładu background: red; czy background: rgb(50,25,255); lub background: #ff23ca;.
Po trzecie prezentując kod źródłowy strony czy pliku CSS, zawieraj go w znaczniki CODE. Wklejasz kod, zaznaczasz go i klikasz na przycisk code u góry. Ogólnie ma to wyglądać tak:
Kod: Zaznacz cały
[code] Twój kod html/css itp itd etcRe: [pomoc] dzielenie pojemnika na podobszary
wielkie dzięki podziałało, a co do 3 punkty to sorry, więcej to się nie zdarzy. Jeszcze raz wielkie dzięki;) 