Перейти к публикации

Проблема с отображением логотипа


Рекомендованные сообщения

Вобщем такая проблемка (блин что то у м еня одни проблемы на этой неделе ) ну да ладно ближе у сути вобщем у меня логотип на сайте пропадает в Mozilla Firefox а в Internet Explorer каряво отображается попогите исправить,а да в OPERA все нормально работает.

отобржение в OPERA

0_9ab0_e0829eb7_L.jpg

Отображение в Internet Explorer

0_9aae_f1a08c85_L.jpg

Отображение в Mozilla Firefox

0_9aaf_9bd47448_L.jpg

Ссылка на сообщение
Поделиться на других сайтах

ну ты может код покажешь ,как этот логотип рисовал?

Вот фрагмент кода с main.tpl

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

{headers}

<style type="text/css" media="all">

@import url({THEME}/css/toolbar.css);

</style>

<style type="text/css" media="all">

@import url({THEME}/css/theme.css);

</style>

<style type="text/css" media="all">

@import url({THEME}/css/blocks.css);

</style>

<style type="text/css" media="all">

@import url({THEME}/css/engine.css);

</style>

</head>

<body id="page_bg">

{AJAX}

<!-- Меню (Верхняя часть) <<!Design_by_alekcandr!>> -->

<div id="navigation">

	<div>

	<a href="/index.php" title="Главная страница портала">Главная</a>

	<a href="/index.php?do=register" title="Регистрация на портале">Регистрация</a>

	<a href="/index.php?do=feedback" title="Контакты">Контакты</a>

	<a href="/rss.xml" title="Рассылка новостей">Рассылка новостей</a>

	</div>

	</div>

<div id="wrapper">

<!-- Заголовок <<!Design_by_alekcandr!>>-->

	<div id="header">

	<a id="logotype"><img width="450" height="111"/></a>

	<div>

	</div>

	</div>
А вот фрагмент СSS
/*Ссылки основные*/


:link {

	color: #ff7800; text-decoration: none;

	}


:visited { 

	color: #ff7800; text-decoration: none;

	}


:link:hover, :visited:hover {

	color: #ffae00; text-decoration: none;

	}


:link:active, :link:active { 

	color: #ffae00; 

	}



h1, h2, h4, h5, h6 {

	font-family: Tahoma, verdana, sans-serif;

	margin: 0.5em 0 0.2em 0;

}


h1 { font-size: 160%; font-weight: normal; }

h2 { font-size: 150%; }

h3 { font-size: 120%; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin: 0;}

h4 { font-size: 100%; }

h5 { font-size: 90%; font-weight: normal;}

h6 { font-size: 90%; border: 0; }


body, font, td, p, ul {

	color: #6a6a6a;

	font-size: 11px;

	font-family: Tahoma, Verdana, Helvetica, sans-serif;

	}


body {

	height: 100%; 

	padding: 0 /*for Opera*/;

	min-width: 610px;

	margin: 0 0 1em 0;

	background: #fdfcfc;

}


#page_bg {

	background: #fdfcfc url(../images/Design_by_alekcandr_body_bg.png) left 40px repeat-x;

}


p {

	margin: 3px 0;

}


a img {

	border: 0;

}


html {

	height: 100%;

	margin-bottom: 1px;

}


form {

	padding: 0;

	margin: 0;

}


#wrapper {

	margin: 0 auto;

	background: #FFF;

	width: 994px;

	text-align: left;

	background: #fdfcfc url(../images/Design_by_alekcandr_body_bg.png) top left repeat-x;

}


#shadow-left {

	background: transparent url(../images/Design_by_alekcandr_shadow_left.png) left top repeat-y;

	float: left;

	width: 994px;

}


#shadow-right {

	background: transparent url(../images/Design_by_alekcandr_shadow_right.png) right top repeat-y;

	float: left;

	width: 994px;

}


#container {

	float: left;

	width: 994px;

}


#container div,

#container td {

	line-height: 140%;

}


#present-icons {

	background: transparent url(../images/Design_by_alekcandr_presenticon_bg.jpg) left top no-repeat;

	float: left;

	width: 964px; height: 87px;

	padding: 0 15px;

}


#present-icons div {

	float: left;

	width: 241px; height: 87px;

}


#present-icons div img {

	float: left;

	width: 78px; height: 87px;

}


#present-icons div span {

	font-size: 10px;

	padding: 5px;

	padding-top: 16px;

	width: 140px;

	float: left;

}



/*Формы*/

input, textarea, select {

	background: #FFFFFF;

	color: #777;

	border: 1px #e0d5c9 solid;

	font-size: 11px;

	font-family: Tahoma, Verdana, Helvetica, sans-serif;

}


.f_input {

	background: url(../images/Design_by_alekcandr_dlet_field_o.gif) top repeat-x;

}


/*Настройка основного Header*/

#header {

	position: relative;

	overflow: hidden;

	height: 180px;

}


#logotype {

	position: relative;

	top: 47px; 

	margin-left: 35px;

	float: left;

	background: transparent url(../images/Design_by_alekcandr_logotype.png) left top no-repeat;

	font-size: 20px;

	outline: none;

}

Логотип рисовал в фотошопе в png формате и размерами 450 на 111 пиксилей

Изменено пользователем alekcandr
Ссылка на сообщение
Поделиться на других сайтах

<img width="450" height="111"/> - вот здесь ошибка - нет пути до картинки и скорее всего там должен быть прозрачный gif, например 1x1 пиксель

Ссылка на сообщение
Поделиться на других сайтах

<a id="logotype"><img src="{THEME}/images/Design_by_alekcandr_pixel.gif" width="450" height="111"/></a>

исправил просто из-за невнимательности пропустил спасибо большое все исправил теперь отображается норм :P

Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.
×
×
  • Создать...