24-12-2010, 12:23
Witam
Mam problem zrobiłem tło auto dopasowujace sie do rodzielczosci , ktore znalazlem na jakiejs stronie. Problemem jest to ze przyciski sa widoczne ale nie mozna ich nacisnac i sie nie podswietlaja ,a gdy nacisne prawym przycisk na ktoryms z nich zeby zapisac obrazek to sciaga tlo nie przycisk.
Mam problem zrobiłem tło auto dopasowujace sie do rodzielczosci , ktore znalazlem na jakiejs stronie. Problemem jest to ze przyciski sa widoczne ale nie mozna ich nacisnac i sie nie podswietlaja ,a gdy nacisne prawym przycisk na ktoryms z nich zeby zapisac obrazek to sciaga tlo nie przycisk.
Kod:
<html><head><title></title><link rel="stylesheet" type="text/css" href="iloooolo.css" /><script src="js/bbcode.js" language="jscript" type="text/javascript"></script><link rel="stylesheet" href="just.css" type="text/css" />
</head>
<body>
<div>
<img id="background" src="background.gif" alt="" title="" />
</div>
<div class="header">
<center><img src="header.gif"></center>
<div class="menu">
<img src="images/menu_00.gif">
<a href="?"><img src="images/menu_01.gif"onmouseover="this.src='images/menu_01_on.gif';" menu(1)' onmouseout="this.src='images/menu_01.gif';"></a>
<a href="?"><img src="images/menu_02.gif"onmouseover="this.src='images/menu_02_on.gif';" menu(1)' onmouseout="this.src='images/menu_02.gif';"></a>
<a href="?"><img src="images/menu_03.gif"onmouseover="this.src='images/menu_03_on.gif';" menu(1)' onmouseout="this.src='images/menu_03.gif';"></a>
<a href="?"><img src="images/menu_04.gif"onmouseover="this.src='images/menu_04_on.gif';" menu(1)' onmouseout="this.src='images/menu_04.gif';"></a>
<a href="?"><img src="images/menu_05.gif"onmouseover="this.src='images/menu_05_on.gif';" menu(1)' onmouseout="this.src='images/menu_05.gif';"></a>
<a href="?"><img src="images/menu_06.gif"onmouseover="this.src='images/menu_06_on.gif';" menu(1)' onmouseout="this.src='images/menu_06.gif';"></a>
<a href="?"><img src="images/menu_07.gif"onmouseover="this.src='images/menu_07_on.gif';" menu(1)' onmouseout="this.src='images/menu_07.gif;"></a>
<a href="?"><img src="images/menu_08.gif"onmouseover="this.src='images/menu_08_on.gif';" menu(1)' onmouseout="this.src='images/menu_08.gif';"></a>
<a href="?"><img src="images/menu_09.gif"onmouseover="this.src='images/menu_09_on.gif';" menu(1)' onmouseout="this.src='images/menu_09.gif';"></a>
<img src="images/menu_10.gif">
</div>
</body>
</html>Kod:
html, body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align:left;}
body {font-family:verdana, arial, sans-serif; font-size:76%;}
#background{position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 300px 20px 200px;}
p {line-height:1.8em; letter-spacing:0.1em; text-align:justify;}
#fixed {position:absolute; top:25px; left:10px; width:160px; z-index:10; color:#567; border:1px solid #000; padding:10px;}
.header {
background-repeat: no-repeat;
background-position: 50% 0px;
position:absolute
width:100%;
height:100%;
}
.menu ul{list-style: none; margin: 0px; padding: 0; position:absolute;}
.menu li{float: left; border:0px;}
.menu img{border:0px;}