X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Добавить ответ в эту тему
> Помогите исправить
Bobinho
Bobinho
Topic Starter сообщение 4.9.2011, 2:17; Ответить: Bobinho
Сообщение #1


Всем привет!
Никак не могу понять в чем тут дело! В IE неправильно отображается шапка верхнего меню! Подскажите, плиз!:hmhm:

http://apmconsult.ru

Ну и так вообще можете подсказать где какие косяки
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Svir
Svir
сообщение 5.9.2011, 21:49; Ответить: Svir
Сообщение #2


так как вопрос не очень дорогой, то можно и за спасибо сделать .. но дайте весь код, и css в том же числе
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bobinho
Bobinho
Topic Starter сообщение 5.9.2011, 23:02; Ответить: Bobinho
Сообщение #3


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Консалтинговая компания APM Consult</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" >
<link href="style.css" rel="stylesheet" type="text/css">
<link rel="SHORTCUT ICON" href="favicon.ico">
<script type="text/javascript" src="js.js"></script>
</head>
<body>
<div style="display:none"><!-- Yandex.Metrika informer -->
<a href="http://metrika.yandex.ru/stat/?id=8151223&amp;from=informer"
target="_blank" rel="nofollow"><img src="//bs.yandex.ru/informer/8151223/1_0_FFFFFFFF_E0DFDFFF_0_pageviews"
style="width:80px; height:15px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры)" /></a>
<!-- /Yandex.Metrika informer -->

<!-- Yandex.Metrika counter -->
<div style="display:none;"><script type="text/javascript">
(function(w, c) {
(w[c] = w[c] || []).push(function() {
try {
w.yaCounter8151223 = new Ya.Metrika({id:8151223, enableAll: true});
}
catch(e) { }
});
})(window, "yandex_metrika_callbacks");
</script></div>
<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript" defer="defer"></script>
<noscript><div><img src="//mc.yandex.ru/watch/8151223" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter --></div>
<table style="width:980px; margin:0 auto" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td colspan="3"><div style="position: relative;">
<div style="position: absolute; top: 0px; left: 0px; width: 340px; height: 120px;"> <a href="index.php"><img src="images/spacer.jpg" alt="На главную" title="На главную" style="opacity: 0.0;filter: alpha(opacity=0);width: 340px; height: 122px"></a> </div>
<div class="navbar">
<table>
<tr>
<td class="nav"><a href="index.php"><img src="images/navbar/h_out.jpg" id="hh" onmouseover="show(10)" onmouseout="hide(10)" title="На главную" alt="На главную"></a></td>
<td class="nav"><a href="sitemap.php"><img src="images/navbar/map_out.jpg" id="map" onmouseover="show(11)" onmouseout="hide(11)" title="Карта сайта" alt="Карта сайта"></a></td>
<td class="nav"><a href="feedback.php"><img src="images/navbar/env_out.jpg" id="env" onmouseover="show (12)" onmouseout="hide(12)" title="Обратная связь" alt="Обратная связь"></a></td>
</tr>
</table>
</div>
<div class="phcode">(812)</div>
<div class="phone">934-34-97</div>
<div class="coord"><a href="coordinates.php" class="coordinates">Все координаты</a></div>
</div></td>
</tr>
<tr>
<td colspan="3" background="images/logo.jpg" style="height:122px">&nbsp;</td>
</tr>
<tr>
<td background="images/small_f_menu.jpg" style="width:35px; height:36px">&nbsp;</td>
<td background="images/bg_menu.jpg" style="width:610px; height:36px">
<table cellspacing="1" cellpadding="0" border="0">
<tr>
<td class="topmenu" id="tm1" background="images/buttons/out.jpg" style="width:133px;" onmouseover="show(6)" onmouseout="hide(6)">
<a href="about.php" class="menu">О компании</a></td>
<td class="topmenu" id="tm2" background="images/buttons/out.jpg" style="width:193px" onmouseover="show(7)" onmouseout="hide(7)">
<a href="prices.php" class="menu">Услуги и стоимость</a></td>
<td class="topmenu" id="tm3" background="images/buttons/out.jpg" style="width:153px" onmouseover="show(8)" onmouseout="hide(8)">
<a href="realestate.php" class="menu">Недвижимость</a></td>
<td class="topmenu" id="tm4" background="images/buttons/out.jpg" style="width:126px" onmouseover="show(9)" onmouseout="hide(9)">
<a href="innovations.php" class="menu">Инновации</a></td>
</tr>
</table></td>
<td background="images/logo_right.jpg" style="width:335px; height:36px">&nbsp;</td>
</tr>
<tr>
<td colspan="3">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="marketing.php"><img src="images/buttons/market_out.jpg" id="bm1" onmouseover="show(1)" OnMouseOut="hide(1)" alt="Маркетинговые услуги"></a></td>
<td><a href="staff-management.php"><img src="images/buttons/personal_out.jpg" id="bm2" onmouseover="show(2)" onmouseout="hide(2)" alt="Управление персоналом"></a></td>
<td><a href="business-plan-developing.php"><img src="images/buttons/business_out.jpg" id="bm3" onmouseover="show(3)" onmouseout="hide(3)" alt="Разработка бизнес-планов"></a></td>
<td><a href="business-process-diagnosis.php"><img src="images/buttons/diagnostic_out.jpg" id="bm4" onmouseover="show(4)" onmouseout="hide(4)" alt="Диагностика бизнес-процессов"></a></td>
<td><a href="information-service.php"><img src="images/buttons/inform_out.jpg" id="bm5" onmouseover="show(5)" onmouseout="hide(5)" alt="Информационные услуги"></a></td>
</tr>
<tr>
<td class="bigmenu" id="bmt1" onmouseover="show(1)" OnMouseOut="hide(1)"><span id="bt1"><a href="marketing.php" class="bml" id="bml1">Маркетинговые<br>услуги</a></span></td>
<td class="bigmenu" id="bmt2" onmouseover="show(2)" onmouseout="hide(2)"><span id="bt2"><a href="staff-management.php" class="bml" id="bml2">Управление <br>персоналом</a></span></td>
<td class="bigmenu" id="bmt3" onmouseover="show(3)" onmouseout="hide(3)"><span id="bt3"><a href="business-plan-developing.php" class="bml" id="bml3">Разработка <br>бизнес-планов</a></span></td>
<td class="bigmenu" id="bmt4" onmouseover="show(4)" onmouseout="hide(4)"><span id="bt4"><a href="business-process-diagnosis.php" class="bml" id="bml4">Диагностика <br>бизнес-процессов</a></span></td>
<td class="bigmenu" id="bmt5" onmouseover="show(5)" onmouseout="hide(5)"><span id="bt5"><a href="information-service.php" class="bml" id="bml5">Информационные <br>услуги</a></span></td>
</tr>
</table>

<table cellspacing="0" cellpadding="0">
<tr>
<td style="width:704px" class="blue_header">{TOP_LEFT}</td>
<td style="width:13px">&nbsp;</td>
<td style="width:263px" class="blue_header">{TOP_RIGHT}</td>
</tr>
<tr>
<td class="bluebg">{CONTENT}<br><p class="pages">{PAGES}</p></td>
<td style="width:13px">&nbsp;</td>
<td style="width:263px; margin-right:15px;" class="bluebg">{RIGHT_CONTENT}</td>
</tr>
<tr>
<td style="width:704px; height:38px" background="images/content_bottom.jpg">&nbsp;</td>
<td style="width:13px">&nbsp;</td>
<td style="width:263px" background="images/block_bottom.jpg">&nbsp;</td>
</tr>
<tr>
<td colspan="3" valign="middle"><div class="bottom">
<p class="bottom">&copy; 2010-2011 Консалтинговая компания "APM Consult"<br>
Перепечатка сообщений без указания ссылки на сайт и авторов запрещены.<br>
Все права защищены.</p>
</div></td>
</tr>
</table>
</body>
</html>


[CSS]@font-face {
font-family: arb; - здесь название шрифта
src: url("images/arabtype.ttf"); - путь к нему
}


body{
background-color:#e0dfdf;

}
img{
border:0px;
}

div.date {
width:50px;
height:16px;
color:white;
background-color:#8d320f;
font-family:Tahoma;
text-align:center;
font-size:12px;
}

div.day{
color:#96d0ef;
font-family:Tahoma;
font-size:35px;
text-align:center;
}

div.phone{
color:d7dfe3;
position: absolute; left: 800px; top: 45px; width:170px;
font-family:arb;
font-size:40px;
}
div.phcode{
color:d7dfe3;
position: absolute; left: 730px; top: 53px;
font-family:arb;
font-size:30px;
}

div.navbar{ position: absolute; left: 880px; top: 3px; width:80px;}

div.coord{ position: absolute; left: 860px; top: 100px; width:150px;}


td.nav{
align:center;
background:url('images/navbar/nav.png') no-repeat;
}

td.blue_header /* Заголовки (Новости, Азбука и тд) */
{
color:#255363;
font-family:Tahoma;
font-size:20px;
}

br.dat { line-height:4px; }

p.content_header /* Заголовок */
{
margin-left:30px;
margin-top:15px;
color:#e7ca0c;
font-family:Tahoma;
font-size:18px;
text-decoration:none;
}
p.news_header /* Заголовок на страничке с новостью */
{
color:#e7ca0c;
font-family:Tahoma;
font-size:18px;
text-decoration:underline;
margin-top:2px;
}

p.defenition_header
{
margin-top:15px;
margin-left:10px;
color:#e7ca0c;
font-family:Tahoma;
font-size:18px;
text-decoration:underline;
}
p.defenition_text
{
margin-left:10px;
color:#FFFFFF;
font-family:Tahoma;
font-size:12px;
text-align:justify;
margin-right:15px;
}

p.pages{
color:#FFFFFF;
font-family:Tahoma;
font-size:16px;
text-align:center;
}
div.error{
margin-left:30px;
color:#FFFFFF;
font-family:Tahoma;
font-size:12px;
text-align:justify;
margin-right:15px;
}
td.content{
background-color:#39708a;
vertical-align:top;
}
p.content
{
margin-left:30px;
text-align:justify;
margin-right:20px;
color:#FFFFFF;
font-family:Tahoma;
font-size:12px;
}
p.yellow
{
color:#e7ca0c;
margin-left:30px;
text-align:justify;
margin-right:20px;
font-family:Tahoma;
font-size:18px;
}
p.news
{
text-align:justify;
margin-right:20px;
color:#FFFFFF;
font-family:Tahoma;
font-size:12px;
}

.news_text /* Текст новости на главной странице справа */
{
color:#FFFFFF;
font-family:Tahoma;
font-size:12px;
margin-right:5px;
padding:0px;
}

td.topmenu {
text-align:center;
height:32px;
border:1px solid #b1b1b1;
}

td.bigmenu {
height:47px;
width:196px;
text-align:left;
padding-left:10px;
background:url('images/buttons/bg_out.jpg') no-repeat;
}

div.bottom
{ position: relative; left: 28px; width:600px;
margin-top:10px;
background: #e0dfdf url('images/bottom.jpg') repeat-y;
vertical-align:middle;}
p.bottom{
color:#39708a;
font-family:Tahoma;
font-size:11px;
margin-left:15px;
}
p.newss /* абзац текста новости на главной странице справа */
{
margin-right:10px;
}


td.bluebg{
vertical-align:top;
background-color:#39708a;
}

tr.bluebg{
background-color:#39708a;
}

a.coordinates:link{
color:#d7dfe3;
font-size:14px;
text-decoration: dashed;
font-family:Tahoma;
}
a.coordinates:visited{
color:#d7dfe3;
font-size:14px;
text-decoration: dashed;
font-family:Tahoma;
}
a.coordinates:hover{
color:#d7dfe3;
font-size:14px;
text-decoration: none;
font-family:Tahoma;
}


a.yellow:link{
color:#e7ca0c;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
}
a.yellow:visited{
color:#e7ca0c;
font-family:Tahoma;
font-size:12px;
text-decoration:none;
}
a.yellow:hover{
color:#e7ca0c;
font-family:Tahoma;
font-size:12px;
text-decoration:underline;
}




a.pages:link{
color:#e7ca0c;
font-family:Tahoma;
font-size:16px;
text-decoration:none;
}
a.pages:visited{
color:#e7ca0c;
font-family:Tahoma;
font-size:16px;
text-decoration:none;
}
a.pages:hover{
color:#e7ca0c;
font-family:Tahoma;
font-size:16px;
text-decoration:underline;
}

a.news:link{
color:#e7ca0c;
font-family:Tahoma;
font-size:18px;
text-decoration:underline;
}
a.news:visited{
color:#e7ca0c;
font-family:Tahoma;
font-size:18px;
text-decoration:underline;
}
a.news:hover{
color:#e7ca0c;
font-family:Tahoma;
font-size:18px;
text-decoration:none;
}


a.menu:link{
color:#FFFFFF;
font-family:Tahoma;
text-decoration:underline;
font-size:18px;
}

a.menu:visited{
color:#FFFFFF;
font-family:Tahoma;
text-decoration:underline;
font-size:18px;
}

a.menu:hover{
color:#FFFFFF;
font-family:Tahoma;
text-decoration:none;
font-size:18px;
}







a.bml:link{
color:#c4d3db;
font-family:Tahoma;
text-decoration:none;
font-size:14px;
}

a.bml:visited
{ color:#c4d3db;
font-family:Tahoma;
text-decoration:none;
font-size:14px;
}

a.bml:hover{
color:#65782e;
font-family:Tahoma;
text-decoration:none;
font-size:14px;
}



a.bmlh:link{
color:#65782e;
font-family:Tahoma;
text-decoration:none;
font-size:14px;
}

a.bmlh:visited
{ color:#65782e;
font-family:Tahoma;
text-decoration:none;
font-size:14px;
}

a.bmlh:hover{
color:#65782e;
font-family:Tahoma;
text-decoration:none;
font-size:14px;
}
ul.css-menu-1 {
list-style: none;
}

ul.css-menu-1 li {
display: inline;
}

ul.css-menu-1 li a {
padding-top:4px;
padding-bottom:4px;
padding-left:7px;
padding-right:7px;
color:#FFFFFF;
font-family:Tahoma;
text-decoration:underline;
font-size:18px;
background:url('images/buttons/out.jpg') repeat-x;
border:1px solid white;

}
ul.css-menu-1 li a:visited {
padding-top:4px;
padding-bottom:4px;
padding-left:7px;
padding-right:7px;
color:#FFFFFF;
font-family:Tahoma;
text-decoration:underline;
font-size:18px;
background:url('images/buttons/out.jpg') repeat-x;
border:1px solid white;;
}
ul.css-menu-1 li a:hover {
color:#FFFFFF;
font-family:Tahoma;
text-decoration:none;
font-size:18px;
background:url('images/buttons/hover.jpg') repeat-x;
border:1px solid white;
}

ul.content
{
margin-left:30px;
text-align:justify;
margin-right:20px;
color:#FFFFFF;
font-family:Tahoma;
font-size:12px;
}[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 5.9.2011, 23:33; Ответить: Apay
Сообщение #4


первое: тема должна соответствовать правилам раздела "помогите"

второе: в каком месте именно наблюдаются косяки и как они выглядят? посмотрел в фф и в ие, выглядит примерно одинаково
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bobinho
Bobinho
Topic Starter сообщение 6.9.2011, 7:18; Ответить: Bobinho
Сообщение #5


(Apay @ 6.9.2011, 02:33) *
первое: тема должна соответствовать правилам раздела "помогите"

второе: в каком месте именно наблюдаются косяки и как они выглядят? посмотрел в фф и в ие, выглядит примерно одинаково


Первое: тут у многих так :) Но в след раз буду писать.
Второе: Как я уже написал в первом посте, в IE верхнее меню (коричневые кнопки на голубом фоне) сдвинуты влево от края меньше, чем в других браузерах, а т.к. оно съзжает влево, то в конце этого меню, фон ведет себя не так: растягивается и получается не красиво.

IE
[attachment=38167:IE.jpg]
Opera, например
[attachment=38168:ot.jpg]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 6.9.2011, 9:57; Ответить: Apay
Сообщение #6


это стандартный глюк ослика с шириной ячеек. самый простой способ чтобы исправить: надо в пустые ячейки вставить прозрачные картинки с требуемой шириной ячейки и высотой 1
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bobinho
Bobinho
Topic Starter сообщение 7.9.2011, 8:29; Ответить: Bobinho
Сообщение #7


(Apay @ 6.9.2011, 12:57) *
это стандартный глюк ослика с шириной ячеек. самый простой способ чтобы исправить: надо в пустые ячейки вставить прозрачные картинки с требуемой шириной ячейки и высотой 1

Так и сделал, всё работает! У себя на локальном серваке всё норм, но когда выгрузил на сайт, в IE там какая-то полоса непонятная.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 7.9.2011, 9:21; Ответить: Den1xxx
Сообщение #8


(Bobinho @ 7.9.2011, 11:29) *
У себя на локальном серваке всё норм, но когда выгрузил на сайт, в IE там какая-то полоса непонятная.

Забыли загрузить картинку http://apmconsult.ru/images/spacer.png, вот и полоса.
А вообще прозрачная картинка должна быть в gif формате, а то в других версиях IE может быть полоса.

[оффтоп]Этому трюку почти столько лет, сколько ослику. И ничего не меняется -- ни поведение с таблицей не исправляется, ни поддержка прозрачности png не добавляется в IE. [/оффтоп]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Bobinho
Bobinho
Topic Starter сообщение 7.9.2011, 10:26; Ответить: Bobinho
Сообщение #9


(Den1xxx @ 7.9.2011, 12:21) *
Забыли загрузить картинку http://apmconsult.ru/images/spacer.png, вот и полоса.
А вообще прозрачная картинка должна быть в gif формате, а то в других версиях IE может быть полоса.

[оффтоп]Этому трюку почти столько лет, сколько ослику. И ничего не меняется -- ни поведение с таблицей не исправляется, ни поддержка прозрачности png не добавляется в IE. [/оффтоп]

Точно, разметку скинул, а картинку забыл. А у меня почему-то прозрачность всегда ассоциируется с png :rolleyes: Но gif меньше весит по идее, но всё равно я за png =)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 7.9.2011, 12:21; Ответить: Den1xxx
Сообщение #10


(Bobinho @ 7.9.2011, 13:26) *
всё равно я за png =)

IE неверно обрабатывает градации прозрачности в png. И кажется не только он.
Надо просто взять за привычку -- где нужна прозрачность, ставить gif (тем более картинка 1 пиксель), где не нужна -- png, где без прозрачности+png не обойтись, используют фильтры для IE.
http://www.fortress-design.com/transparent-png-ie5-ie6/
При использовании фильтров нужно помнить, что это будет "тормозить" на слабых машинах пользователей, поэтому используем пореже.
А раз созданную прозрачную гифку 1Х1 пиксель можно применять по всему сайту, где нужна точная ширина колонки таблицы.

(Bobinho @ 7.9.2011, 13:26) *
gif меньше весит по идее

Какое решение проще, мало весит и кроссбраузерно -- то и правильней.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 732 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Посоветуйте партнерку, что бы исправить ситуацию
11 Maneja 3715 28.9.2021, 23:36
автор: NikosTM
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1702 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Исправить проблему в сайте, требуется помощь программиста
1 woolf 1185 14.10.2020, 14:47
автор: WoWeb
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2345 7.8.2020, 9:28
автор: heisenberg_mw


 



RSS Текстовая версия Сейчас: 25.4.2024, 14:37
Дизайн