Moja wypocina
Code: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" land"pl">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <!-- Ustawia kodowanie -->
<meta http-equiv="content-language" content="pl" /> <!-- Ustawia język→ -->
<title>BG</title>
<link rel="stylesheet" href="CSS/bg_tlo.css" type="text/css" media="screen" charset="utf-8" />
<link rel="stylesheet" href="CSS/menu.css" type="text/css" media="screen" charset="utf-8" />
</head>
<body>
<div id="bg1"> </div> <!-- Przeźroczyste tło -->
<div id="bg2" z-index="2"> <!-- główne div, rozmiar strony -->
<div id="title"> </div> <!-- Obrazek Strefa Mangi -->
<div id="sekcja_dla_menu">
<ul id="menu">
<li> <a href="#">menu 1</a> </li>
<li> <a href="#">manu 2</a> </li>
<li> <a href="#">menu 3</a> </li>
<li> <a href="#">menu 4</a> </li>
</ul>
</div>
</div>
</body>
</html>
---------------------------------
body
{
margin: 0px;
background-image: url('../images/tlo.jpg');
background-size: 105% 100%;
background-repeat: no-repeat;
background-attachment: fixed;
font-size: 50px;
}
#bg1
{
z-index: 1;
position: absolute;
background-color: #134774;
filter:alpha(opacity=50); /* przeźroczystość dla ie */
opacity: 0.5; /* przeźroczystość dla opera */
-moz-opacity:0.5; /* przeźroczystość dla mozilla */
width: 1550px;
height: 3040px;
top: 0px;
left: 50%;
margin-left: -775px;
}
#bg2
{
z-index: 2;
position: relative;
background-color: #262626;
width: 1400px;
height: 3000px;
margin: 20px auto;
}
#title
{
background-color: white;
background-image: url('../images/tytul.jpg');
background-repeat: no-repeat;
background-size: 100% 100%;
border-color: #000000;
border-style: solid;
border-width: 5px;
width: 1390px;
height: 459px;
}
-------------------------------------
#sekcja_dla_menu
{
border-color: #000000;
border-style: solid;
border-width: 5px;
width: 1390px;
height: 459px;
}
#menu
{
background-image: url('../images/2.jpg');
height: 70px;
width: 1000px;
}
#menu li
{
list-style-type: none;
display: block;
}
#menu li a
{
font-size: 50px;
color: #FFFFFF;
font-weight: bold;
}nie mogę się go pozbyć, ten odstęp jest tylko w przypadku listy, jak wpisze normalnie text to go niema.
