Pozycjonowanie
Napisane: środa, 10 lipca 2013, 22:51
Sorki że tak spamuje na tym forum, ale nigdzie indzie odpowiedzi nie dostaje.
Moja wypocina
Mój problem jest taki że jak robie to menu jak na kursie to pojawia mi się taki dziwny odstęp, (taki margines u góry);
nie mogę się go pozbyć, ten odstęp jest tylko w przypadku listy, jak wpisze normalnie text to go niema.
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.