Co zrobiłem nie tak? Strona ma wyglądać następująco. Plik w .zip Strona musi być oparta o divy
https://www27.zippyshare.com/v/uume1qAV/file.html
I jak zrobić, tak żeby strona dopasowywała się do rozdzielczości? Bo to wygląda fatalnie.
Poprawiłem trochę kod, ale nie wiem dlaczego stopka mi zniknęła. Jest tylko napis
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>strona</title>
<style>
body {
margin: 0;
padding: 0;
text-align: center;
}
#pudelko {
margin: auto;
width: 90%;
}
#logo {
height: 15%;
border: double 4px;
}
#menu1 {
background-color: white;
width: 20%;
height: 6%;
float: bottom;
border: double 4px;
}
#menu2 {
background-color: white;
width: 20%;
height: 48%;
float: left;
border: double 4px;
}
#tresc {
width: 99,5%;
height: 100%;
float: center;
border: double 4px;
}
#stopka {
float: center;
border: double 4 px;
}
</style>
</head>
<body>
<div id="logo">
<img src="topologie.png" alt="obrazek przedstawia topologię magistrali"> <br>
</div>
<div id="menu1">
<br>
<center> ...:MENU::.. </center>
</div>
<div id="menu2">
<a href="topologie.html">TOPOLOGIE</a><br><br>
<a href="#">MAGISTRALA</a><br><br>
<a href="#">PIERŚCIEŃ</a><br><br>
<a href="#">GWIAZDA</a><br><br>
<a href="#">DRZEWO</a><br><br>
</div>
<div id="tresc">
<img src="magistrala.png" alt="obrazek przedstawia magistrale"> <br>
<b>Topologia magistrali </b> (szyny, liniowa) (ang. Bus) -
<br> Wszytstkie elementy sieci podłączone
</div>
<div id="stopka">webm@ster: witryny internetowe</div>
</div>
</body>
</html>