07-01-2011, 03:15
![[Obrazek: problem.jpg]](http://smfoto.pl/problem.jpg)
zrobilem sobie prosta grafe na stronek okleilem to kodem html i css. w przegladarce jak otwieram to sie ładnie otwiera i wszystko jest ok. Ale jak wrzuce to na serwer to nie wyslwietla sie logo i tlo i wogole dziwne jest. powyzej fotka z roznicy. Ponizej kod html i css
a w załaczniku jak to wyglada na kompie i na stronie.
html
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="description" content="Szczecin, Stargard, Świnoujście, Nowogard, Koszalin, Gryfino, Dębno, Pyrzyce, Goleniów, Zachodniopomorskie, Profesjonalna sesja ślubna, Fotoreportaż ślubny, Plener" />
<title>SMFOTO.PL Fotografia Ślubna i Okolicznościowa, Zdjęcia ślubne</title>
<link rel="stylesheet" type="text/css" href="menu/menu_style.css" />
<script type="text/javascript" src="ext/js/swfobject.js"></script>
</head>
<body>
<div><img src="menu/logo/logo.gif"></div>
<div class="menu">
<ul>
<li><a target="_self" ><img src="menu/images/1_portfolio.gif"></a>
<ul>
<li><a href="przygotowania.html" target="_self"><img src="menu/images/menu_przyg.gif"></a></li>
<li><a href="slub.html" target="_self"> <img src="menu/images/menu_sl.gif"></a></li>
<li><a href="wesele.html" target="_self"> <img src="menu/images/menu_we.gif"></a></li>
<li><a href="plener.html" target="_self"> <img src="menu/images/menu_pl.gif"></a></li>
<li><a><img src="menu/images/liniamenu.gif"></a></li>
<li><a href="dzieci.html" target="_self"> <img src="menu/images/menu_dzieci.gif"></a></li>
<li><a href="glamour.html" target="_self"> <img src="menu/images/menu_glam.gif"></a></li>
</ul>
</li>
<li><a href="" target="_self" ><img src="menu/images/1_historie.gif"></a>
</li>
<li><a href="o nas.html" target="_self" ><img src="menu/images/1_onas.gif"></a>
</li>
<li><a href="kontakt.html" target="_self" ><img src="menu/images/1_kontakt.gif"></a>
</li>
<li><a href="blog/index.php" target="_self" ><img src="menu/images/1_blog.gif"></a>
</li>
<li><a href="panel klienta.html" target="_self" ><img src="menu/images/2_panel.gif"></a>
</li>
</ul>
</div>
<!-- skrypt sledzacy ruch na stronie w google analitycs -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10848734-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>css
Kod:
@charset "utf-8";
body{
background:url("images/tloczarne.jpg") bottom right repeat;
}
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
/*linia przez cala szer monitora */
.menu ul{
background:url("images/tloczarne.jpg") bottom right repeat;
height:45px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:10px;
}
/* menu poziome*/
.menu li a{
/* background:#333333 url("images/seperator.gif") bottom right no-repeat; */
color:#cccccc;
display:block;
font-weight:normal;
line-height:25px;
margin:0px;
padding:0px 0px;
text-align:center;
text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a{
/*podkleslnik pod linkami glowne menu poziome
background: #2580a2 url("images/portfolioonmouse.JPG") bottom center no-repeat;*/
color:#FFFFFF;
text-decoration:none;
}
.menu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:102px;
z-index:200;
/*top:1em; /*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
width:102px;
}
.menu li:hover li a{
background:none;
}
/*rozwijane menu */
.menu li ul a{
display:block;
height:22px;
font-size:12px;
font-style:normal;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
text-align:left;
}
.menu li ul a:hover, .menu li ul li:hover a{
border:0px;
color:#ffffff;
text-decoration:none;
}
.menu p{
clear:left;
}