31-12-2010, 22:07
Witam prosze o sprawdzenie kodu css i html.
strona: http://skypedesign.xaa.pl/dawid/webspell/
lub nizej kody:
HTML:
CSS:
Dobrze koduje ?
strona: http://skypedesign.xaa.pl/dawid/webspell/
lub nizej kody:
HTML:
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.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=" [wstaw tu opis strony] ">
<title> Tytul strony </title>
<meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
<meta name="Author" content=" [dane autora] ">
<meta name="Generator" content="Notepada++">
<link href="killer.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="stepcarousel.js"></script>
<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:3000},
panelbehavior: {speed:350, wraparound:false, persist:true},
defaultbuttons: {enable: true, moveby: 1, leftnav: ['img/lew.png', -65, 63], rightnav: ['img/praw.png', 60, 65]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>
</head>
<body>
<div id="top">
<div id="top-belka"></div>
<div id="top-baner">
<div id="mygallery" class="stepcarousel">
<div class="belt">
<div class="panel">
<div><a href="#"><img src="http://skype.esportdesign.pl/images/sponsors/6_small.png"></a></div>
</div>
<div class="panel">
<div><a href="#"><img src="http://skype.esportdesign.pl/images/sponsors/6_small.png"></a></div>
</div>
<div class="panel">
<div><a href="#"><img src="http://skype.esportdesign.pl/images/sponsors/6_small.png"></a></div>
</div>
<div class="panel">
<div><a href="#"><img src="http://skype.esportdesign.pl/images/sponsors/6_small.png"></a></div>
</div>
</div></div></div>
<div id="top-herb"></div>
<div class="menu">
<ul>
<li><a href="#" id="m1"></a></li>
<li><a href="#" id="m2"></a></li>
<li><a href="#" id="m3"></a></li>
<li><a href="#" id="m4"></a></li>
<li><a href="#" id="m5"></a></li>
<li><a href="#" id="m6"></a></li>
<li><a href="#" id="m7"></a></li>
<li><a href="#" id="m8"></a></li>
<li><a href="#" id="m9"></a></li>
<li><a href="#" id="m10"></a></li>
<li><a href="#" id="m11"></a></li>
</ul> </div>
</div>
</body>
</html>CSS:
Kod:
/****** Global ******/
/* Body */
body {
background-image: url('img/bg.png');
color: #FF9999;
font-family: tahoma;
font-size: 11px;
text-align: center;
margin: 0 auto;
width: 1002px;
padding: 0;
}
img{border:0px;}
/* Top */
#top {
margin: 0 auto;
width: 100%;
height: 125px;
}
#top #top-belka {
width:986px;
height:28px;
margin: 0px auto 5px 0;
background-image:url('img/belka.png')
}
#top #top-herb{
width:211px;
height:103px;
margin: -90px 0px 20px 10px;
background-image:url('img/herb.png');
}
#top #top-baner{
width:700px;
height:80px;
margin: 20px 0px 0px 260px;
background-image:url('img/gora-baner.png');
}
.stepcarousel {position: relative; border : 0px; overflow : scroll; width: 510px; height: 150px; left : 90px; top : -40px;}
.stepcarousel .belt {position: absolute; left : 0px; top : 0px;p}
.stepcarousel .panel {float : left; overflow : hidden; margin : 5px; width : 160px;}
.menu{ width:1006px; height:52px; margin: -20px 0px 0px -10px; background-image:url('img/menu.png');}
.menu ul { list-style: none; margin: 0px; padding: 0;}
.menu li{ float: left;border:0px;}
.menu img{border:0px;}
#m1 {width:115px;height:38px;float:left;background-image:url('img/ms1.png'); margin-top:12px; margin-left: 35px; }
#m1:hover {width:115px;height:38px;float:left;background-image:url('img/m1.png');margin-top:12px; margin-left: 35px;}
#m2 {width:84px;height:38px;float:left;background-image:url('img/ms2.png');margin-top:12px; }
#m2:hover {width:84px;height:38px;float:left;background-image:url('img/m2.png');margin-top:12px; }
#m3 {width:70px;height:38px;float:left;background-image:url('img/ms3.png');margin-top:12px; }
#m3:hover {width:70px;height:38px;float:left;background-image:url('img/m3.png');margin-top:12px; }
#m4 {width:94px;height:38px;float:left;background-image:url('img/ms4.png');margin-top:12px; }
#m4:hover {width:94px;height:38px;float:left;background-image:url('img/m4.png');margin-top:12px; }
#m5 {width:80px;height:38px;float:left;background-image:url('img/ms5.png');margin-top:12px; }
#m5:hover {width:80px;height:38px;float:left;background-image:url('img/m5.png');margin-top:12px; }
#m6 {width:87px;height:38px;float:left;background-image:url('img/ms6.png');margin-top:12px; }
#m6:hover {width:87px;height:38px;float:left;background-image:url('img/m6.png');margin-top:12px; }
#m7{width:82px;height:38px;float:left;background-image:url('img/ms7.png');margin-top:12px; }
#m7:hover {width:82px;height:38px;float:left;background-image:url('img/m7.png');margin-top:12px; }
#m8 {width:79px;height:38px;float:left;background-image:url('img/ms8.png');margin-top:12px; }
#m8:hover {width:79px;height:38px;float:left;background-image:url('img/m8.png');margin-top:12px;}
#m9 {width:72px;height:38px;float:left;background-image:url('img/ms9.png');margin-top:12px; }
#m9:hover {width:72px;height:38px;float:left;background-image:url('img/m9.png');margin-top:12px; }
#m10 {width:87px;height:38px;float:left;background-image:url('img/ms10.png');margin-top:12px; }
#m10:hover {width:87px;height:38px;float:left;background-image:url('img/m10.png');margin-top:12px; }
#m11 {width:76px;height:38px;float:left;background-image:url('img/ms11.png');margin-top:12px; m}
#m11:hover {width:76px;height:38px;float:left;background-image:url('img/m11.png');margin-top:12px; }
/* Content */
gora, prawo, dół, lewoDobrze koduje ?
