
1. Z wysrodkowaniem strony: Czy ktos moze mi pomoc wysrodkowac moja strone www ? http://www.history.is.net.pl/
2. Żeby kazde jej podstrony tez byly wysrodkowane i otwieraly sie one kolo "menu" pod tym zapisem ktory dzis dzien jest.
Strone robie troche w html a troche w css. Czy moze mi ktos pomoc w tym ?
To jest kod html strony:
- Kod: Zaznacz wszystko
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-2">
<title>History - Past, Present and Future</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<SCRIPT LANGUAGE="JavaScript">
<!-- // skrypt pobrano z http://szablony.freeware.info.pl
miesiac = new Array(12)
miesiac[0] = "stycznia "
miesiac[1] = "lutego "
miesiac[2] = "marca "
miesiac[3] = "kwietnia "
miesiac[4] = "maja "
miesiac[5] = "czerwca "
miesiac[6] = "lipca "
miesiac[7] = "sierpnia "
miesiac[8] = "września "
miesiac[9] = "października "
miesiac[10] = "listopada "
miesiac[11] = "grudnia "
dzien = new Array(7)
dzien[0] = "niedziela "
dzien[1] = "poniedziałek "
dzien[2] = "wtorek "
dzien[3] = "środa "
dzien[4] = "czwartek "
dzien[5] = "piątek "
dzien[6] = "sobota "
function podaj_date(){
var Dzisiaj = new Date()
var Tygodnia = Dzisiaj.getDay()
var Miesiac = Dzisiaj.getMonth()
var Dnia = Dzisiaj.getDate()
var Rok = Dzisiaj.getFullYear()
if(Rok <= 99) Rok += 1900
return dzien[Tygodnia] + "" + " " + Dnia + " " + miesiac[Miesiac] + "" + Rok +" roku." }
//-->
</SCRIPT>
</HEAD>
<body bgcolor="#6699CC"
<div id="menu">
<table cellpadding="0" cellspacing="0">
<tr><td style="line-height: 1px"><img src="images/lg.gif" alt="" /></td><td bgcolor="#426B9C" style="line-height: 1px"><img src="images/0.gif" alt="" /></td><td style="line-height: 1px"><img src="images/pg.gif" alt="" /></td></tr>
<tr><td bgcolor="#426B9C"><img src="images/0.gif" alt="" /></td><td bgcolor="#426B9C">
<font color="#000000"><b>Witaj! <SCRIPT>document.write("Dzisiaj jest " + podaj_date())</SCRIPT></b></font>
</td><td bgcolor="#426B9C"><img src="images/0.gif" alt="" /></td></tr>
<tr><td style="line-height: 1px"><img src="images/ld.gif" alt="" /></td><td bgcolor="#426B9C" style="line-height: 1px"><img src="images/0.gif" alt="" /></td><td style="line-height: 1px"><img src="images/pd.gif" alt="" /></td></tr>
</table>
<ul>
<li><a href="historia.php">Strona główna</a></li>
<li><a href="#">Test</a></li>
<li><a href="#">Test numer 2</a></li>
<li><a href="mail.php">Kontakt</a></li>
</ul>
</div>
</body>
</HTML>
A to jest kod css strony:
- Kod: Zaznacz wszystko
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul li {
width: 190px;
padding-left: 10px;
background: #3366CC no-repeat left top;
border-width: 1px;
border-style: solid;
border-color: #003366 #0066FF #0066FF #003366;
}
ul a:link, ul a:visited {
display: block;
width: 169px;
text-decoration: none;
padding: 5px 10px;
font-weight: bold;
background: #6699FF repeat-x top;
color: #333333;
border-left: 1px solid #797;
}
ul a:hover {
background-color: #0099CC;
background-image: url("tlo2.gif");
color: #000000;
}