psixopad

Рейтинг
12
Регистрация
09.01.2009
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">

<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;

}

Так кому верить?

Та кому верить?

Всего: 54