Расскажи пожалуйсто подробнее. Не могу разобраться. На странице ничего путнего нет, а в скриплах (*.js) как-то коряво все написано без отступа строки и непонятным шрифтом.
Копирни текст, плиз. Буду очень благодарен!
Странно у меня js файлы нормально отображаются...
Вобщем посмотрел я в томском адресе - написано там достаточно мощьно - новичку трудно разобраться...
Писать заново мне лень так, что привожу один из первых вариантов простеньких шаблонов, который делал для рассылки жены в Macromedia Dreamweaver несколько лет назад...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//RU"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Как получить Российское гражданство в Томске? Выпуск 1</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
<!--
.hT {
color: #0000FF;
font-family: "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
}
.menu {
background-color: #FFFFFF;
}
body {
background-image: url(fon.jpg);
margin-left: 5px;
margin-top: 5px;
margin-right: 5px;
margin-bottom: 5px;
}
.head {
font-size: 24px;
font-weight: bold;
color: #0000FF;
font-family: Arial, Helvetica, sans-serif;
}
a:link, a:visited {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #FF0000;
text-decoration: none;
cursor: hand;
}
a:hover {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
color: #FF0000;
text-decoration: underline;
cursor: hand;
}
p {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #333399;
text-align: left;
white-space: normal;
float: none;
margin: 1px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #FF0099;
text-decoration: none;
text-align: center;
margin-top: 2px;
margin-bottom: 6px;
}
.mhead {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #0000FF;
text-decoration: none;
}
.mtext {
font-family: "Times New Roman", Times, serif;
font-size: 12px;
font-weight: normal;
color: #000000;
text-decoration: none;
}
.mtextb {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<!-- всплывающая таблица (начало)-->
<div id="listpvs" style="position:absolute; top:125px; width:386px; z-index:1; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000; visibility: hidden; left: 0;">
<table width="100%" cellspacing="1" cellpadding="1">
<tr>
<td bgcolor="#000000"><table width="100%" cellspacing="1" cellpadding="1">
<tr bgcolor="#FFFFFF">
<td colspan="2"><div align="center" class="mhead">Адреса ПВС г. Томска </div></td>
</tr>
<tr bgcolor="#FFFFFF">
<td class="mtextb"> Кировского РОВД </td>
<td class="mtext"> Учебная 10 </td>
</tr>
<tr bgcolor="#FFFFFF">
<td class="mtextb"> Советского РОВД </td>
<td class="mtext"> Фрунзе 119 </td>
</tr>
<tr bgcolor="#FFFFFF">
<td class="mtextb">Октябрьского РОВД </td>
<td class="mtext"> И.Черных 38 </td>
</tr>
<tr bgcolor="#FFFFFF">
<td class="mtextb">Ленинского РОВД </td>
<td class="mtext"> Вокзальная 4 </td>
</tr>
<tr bgcolor="#FFFFFF">
<td class="mtextb"> Томского РОВД </td>
<td class="mtext"> Ленина 90 </td>
</tr>
</table></td>
</tr>
</table>
</div>
<!-- всплывающая таблица (конец)-->
<table width=701>
<tr>
<td>
<table width=700>
<tr>
<td colspan="2"><p><span class="head">Как получить Российское гражданство в Томске?</span></p>
</td>
</tr>
<tr>
<th width="577"><div align="left" class="hT">Выпуск 1 </div></th>
<th width="111"><div align="right" class="hT">Дата </div></th>
</tr>
</table>
<hr width="100%" size="1" color="#00FF00" noshade>
<table width=700>
<tr>
<th width="575"><div align="left"> </div></th>
<th width="113" ><div align="right"><span class="menu"><a href="#" name="layer" onClick="return false;" onMouseOver="MM_showHideLayers('listpvs','','show')" onMouseOut="MM_showHideLayers('listpvs','','hide')"> ПВС г. Томска</a></span></div></th>
</tr>
</table>
<hr width="100%" size="1" color="#00FF00" noshade>
<table width=700>
<tr>
<td colspan="2" ><h1>тест заголовка</h1>
<p>прошвапрвдимдвывды ывагпыадгшпыавпыгшв </p>
<p>nkjhjhkjhkjhkhjkhk jghhjg hjg jhg jhg jhg hg hg hjghgjhghjghj hgjhghjghj hgjhghjg jhghjgjh jhghjguygygy ygygygyu uyiyuyuyu uyiuy uyuy uy uy u uy uiuy uiy yuiy uy uy uy uy uy uy uy y uyiuy u y </p></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Тут внимательней смотри функцию MM_showHideLayers() - она отвечает за скрытие и показываения лаера... Лаер определен в начале страницы... Размер и положение там заданы жестко, но чаще всего в меню его вычисляют динамически и подставляют через функции js...
Функции я сам не писал - они просто взяты из библиотеки дримвейвера...
Для начала я думаю хватит... Потом можно усложнять