Pokaż wiadomości
Ta sekcja pozwala Ci zobaczyć wszystkie wiadomości wysłane przez tego użytkownika. Zwróć uwagę, że możesz widzieć tylko wiadomości wysłane w działach do których masz aktualnie dostęp.
aaa, betaa Twój dotyczył wersji beta.
patrz na www.creaweb.pl tam wszystko jest już git
#logo { background-image: url(http://i27.tinypic.com/140gmxy.png) }
Wygląd div'ów ustalasz w pliku .css, więc wytnij to z html'a i wklej do swojego .css.padding
text-decoration
font-family
font-size
font-weight
color
Teraz już powinieneś sobie poradzić.
body
{
background-color: #FFF456;
margin: 0 auto;
}
#calosc
{
width: 400px;
margin: auto;
background-color: #425245;
}
#logo
{
border: 1px solid black;
background-color: #FF4F4F;
height: 200px;
width: 200px;
float: inherit;
margin: auto;
}
#menu
{
background-color: #F54F7F;
height: 230px;
width: 320px;
float: inherit;
margin: auto;
}
#text
{
background-color: #F1134F;
height: 244px;
width: 212px;
float: inherit;
margin: auto;
}
#stopka
{
background-color: #FF836F;
height: 241px;
width: 243px;
float: inherit;
margin: auto;
}
Tak to wygląda (zielono-szary kolor to 'kontener')
body
{
background-color: #FFF456;
margin: 0 auto;
}
#logo
{
border: 1px solid black;
background-color: #FF4F4F;
height: 200px;
width: 200px;
float: inherit;
margin: auto;
}
#menu
{
background-color: #F54F7F;
height: 230px;
width: 320px;
float: inherit;
margin: auto;
}
#text
{
background-color: #F1134F;
height: 244px;
width: 212px;
float: inherit;
margin: auto;
}
#stopka
{
background-color: #FF836F;
height: 241px;
width: 243px;
float: inherit;
margin: auto;
}
Oczywiście w tym wypadku usuń div 'calosc' z kodu html. Wygląda to tak:
<?xml version="1.0" encoding="iso-8859-2"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="reply-to" content="tomek98-03@o2.pl" />
<meta name="generator" content="WebSite PRO 4.3" />
<meta name="author" content="FraseR" />
<meta name="description" content="Portfolio grafika komputerowego." />
<meta name="keywords" content="grafika, portfolio, grafika 2d, grafika 3d, webmaster, strony, webmasterka" />
<meta name="robots" content="all, index, fallow" />
<meta name="revisit-after" content="2 days" />
<title>FraseR Portfolio</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="Shortcut icon" href="icon.png" />
<link rel='stylesheet' href='style.css' type='text/css' />
</head>
<body>
<div id="calosc">
<div id="logo">logo</div>
<div id="menu">menu</div>
<div id="text">text</div>
<div id="stopka">stopka</div>
</div>
</body>
</html>
body { padding: 0px; }
#calosc
{
height:100%;
margin: 0 auto;
width:500px;
}
#logo
{
border: 1px solid black;
margin-top: auto;
height: 200px;
float: inherit;
width: 200px;
}
#menu
{
margin-top: auto;
height: 230px;
float: inherit;
width: 320px;
}
#text
{
margin-top: auto;
height: 244px;
float: inherit;
width: 212px;
}
#clear { clear: both; }
#stopka
{
margin-top: auto;
height: 241px;
float: inherit;
clear: both;
width: 243px;
}
margin: 0 auto; w pliku css.#id
{
/*parametry*/
}U Ciebie nawiasy klamrowe są w złych miejscach - albo zbyt wcześnie je zamykasz, albo w ogóle tego nie robisz.body { padding: 0px; }
#calosc
{
height:100%;
margin: 0 auto 0 auto;
width:500px;
}
#logo
{
border: 1px solid black;
margin-top: auto;
height: 200px;
float: auto;
width: 200px;
}
#menu
{
margin-top: auto;
height: 230px;
float: auto;
width: 320px;
}
#text
{
margin-top: auto;
height: 244px;
float: auto;
width: 212px;
}
#clear { clear: both; }
#stopka
{
margin-top: auto;
height: 241px;
float: auto;
clear: both;
width: 243px;
}
A jest może jakaś strona, cokolwiek w którym można sprawdzić błędy w tych plikach?Możesz użyć walidatorów. Choć oczywiście bez magii, sprawdzi jedynie składnię.
#calosc
{
height: 100%;
margin: 0 auto 0 auto;
width: 700px;
}
tak tutaj już niezbyt#logo
{
border: 1px solid black;
}
margin-top: auto;
height: 150px;
float: auto;
width: 120px;
Celowo uporządkowałem kod, powinieneś już zauważyć co jest źle.