03-08-2012, 16:12
(Ten post był ostatnio modyfikowany: 03-08-2012, 16:15 przez kazelot2000.)
Zrobiłem tak jak powiedzieliście. Jest tylko problem z niewyświetlającym się menu w IE
http://ffffffffffffff.prv.pl/
css i menu
http://ffffffffffffff.prv.pl/
Kod PHP:
<HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl-pl" lang="pl-pl" >
<HEAD>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<TITLE>Tatry</TITLE>
<link rel="stylesheet" href="styl.css" />
</HEAD>
<BODY>
<div id="pole-typ01">
<div id="logo"></div>
<div id="lewa">2</div>
<div id="prawa">
<ul class="fragu_menu">
<li><a href="" 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"></div>
<div id="tresc"></div>
<div id="znaki"></div>
<div id="stopka"></div>
</div>
</BODY>
</HTML>
css i menu
Kod PHP:
body {
background-color:#294a9a;
color:white;
font-size:20px;
font-family:verdana;
text-align:justify;
margin:0;
padding:0;
}
#pole-typ01 {
width: 1200px;
margin: 0px 100px 0px 100px;
}
#logo {
height: 239px;
background: #50763b url(images/index_01.gif) repeat-x;
}
#lewa {
background: url(images/index_02.gif) repeat-x;
height:57px;
width: 350px;
float: left;
}
#prawa {
width:850px;
float: right;
background:url(../);
}
#pasek {
background: #50763b url(images/index_04.gif) repeat-x;
height: 59px;
clear:both;
}
#tresc {
background: url(images/index_05.gif) repeat-x;
height:419px;
width: 816px;
overflow: hidden;
float: left;
}
#znaki{
background: url(images/index_06.gif) repeat-x;
height:419px;
width: 384px;
float: right;
}
#stopka {
height: 186px;
background: #50763b url(images/index_07.gif) repeat-x;
clear: both;
}
ul.fragu_menu { overflow: hidden; height:497px; }
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; }
