sadam: Интересует платный или бесплатный вариант? DLE, SLAED смотрели?
DLE смотрел,взял на заметку.Скажите у Е107 есть проблемы с нагрузкой?Оптимизирован ли он под большую посещаемость?И есть ли у него с СЕО проблемы или нет?
T.R.O.N: для таких простых дизайнов это просто глупо...
Объясните, зачем вобще здесь используются position: absolute;..
Судя по всему, Вы решили все врестать на дивах, но не руками, а используя какой-то редактор. ищите в сторону наследования между стилями и незакрытых дивов.
Если Вы всетаки проявили благоразумие, и все сделанно в таблицах + дивы, все проще. В иерархии IE див является приоритетней чем таблица. Просто перекрестные стили получились. обычная путаница. Выложите все.
Не правда,все сделал руками,виз редактором не пользуюсь.Вот весь ХТМЛ код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Интересует платный или бесплатный вариант? DLE, SLAED смотрели?
DLE смотрел,взял на заметку.Скажите у Е107 есть проблемы с нагрузкой?Оптимизирован ли он под большую посещаемость?И есть ли у него с СЕО проблемы или нет?
для таких простых дизайнов это просто глупо...
Объясните, зачем вобще здесь используются position: absolute;..
Судя по всему, Вы решили все врестать на дивах, но не руками, а используя какой-то редактор. ищите в сторону наследования между стилями и незакрытых дивов.
Если Вы всетаки проявили благоразумие, и все сделанно в таблицах + дивы, все проще. В иерархии IE див является приоритетней чем таблица. Просто перекрестные стили получились. обычная путаница. Выложите все.
Не правда,все сделал руками,виз редактором не пользуюсь.Вот весь ХТМЛ код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="ie.style.css" />
<![endif]-->
</head>
<body>
<div id="header"><h1>Total War Portal</h1></div>
<div id="content">Content for id "content" Goes Here</div>
<div id="lnav">
<span class="head">Навигация</span>
<ul>
<li><a href="#">Новости</a></li>
<li><a href="#">Модостроение</a></li>
<li><a href="#">Форум</a></li>
<li><a href="#">Чат</a></li>
<li><a href="#">Блог</a></li>
<li><a href="#">Повести</a></li>
</ul>
</div>
<div id="lnav1">
<span class="head">Empire Total War</span>
<ul>
<li><a href="#">Новости</a></li>
<li><a href="#">Первый взгляд</a></li>
<li><a href="#">Фракции,юниты</a></li>
<li><a href="#">Скриншоты,видео</a></li>
<li><a href="#">F.A.Q</a></li>
</ul>
<span class="head">Medieval 2 Total War</span>
<ul>
<li><a href="#">Новости</a></li>
<li><a href="#">Обзор игры</a></li>
<li><a href="#">Руководство</a></li>
<li><a href="#">Фракции,юниты</a></li>
<li><a href="#">Сетевая игра</a></li>
<li><a href="#">Скриншоты,видео</a></li>
<li><a href="#">Файлы</a></li>
<li><a href="#">F.A.Q</a></li>
</ul>
<span class="head">Rome Total War</span>
<ul>
<li><a href="#">Новости</a></li>
<li><a href="#">Обзор игры</a></li>
<li><a href="#">Руководство</a></li>
<li><a href="#">Фракции,юниты</a></li>
<li><a href="#">Сетевая игра</a></li>
<li><a href="#">Скриншоты,видео</a></li>
<li><a href="#">Файлы</a></li>
<li><a href="#">F.A.Q</a></li>
</ul>
</div>
<div id="login"><span class="head">Авторизация</span></div>
<div id="forum"><span class="head">Форум</span></div>
<div id="opros"><span class="head">Опрос</span></div>
<div id="reclama">
</div>
<div id="friends"><span class="head">Наши партнеры</span></div>
<div id="reclama1"></div>
<div id="footer">
<h3>По вопросам размещения рекламы, партнерских программ,обмена ссылками,копирования материалов обращаться на webmaster53@mail.ru
</h3>
<h3>Все права защищены.All Rights Reserved.Копирование материалов сайта без разрешения владельца запрещено и карается по закону! ©2009 tw-portal.ru</h3>
<h3>Сайт оптимизирован под разрешение 1280*1024</h3>
</div>
</div>
</body>
</html>
Вот весь CSS код:
body {
width:100%; height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#header {
position:absolute;
top:0%; left:0.5%;
width:99%; height:5em;
border-bottom:2px solid #000099;
background: #6297EE;
}
#lnav {
position: absolute;
top:0%; left:0.5%;
margin-top:6em;
text-align:center;
width:185px; height:16em;
border:2px solid #0066FF;
background:#f3f3f3;
}
#lnav1 {
position: absolute;
top:0%; left:0.5%;
margin-top:22.5em;
text-align:center;
width:185px; height:56.3em;
border:2px solid #0066FF;
background:#f3f3f3;
}
#reclama {
position: absolute;
top:0%; left:0%;
margin-top:6em;
margin-left:84.2%;
text-align:center;
width:15%; height:9em;
border:2px solid #0066FF;
background:#f3f3f3;
}
#login {
position: absolute;
top:0%; left:0%;
margin-top:15.5em;
margin-left:84.2%;
text-align:center;
width:15%; height:11em;
border:2px solid #0066FF;
background:#f3f3f3;
}
#opros {
position: absolute;
top:0%; left:0%;
margin-top:27em;
margin-left:84.2%;
text-align:center;
width:15%; height:9em;
border:2px solid #0066FF;
background:#f3f3f3;
}
#forum {
position: absolute;
top:0%; left:0%;
margin-top:36.5em;
margin-left:84.2%;
text-align:center;
width:15%; height:17em;
border:2px solid #0066FF;
background:#f3f3f3;
}
#friends {
position: absolute;
top:0%; left:0%;
margin-top:54em;
margin-left:84.2%;
text-align:center;
width:15%; height:13em;
border:2px solid #0066FF;
background:#f3f3f3;
}
#reclama1 {
position: absolute;
top:0%; left:0%;
margin-top:67.5em;
margin-left:84.2%;
text-align:center;
width:15%; height:11.3em;
border:2px solid #0066FF;
background:#f3f3f3;
}
#footer {
position: absolute;
top:0%; left:0%;
margin-top:79.5em;
margin-left:0.35%;
text-align:center;
width:99%; height:5em;
border:2px solid #0066FF;
background:#f3f3f3;
}
h1 {
text-align:center;
}
h3 {
font-size:60%;
}
.head {
font:95% Verdana;
font-weight:900;
display:block;
height:1.3em;
text-align:center;
color:#fff;
background-color: #0066FF;
}
ul {
list-style:none;
margin-top:7%;
padding:0;
font-family:Verdana;
font-size:90%;
font-weight:900;
}
ul li {
margin-top:10%;
margin-right:10%;
margin-left:10%;
}
ul li a {
display:block;
border-bottom:1px dotted #000;
padding-bottom:1%;
background-color:#f3f3f3;
color:#000;
text-decoration:none;
width:100%;
}
ul li a:hover {
text-decoration:underline;
}
Так кому верить?
Та кому верить?