01-08-2012, 17:56
Witam
Zrobiłem prosty szkielet strony w oparciu na różnych kursach, posiada ona tez menu w css. Niestety menu nie działa w IE i operze, strona także sie rozjeżdża itd. Prawdopodobnie mój kody jest nie składny lub zawiera błędy niestety nie wiem co robić dalej. Napisałem ten post aby dowiedzieć się czegoś na ten temat, jakieś naprowadzenie bym mógł dalej ruszyć do przodu.
http://www.tatry2012.yoyo.pl/
css
menu css
Zrobiłem prosty szkielet strony w oparciu na różnych kursach, posiada ona tez menu w css. Niestety menu nie działa w IE i operze, strona także sie rozjeżdża itd. Prawdopodobnie mój kody jest nie składny lub zawiera błędy niestety nie wiem co robić dalej. Napisałem ten post aby dowiedzieć się czegoś na ten temat, jakieś naprowadzenie bym mógł dalej ruszyć do przodu.
http://www.tatry2012.yoyo.pl/
Kod PHP:
<!--HEADER-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<TITLE></TITLE>
<link rel="stylesheet" href="styl.css" />
<link rel="stylesheet" href="style.css" />
<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
</HEAD>
<BODY>
<div class="pole-typ01" border="0" cellpadding="0" cellspacing="0" alt="position: absolute; left:110px; top: 1px" style="position: absolute; left:110px; top: 1px">
<div id="logo"></div>
<div id="lewa">2</div>
<div id="prawa">
<ul class="fragu_menu">
<li><a href="file:///C:/Users/Ignat/Desktop/menu/index.html" id="forum">Forum</a></li>
<li><a href="" id="gracze">Gracze</a></li>
<li><a href="" id="lol">lol</a></li>
<li><a href="" id="informacje">lol</a></li>
<li><a href="" id="szlaki">louul</a></li>
<li><a href="" id="kontakt">lu</a></li>
</ul>
</div>
<div id="pasek"><br>2</div>
<div id="tresc"><br>2</div>
<div id="znaki"><br>2</div>
<div id="stopka"></div>
</div>
<!--FOOTER-->
</BODY>
</HTML>
<!--/FOOTER-->
css
Kod PHP:
body {
background-color:#294a9a;
color:white;
font-size:20px;
font-family:verdana;
text-align:justify;
}
.pole-typ01 {
background-color: #ddd;
border: 1px solid black;
height: 449px;
width: 1200px;}
#logo {
height: 239;
background: #50763b url(images/index_01.gif) repeat-x;
}
#lewa{
background: url(images/index_02.gif) repeat-x;
height:57;
width: 350px;
float: left;
}
#prawa {
background-color: #fff; width:850px;
}
#pasek {
background: #50763b url(images/index_04.gif) repeat-x;
height: 59;
}
#tresc {
background: url(images/index_05.gif) repeat-x;
height:419px;
width: 816px;
float: left;
}
#znaki{
background: url(images/index_06.gif) repeat-x;
height:419px;
width: 384px;
float: left;
}
#stopka {
height: 186;
background: #50763b url(images/index_07.gif) repeat-x;
clear: both;
}
menu css
Kod PHP:
ul.fragu_menu { overflow: hidden; height:497px; width: 1200px; }
ul.fragu_menu, ul.fragu_menu li { display: block; list-style-type: none; margin: 0; padding: 0; height: 57px;}
ul.fragu_menu li { float: left; }
ul.fragu_menu li a { background: url('menu.gif') no-repeat; height: 57px; display:inline-block; text-indent: -3000px; outline: none; }
ul.fragu_menu li a#forum { background-position: 0px 0; width: 98px; }
ul.fragu_menu li a#gracze { background-position: -98px 0; width: 168px; }
ul.fragu_menu li a#lol{ background-position: -266px 0; width: 141px;}
ul.fragu_menu li a#informacje{ background-position: -407px 0; width: 141px; }
ul.fragu_menu li a#szlaki{ background-position: -548px 0; width: 115px;}
ul.fragu_menu li a#kontakt{ background-position: -663px 0; width: 187px;}
ul.fragu_menu li a#forum:hover { background-position: 0px -57px; width: 98px; }
ul.fragu_menu li a#gracze:hover { background-position: -98px -57px; width: 168px; }
ul.fragu_menu li a#lol:hover { background-position: -266px -57px; width: 141px; }
ul.fragu_menu li a#informacje:hover { background-position: -407px -57px; width: 141px;}
ul.fragu_menu li a#szlaki:hover { background-position: -548px -57px; width: 115px; }
ul.fragu_menu li a#kontakt:hover { background-position: -663px -57px; width: 187px;
