Odpowiedź:
Kod html:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Tu wpisz tytul strony</title>
</head>
<body>
<div id="container">
<div id="header">Logo</div>
<div id="menu"><h1>Menu</h1>
-Link1</br>
-Link2</br>
-Link3</br>
</div>
<div id="content"><h1>Treść strony</h1>Przykladowy tekst</div>
<footer><h1>Stopka</h1></footer>
</body>
</html>
Zewnętrzny arkusz style.css:
body {
background-image: url(bg.jpg);
}
*{
margin: 0;
padding: 0;
#container{
background-color: yellow;
width: 1000px;
height: 600px;
margin-left: auto;
margin-right: auto;
#header {
padding-top: 20px;
margin-top: 100px;
height: 70px;
text-align: center;
font-size: 50px;
#menu {
float: left;
#content{
margin-left: 50px;
footer{
margin-top: 460px;
clear: both;
W razie pytań pisz w komentarzu. Podałaś mało informacji odnośnie strony dlatego jest ona wykonana na "oko". W razie czego pozmieniam co będziesz chciał/chciała
Wyjaśnienie:
" Life is not a problem to be solved but a reality to be experienced! "
© Copyright 2013 - 2024 KUDO.TIPS - All rights reserved.
Odpowiedź:
Kod html:
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Tu wpisz tytul strony</title>
</head>
<body>
<div id="container">
<div id="header">Logo</div>
<div id="menu"><h1>Menu</h1>
-Link1</br>
-Link2</br>
-Link3</br>
</div>
<div id="content"><h1>Treść strony</h1>Przykladowy tekst</div>
<footer><h1>Stopka</h1></footer>
</div>
</body>
</html>
Zewnętrzny arkusz style.css:
body {
background-image: url(bg.jpg);
}
*{
margin: 0;
padding: 0;
}
#container{
background-color: yellow;
width: 1000px;
height: 600px;
margin-left: auto;
margin-right: auto;
}
#header {
padding-top: 20px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
width: 1000px;
height: 70px;
text-align: center;
font-size: 50px;
background-color: yellow;
}
#menu {
float: left;
}
#content{
margin-left: 50px;
float: left;
}
footer{
text-align: center;
margin-top: 460px;
clear: both;
}
W razie pytań pisz w komentarzu. Podałaś mało informacji odnośnie strony dlatego jest ona wykonana na "oko". W razie czego pozmieniam co będziesz chciał/chciała
Wyjaśnienie: