Jump to content
  • 0

Проблема с вёрсткой

KokoJumbA

Asked by KokoJumbA,

 Share

Question

KokoJumbA Explorer

KokoJumbA

Posted
Posted

Здравствуйте!У меня странная проблема, с которой я раньше не сталкивался.В общем суть моей проблемы: разный просмотр страниц до авторизации и после!

1. До авторизации

http://savepic.su/1394291.png

2. После авторизации

http://savepic.su/1408627.png

Вся проблема заключается в шапке сайта.

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Санька =)</title>

<link type="text/css" rel="StyleSheet" href="/_st/my.css" />

</head>

<body>

<table align="center" class="fon" cellpadding="0" cellspacing="0" border="0" width="88%">

<tr><td>

<!-- <header> -->

<a href="/"><div class="knopka11"><div class="knopka1"></div></div></a>

<a href="/"><div class="knopka22"><div class="knopka2"></div></div></a>

<a href="/"><div class="knopka33"><div class="knopka3"></div></div></a>

<a href="/"><div class="knopka44"><div class="knopka4"></div></div></a>

<div class="shapkam">

<div class="shapkal">

</div></div>

<div class="menus">

<ul class="menuv">

<a><li>Навигация</li></a>

<a><li>Навигация</li></a>

</ul>

</div>

<!-- </header> -->

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td valign="top" style="width:258px;">

<!-- <container> -->

<!-- <block> -->

<table border="0" cellpadding="0" cellspacing="0" class="block" width="100%">

<tr><td class="title">TITLE</td></tr>

<tr><td class="content">CONTENT</td></tr>

</table>

<!-- </block> -->

<!-- </container> -->

</td>

<td valign="middle">[bODY]</td>

<td valign="top" style="width:258px;">

<!-- <container> -->

<table border="0" cellpadding="0" cellspacing="0" class="block" width="100%">

<tr><td class="title">TITLE</td></tr>

<tr><td class="content">CONTENT</td></tr>

</table>

<!-- </container> -->

</td>

</tr></table>

</td></tr>

</table>

</body>

</html>

CSS

body {background:url(http://11123.ucoz.ru/medex/body.png)}

.fon {box-shadow:0 0 2px 0 #a4a4a4;-webkit-box-shadow:0 0 2px 0 #a4a4a4;-moz-box-shadow:0 0 2px 0 #a4a4a4;padding:5px;margin-top:2px;background:#77B008;margin-bottom:20px;border-radius:2px;}

a:link {text-decoration:none; color:#75ad07;}

a:active {text-decoration:none; color:#75ad07;}

a:visited {text-decoration:none; color:#75ad07;}

a:hover {text-decoration:none; color:#639208;}

/* SHAPKA */

.shapkam {background:url(/medex/shapka.png)repeat-x;height:164px}

.shapkal {background:url(/medex/shapka.png)no-repeat left -165;height:164px}

.menus {background:url(http://11123.ucoz.ru/medex/menus.png)repeat-x;height:38px;}

.menuv {color:#ffffff;font:bold 9pt Tahoma;padding:13px 10px 10px 0;position:absolute;}

.menuv a {text-decoration:none;float:left;list-style:none;position:absolute}

.menuv li {padding:0px 0px 0px 16px;}

.menuv a:hover {color:#545454;box-shadow: 0 0 10px color:#ffffff;}

/* SHAPKA */

/* KNOPKI */

.knopka11 {position:absolute;padding:105px 0 0 400px}

.knopka1 {background:url(http://11123.ucoz.ru/medex/news.png)no-repeat;height:44px;width:150;}

.knopka22 {position:absolute;padding:105px 0 0 550px}

.knopka2 {background:url(http://11123.ucoz.ru/medex/adm.png)no-repeat;height:46px;width:150;}

.knopka33 {position:absolute;padding:105px 0 0 700px}

.knopka3 {background:url(http://11123.ucoz.ru/medex/inf.png)no-repeat;height:44px;width:150;}

.knopka44 {position:absolute;padding:105px 0 0 850px}

.knopka4 {background:url(http://11123.ucoz.ru/medex/izb.png)no-repeat;height:48px;width:150;}

/* KNOPKI */

/* BLOK */

.block {width:258px;margin-bottom:7px;margin-top:0px;}

.title {background:url(http://11123.ucoz.ru/medex/block.png)no-repeat;height:47px;widht:258;text-align:left;;color:#ffffff;font:bold 10pt Tahoma;padding:0 0 0 35px}

.content {background:url(http://11123.ucoz.ru/medex/block.png)no-repeat -258px bottom; repeat-y;padding:2px 16px 16px 7px;font:10pt Tahoma;}

/* BLOK */

Link to comment
Share on other sites

5 answers to this question

Recommended Posts

  • 0
Searcher Explorer

Searcher

Posted
Posted

Боже! Укоз! Самое неудачное, что можно выбрать!

Блочные элементы в строчных, да еще с каким-то бредовым позиционированием! Вообще не понятно как все это работает...

В shapkam и shapkal ничего нет, сервер ничего туда не передает. Там лого должно быть? Не понятно откуда оно там возьмется...

Советую, поднимите свой уровень знаний в html и css. Еще хотяб принцип работы клиент-сервер надо понимать...

Просматривайте результат выдачи броузера firebug`ом в FF или используйте инструменты разработчика в ИЕ

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept