Неправильно отображение меню в других браузерах!

sta1k3r

Осваиваюсь на форуме
17
0 / 0

Неправильно отображение меню в других браузерах!

« : 23.04.2011, 22:18:49 »

Привет! Помогайте новичку=)

проблема вот в чем .. в опере показывает так (то есть нормально в полне):

а в других браузерах как mozila, Google, IE так:

как править? помогайте..

Записан

sharp

Завсегдатай
1173
97 / 2

Re: Неправильно отображение меню в других браузерах!

« Ответ #1 : 23.04.2011, 22:24:49 »

по картинке никак не определить!

Записан

Хочешь знать правду!? читай таблицу умножения.
Поисковое продвижение или раскрутка сайта!

sta1k3r

Осваиваюсь на форуме
17
0 / 0

Re: Неправильно отображение меню в других браузерах!

« Ответ #2 : 23.04.2011, 22:27:33 »

эм... ну вот

Код

<?php defined( '_JEXEC' ) or die( 'Restricted access' ); ?>

<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

<head>

<jdoc:include type="head" />

<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/vendetta_sait/css/template.css"/>

<link rel="stylesheet" type="text/css" href="<?php echo $this->baseurl ?>/templates/vendetta_sait/css/form.css"/>

<!--[if Ite IE 6]>

<script src="<?php echo $this->baseurl ?>/templates/vendetta_sait/js/DD_belatedPNG.js"></script>

<script>

DD_belatedPNG.fix("#logo, #telo, #content_ctr_bot, #skrepka, #centr, #ctr_bot, #ctr_right, #ctr_right_top, #avtoriz, #search, #log_inputbox, #log_inputbox .inputbox, #log_inputbox .inputbox1, #item1, #item2, #item3, #item4, #item5");

</script>

<![endif]-->

</head>

<body>

<div id="conteyner">

	<div id="fon">

      <div id="logo"></div>

		<div id="menu">
			<ul class="mainlevel">
 				<li id="item1"><a href="http://apb-vendetta.com/" class="mainlevel" ></a></li>
			 	<li id="item2"><a href="http://apb-vendetta.com/" class="mainlevel" ></a></li>
 				<li id="item3"><a href="http://apb-vendetta.com/" class="mainlevel" ></a></li>
                <li id="item4"><a href="http://apb-vendetta.com/" class="mainlevel" ></a></li>
                <li id="item5"><a href="http://apb-vendetta.com/" class="mainlevel" ></a></li>
			</ul>
         </div>   
        
    		<div id="content">

            	<div id="content_centr">

            		<div id="centr">

                		<div id="ctr_right">

                    		<div id="search">

                    			<?php if($this->countModules('search')) : ?>

								<jdoc:include type="modules" name="search"/>

								<?php endif; ?>                        

                       		 </div>

                    	<div id="avtorizaciya">

                    		<?php if($this->countModules('avtorizaciya')) : ?>

							<jdoc:include type="modules" name="avtorizaciya"/>

							<?php endif; ?>

                        </div>

                    </div>

                    <div id="ctr_bot">

                    	<jdoc:include type="component" />

                    </div>

                    <div id="ctr_right_top"></div>

                </div>

            </div>

            <div id="content_ctr_bot"></div> 

        </div>

	</div>

    <div id="skrepka"></div>

</div>

</body>

</html>

CSS

Код

html, body{

	margin:0px;

	padding:0px;

	background:#000;

}

p{

	font-size:12px;

	line-height:13px;	

}

h1{

	font-size:18px;

	line-height:17px;		

}

h2{

	font-size:17px;

	line-height:16px;		

}

h3{

	font-size:16px;

	line-height:15px;		

}

h4{

	font-size:15px;

	line-height:14px;		

}

#conteyner{

	margin:0px;

	padding:0px;

}

a{

	font-size:12px;

	line-height:13px;	

}

#fon{

	margin:0px;

	padding:0px;

	background:url(../images/fon.jpg) 0 0 no-repeat;

}

#content{

	margin:0px;

	padding:0px;

}

*html #content{

	height:2000px;	

}

#logo{

	margin:0px;

	margin-left:450px;

	padding:0px;

	background:url(../images/logo.png) no-repeat;

	width:661px;

	height:257px;

}



#content_centr{

	margin:0px;

	margin-left:450px;

	margin-top:70px;

	padding:0px;

	background:url(../images/telo1.png) no-repeat;

	width:938px;

	height:1088px;

}

*html #content_center{

	margin-left:300px;	

	margin-top:50px;

}

#content_ctr_bot{

	margin:0px;

	margin-left:448px;

	padding:0px;

	background:url(../images/telo_bot1.png) no-repeat;

	width:936px;

	height:96px;

}

#centr{

	margin:0px;

	margin-left:15px;

	padding:0px;

	background:url(../images/center1.png) no-repeat;

	width:917px;

	height:1072px;

}

#ctr_bot{

	margin:0px;

	padding:0px;
	
	padding-left:30px;

	margin-left:30px;

	margin-top:415px;

	background:url(../images/ctr_bot1.png) no-repeat;

	width:626px;

	height:646px;

	position:absolute;

	z-index:1;

}
#ctr_bot .componentheading{
	margin:0px;
	padding:0px;
	padding-top:30px;
}
#ctr_bot p{
	margin:0px;
	padding:0px;
	padding-right:45px;
}

#ctr_right{

	margin:0px;

	margin-left:650px;

	margin-top:175px;

	padding:0px;

	background:url(../images/ctr_right1.png) no-repeat;

	width:240px;

	height:896px;

	position:absolute;

	z-index:2;

}

#ctr_right_top{

	margin:0px;

	margin-top:30px;

	margin-left:655px;

	padding:0px;

	background:url(../images/ctr_right_top.png) no-repeat;

	width:230px;

	height:140px;

	position:absolute;

	z-index:3;

}

#avtorizaciya{

	margin:0px;

	padding:0px;

}

#skrepka{

	margin:0px;

	margin-left:440px;

	margin-top:-600px;

	padding:0px;

	background:url(../images/skrepka.png) no-repeat;

	width:133px;

	height:51px;

	position:absolute;

	z-index:5;

}

.contentheading{

	font-size:14px;

	line-height:14px;

}

.contentpaneopen{

	font-size:14px;

	line-height:14px;	

	padding-right:50px;

	

}

.small{

	font-size:11px;

	line-height:13px;	

}

.createdate{

	font-size:11px;

	line-height:13px;	

}

.modifydate{

	font-size:11px;

	line-height:13px;	

}

.pagenav{

	font-size:11px;

	line-height:13px;

}

/* search */

#search{

	margin:0px;

	margin-left:10px;

	margin-top:5px;

	padding:0px;

}
#search .inputbox{

	border:none;

	margin:0px;

	padding:0px;

	padding-top:6px;

	padding-left:27px;

	padding-right:80px;

	background:url(../images/search.png) no-repeat;

	width:110px;

	height:106px;

	font-size:18px;	

	color:#F00;

}
/*Меню*/
#menu{
	margin:0px;
	margin-left:445px;
	margin-top:-40px;
	padding:0px;
}
ul.mainlevel a li{
 display:block;
}
li#item1 a {
display:inline;
float:left;
width:175px;
height:52px;
background:url(../images/glavn.png) no-repeat;
margin-bottom: -2px;
margin-left: 2px;
margin-right: 5px;
margin-top: 3px;
}
li#item2 a {
display:inline;
float:left;
width:175px;
height:52px;
background:url(../images/news.png) no-repeat;
}
li#item3 a {
display:inline;
float:left;
width:175px;
height:52px;
background:url(../images/forum.png) no-repeat;
}
li#item4 a {
display:inline;
float:left;
width:175px;
height:52px;
background:url(../images/galer.png) no-repeat;
}
li#item5 a {
display:inline;
float:left;
width:175px;
height:52px;
background:url(../images/ob_igre.png) no-repeat;
}

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: Неправильно отображение меню в других браузерах!

« Ответ #3 : 23.04.2011, 22:32:27 »

Попробуйте дописать
ul.mainlevel li{
display:block;
float:left
}

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

sta1k3r

Осваиваюсь на форуме
17
0 / 0

Re: Неправильно отображение меню в других браузерах!

« Ответ #4 : 23.04.2011, 22:37:19 »

да да это помогло ... а еще такое осталось в IE там где поле авторизации и поиска текст уехал выше окошка где нужно вписывать...

вот CSS авторизации

Код

#log_inputbox{
	margin:0px;
	margin-left:-20px;
	padding:0px;	
	background:url(../images/avtoriz.png) no-repeat;
	width:220px;
	height:356px;
	position:absolute;
	z-index:1;
}
#log_inputbox .button{
	font-size:0px;
	line-height:0px;
	margin:0px;
	padding:0px;
	width:0px;
	height:0px;	
}
#log_inputbox .inputbox{
	border:none;
	margin:0px;
	margin-top:80px;
	margin-left:30px;
	padding:0px;
	padding-top:1px;
	padding-left:20px;
	padding-right:27px;
	background:url(../images/login.png) no-repeat;
	width:123px;
	height:59px;
	font-size:18px;
	color:#F00;
}
#log_inputbox .inputbox1{
	border:none;
	margin:0px;
	margin-top:20px;
	margin-left:30px;
	padding:0px;
	padding-top:1px;
	padding-left:20px;
	padding-right:27px;
	background:url(../images/pass.png) no-repeat;
	width:127px;
	height:69px;
	font-size:18px;
	color:#00F;
}
*html #log_inputbox .inputbox{
	background:url(../images/login.png) no-repeat fixed;
}
*html #log_inputbox .inputbox1{
	background:url(../images/pass.png) no-repeat fixed;
}
#a_log{
	width:120px;	
	margin:0px;
	margin-top:245px;
	margin-left:14px;
	padding:0px;
	position:absolute;
	z-index:2;
}
#a_log a:link, a:visited{
	font-size:16px;
	line-height:18px;
	background:none;
	color:#F00;	
}
#a_log a:hover{
	font-size:16px;
	line-height:18px;
	background:none;
	color:#FFF;
}
#logout .button{
	border:none;
	background:none;
	color:#F00;
}
#logout .button:hover{
	border:none;
	background:none;
	color:#00F;
}
#form-login{
	margin:0px;
	margin-left:30px;
	padding:0px;	
}

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: Неправильно отображение меню в других браузерах!

« Ответ #5 : 23.04.2011, 22:39:49 »

Тут к сожалению без ссылки ничем не помогу

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

sta1k3r

Осваиваюсь на форуме
17
0 / 0

Re: Неправильно отображение меню в других браузерах!

« Ответ #6 : 23.04.2011, 23:04:09 »

apb-vendetta.com

Записан

Efanych

Глобальный модератор
4683
644 / 0
Меняю свою жизнь на 360°!

Re: Неправильно отображение меню в других браузерах!

« Ответ #7 : 23.04.2011, 23:51:59 »

Не. Тут не смогу помочь.

Записан

Создание сайтов, шаблонов, помощь в решении проблем.

убрать из меню заголовки h3 Автор nexter	Ответов: 19 Просмотров: 9604	03.02.2020, 18:49:47 от durte
При добавлении нового пункта меню не отображается содержимое Автор Denko	Ответов: 2 Просмотров: 4520	16.01.2020, 18:40:55 от Denko
Не нажимается пункт меню на мобильной версии Автор Sensession	Ответов: 7 Просмотров: 6200	04.01.2020, 16:45:27 от xpank
Не отображаются пункты в меню Автор physic	Ответов: 20 Просмотров: 24959	20.09.2019, 16:54:01 от beliyadm
Как в ARI Ext Menu добиться работы параметра "Показать в меню"? Автор vasmed	Ответов: 1 Просмотров: 4902	01.03.2019, 11:12:18 от vasmed

Неправильно отображение меню в других браузерах! - Joomla 1.5: Вопросы по работе с меню

Новости Joomla

Вышли релизы Joomla 6.1 и Joomla 5.4.5: новые возможности и стабильность

👩‍💻 Компонент "CS Афиши" для Joomla.

Яндекс выпустил инструмент Видимость сайта в Алисе AI.

sta1k3r

Неправильно отображение меню в других браузерах!

sharp

Re: Неправильно отображение меню в других браузерах!

sta1k3r

Re: Неправильно отображение меню в других браузерах!

Efanych

Re: Неправильно отображение меню в других браузерах!

sta1k3r

Re: Неправильно отображение меню в других браузерах!

Efanych

Re: Неправильно отображение меню в других браузерах!

sta1k3r

Re: Неправильно отображение меню в других браузерах!

Efanych

Re: Неправильно отображение меню в других браузерах!

Похожие темы