Tema Sorunu header.php

@RTHuR

OpenCart-TR
Katılım
22 Nis 2010
Mesajlar
48
Tepkime puanı
0
Puanları
0
arkadalkar benim sitede arama bölümünün oldugu yer internet explorerde düzgün gösteriyor mozilla firefoxta neden yana doğru kayıyor yardımcı olabilirmisiniz sabahtan bei uğrasıyorum kafam catladı düzelmedi anlayan arkadaşlar ilgilenirse cok memnun bahtiyar olurum alta resimerini eklicem ve kodunu eklicem


Resim 1 İE

k-567072-ie8.jpg


resim_222290025.jpg


Resim 1 Mozilla

k-567090-mozilla.jpg


resim_441497842.jpg





Kod:
<?php echo '<?xml version="1.0" encoding="UTF-8"?>' . "\n"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" xml:lang="<?php echo $lang; ?>">
<head>
<title><?php echo $title; ?></title>
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<base href="<?php echo $base; ?>" />
<?php if ($icon) { ?>
<link href="image/<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/systeams/stylesheet/stylesheet.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/systeams/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/unitpngfix/unitpngfix.js"></script>
<![endif]-->
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/thickbox/thickbox-compressed.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/thickbox/thickbox.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/tab.js"></script>
</head>
<body>
<div id="container">
  <div id="header">
   <div class="div1">
      <div class="div2"><a href="<?php echo $home; ?>">
		<img src="catalog/view/theme/systeams/image/logom.jpg" title="<?php echo $store; ?>" alt="<?php echo $store; ?>" /></a></div>

    </div>
    <div class="div4">
      <div class="div5"><a href="<?php echo $home; ?>"><img src="catalog/view/theme/systeams/image/m1.gif" alt="" class="icon" /></a><a href="<?php echo $special; ?>"><img src="catalog/view/theme/systeams/image/m2.gif" alt="" class="icon" /></a>
      </div>
      <div class="div6"><a href="<?php echo $special; ?>"><img src="catalog/view/theme/systeams/image/m3.gif" alt="" class="icon" /></a><a href="<?php echo $contact; ?>"><img src="catalog/view/theme/systeams/image/m4.gif" alt="" class="icon" /></a><a href="<?php echo $cart; ?>"><img src="catalog/view/theme/systeams/image/m5.gif" alt="" class="icon" /></a></div>
    </div> <div align="center">
	<div align="right">
	<table border="0" width="976" id="table1" cellspacing="0" cellpadding="0" height="28" background="catalog/view/theme/systeams/image/t2.gif">
		<!-- MSTableType="layout" -->
		<tr>
			<td height="100%" width="100%">
			
            
            
             <div class="center">
        <div id="search">
          <div class="div9">
            <div align="right">
              <?php if ($keyword) { ?>
              <input type="text" value="<?php echo $keyword; ?>" />
              <?php } else { ?>
              <input type="text" value="<?php echo $text_keyword; ?>" id="filter_keyword" onclick="this.value = '';" onkeydown="this.style.color = '#000000'" style="color: #999;" />
              <?php } ?>
              <select id="filter_category_id">
                <option value="0"><?php echo $text_category; ?></option>
                <?php foreach ($categories as $category) { ?>
                <?php if ($category['category_id'] == $category_id) { ?>
                <option value="<?php echo $category['category_id']; ?>" selected="selected"><?php echo $category['name']; ?></option>
                <?php } else { ?>
                <option value="<?php echo $category['category_id']; ?>"><?php echo $category['name']; ?></option>
                <?php } ?>
                <?php } ?>
              </select>
              <span class="div10">&nbsp;<a onclick="moduleSearch();" class="button"><span><?php echo $button_go; ?></span></a> <a href="<?php echo str_replace('&', '&', $advanced); ?>"><?php echo $text_advanced; ?></a></span></div>
          </div>
          <div class="div10"></div>
        </div>
      </div>
   
            
            
            
            
            
            
		</tr>
	</table> 
</div>
</div>
</div>
<br>&nbsp;






<script type="text/javascript"><!-- 
function getURLVar(urlVarName) {
	var urlHalves = String(document.location).toLowerCase().split('?');
	var urlVarValue = '';
	
	if (urlHalves[1]) {
		var urlVars = urlHalves[1].split('&');

		for (var i = 0; i <= (urlVars.length); i++) {
			if (urlVars[i]) {
				var urlVarPair = urlVars[i].split('=');
				
				if (urlVarPair[0] && urlVarPair[0] == urlVarName.toLowerCase()) {
					urlVarValue = urlVarPair[1];
				}
			}
		}
	}
	
	return urlVarValue;
} 

$(document).ready(function() {
	route = getURLVar('route');
	
	if (!route) {
		$('#tab_home').addClass('selected');
	} else {
		part = route.split('/');
		
		if (route == 'common/home') {
			$('#tab_home').addClass('selected');
		} else if (route == 'account/login') {
			$('#tab_login').addClass('selected');	
		} else if (part[0] == 'account') {
			$('#tab_account').addClass('selected');
		} else if (route == 'checkout/cart') {
			$('#tab_cart').addClass('selected');
		} else if (part[0] == 'checkout') {
			$('#tab_checkout').addClass('selected');
		} else {
			$('#tab_home').addClass('selected');
		}
	}
});
//--></script>
<script type="text/javascript"><!--
$('#search input').keydown(function(e) {
	if (e.keyCode == 13) {
		moduleSearch();
	}
});

function moduleSearch() {
	url = 'index.php?route=product/search';
	
	var filter_keyword = $('#filter_keyword').attr('value')
	
	if (filter_keyword) {
		url += '&keyword=' + encodeURIComponent(filter_keyword);
	}
	
	var filter_category_id = $('#filter_category_id').attr('value');
	
	if (filter_category_id) {
		url += '&category_id=' + filter_category_id;
	}
	
	location = url;
}
//--></script>
<script type="text/javascript"><!--
$('.switcher').bind('click', function() {
	$(this).find('.option').slideToggle('fast');
});
$('.switcher').bind('mouseleave', function() {
	$(this).find('.option').slideUp('fast');
}); 
//--></script>
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
39
Konum
Bursa
Web sitesi
www.opencart-tr.com
div9 altındaki <div align="right"> kodunun değerini left yap ya da kaldır.

Burada sorun firefox da gibi görünüyor ama aslında sorun IE de salak tarayıcı sağ komutunu görmüyor :D
 

@RTHuR

OpenCart-TR
Katılım
22 Nis 2010
Mesajlar
48
Tepkime puanı
0
Puanları
0
eka7a' Alıntı:
div9 altındaki <div align="right"> kodunun değerini left yap ya da kaldır.

Burada sorun firefox da gibi görünüyor ama aslında sorun IE de salak tarayıcı sağ komutunu görmüyor :D

Tamam sana hak veriyorum görmüyor olabilir gibi de diyer tarayıcıların hepsi yüklü bende İE8,Mozilla,Safari,Opera,Chrome,Net Space,Avant Browser bunların hepsi yüklü içlerinde sadece Mozilla da sorun yapıyor yana kaymayı senin dedigin gibi <div align="right"> olanı <div align="left"> yapıyorum banner üzerinde arama bölümü sola kalıyor o satırı silince o satırda olan arama bölümü resmin üstünden kayıp yukarı cıkıyor birde böle sorun yapıyor valla cok urastım bişi bulamadım ne yapcagımı sasırdım valla ilgilenecek biri olursa minnettar kalırım..


mirac' Alıntı:
Kodlarda Sorun yok gibi temanın css dosyasındaki div9 satırında bir sorun var sanırım..

arkadasımın dedigi gibi css içinde div9 satırı yok nasıl eklerim saygılar
 

@RTHuR

OpenCart-TR
Katılım
22 Nis 2010
Mesajlar
48
Tepkime puanı
0
Puanları
0
sana css kodlarını buraya eklesem bir ilgilenebilirmisin rica etsem denedim ama beceremedim beni madur gör..


Kod:
html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
}
* {
	font-family: Verdana, Helvetica, sans-serif;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image:url('../image/arka.jpg');
    background-repeat:repeat-y;
    background-attachment:fixed;
    background-position:center; 
}
body, td, th, input, textarea, select, a {
	font-size: 11px;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}
a, a:visited {
	color: #1D3044;
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color:#85B1D0;
}
a img {
	border: none;
}
p {
	margin-top: 0px;
}
/* layout */
#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #FFFFFF;
}
#header {
	position: relative;
}
#header .div1 {
	height: 218px;
}
#header .div2 {
	position: relative;
	top: 5px;
	left: 10px;
}
#header .div3 {
	background: url('../image/search.png') no-repeat;
	width: 250px;
	height: 62px;
	position: absolute;
	top: 15px;
	right: 0px;
	padding-top: 5px;
	padding-left: 17px;
	margin-right:10px;
}
#header .div4 {
	padding-right: 5px;
	padding-left:10px;
	height: 80px;
}
#header .div4 a {
	position: relative;
	padding: 12px 0px 10px 0px;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
}
#header .div4 .icon {
	position: relative;
	margin-top: -25px;
	margin-right: 0px;
	margin-left:0px;
}
#header .div5 a, #header .div5 img {
	float: left;
}
#header .div6 a, #header .div6 img {
	float: left;
}
#breadcrumb {
	padding-top: 7px;
	margin-left:10px;
	margin-top:15px;
	padding-bottom: 11px;
	padding-left: 10px;
	height: 13px;
	margin-bottom: 10px;
	color: #999;
}
#column_left {
	float: left;
	width: 180px;
	margin-right: 10px;
	margin-left: 10px;
}
#column_right {
	float: right;
	width: 180px;
	margin-left: 10px;
	margin-right: 10px;
}
#content {
	float: left;
	width: 580px;
	margin-bottom: 10px;
}
#content .top {
	padding: 5px 0px 6px 10px;
	background: url('../image/content_top.png') repeat-x;
}
#content .top h1, .heading {
	color: #1D3044;
	font-size: 13px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	margin: 0px;
}
.heading {
	border-bottom: 1px solid #DDDDDD;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
#content .middle {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px 10px 1px 10px;
	min-height: 380px;
}
#content .bottom {
	background: url('../image/content_bottom.png') no-repeat;
	height: 5px;
}
.box {
	margin-bottom: 10px;
	background: url('../image/box_top.png') no-repeat;
}
.box .top {
	padding: 5px 0px 6px 7px;
	color: #333333;
	font-size: 13px;
	font-family: Tahoma, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: capitalize;
	height:19px;
}
.box .top img {
	float: left;
	margin-right: 5px;
}
.box .middle {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background: #FFFFFF;
	padding: 10px;
	background: url('../image/box_middle.png') no-repeat;
	background-position:bottom; 
}
.box .bottom {
	height: 24px;
	background: url('../image/box_bottom.png') no-repeat;
}
.success {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #E4F1C9;
	border: 1px solid #A5BD71;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.warning {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FFDFE0;
	border: 1px solid #FF9999;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.wait {
	padding: 5px 0px;
	margin-bottom: 10px;
	background: #FBFAEA;
	border: 1px solid #EFEBAA;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
}
.required {
	color: #FF0000;
	font-weight: bold;
}
.error {
	color: #FF0000;
	display: block;
}
.help {
	cursor: pointer;
}
.tooltip {
	border: 1px solid #FDDA5C;
	background: #FBFF95;
	padding: 5px;
	font-size: 11px;
	width: 250px;
}
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}
a.button {
	background: transparent url('../image/button_right.png') no-repeat scroll top right;
	color: #575757;
	display: inline-block;
	font-size:11px;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight:bold;
	height: 25px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
}
a.button span {
	background: transparent url('../image/button_left.png') no-repeat;
	display: inline-block;
	padding: 5px 0 5px 18px;
}
.buttons {
	background: #F8F8F8;
	border: 1px solid #DDDDDD;
	clear: both;
	padding: 5px;
	margin-bottom: 10px;
}
.buttons input {
	padding: 0px;
	margin: 0px;
}
.buttons table {
	width: 100%;
	border-collapse: collapse;
}
.buttons table td {
	vertical-align: middle;
}
.list {
	margin-bottom: 10px;
	width: 100%;
	width:558px;
}
.list td {
	text-align: center;
	vertical-align: top;
	padding-top:18px;
	padding-bottom: 10px;
    background: transparent url('../image/bg_urun.gif') no-repeat;	
	border: 1px solid #F2F2F2;
}
.sort {
	margin-bottom: 10px;
	background: #F8F8F8;
	height: 30px;
	width: 100%;
}
.sort .div1 {
	float: right;
	margin-left: 5px;
	padding-top: 6px;
	padding-right: 9px;
}
.sort .div2 {
	text-align: right;
	padding-top: 9px;
}
.sort select {
	font-size: 11px;
	margin: 0;
	padding: 0;
}
.pagination {
	display: inline-block;
	width: 100%;
	background: #F8F8F8;
	margin-bottom: 10px;
}
.pagination .links, .pagination .results {
	padding: 7px;
}
.pagination .links {
	float: left;
}
.pagination .links a {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
}
.pagination .links b {
	border: 1px solid #CCCCCC;
	padding: 4px 7px;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
}
.pagination .results {
	float: right;
}
.tabs {
	display: block;
	width: 100%;
	margin-bottom: 0px;
}
.tabs a {
	float: left;
	display: block;
	padding: 6px 15px 7px 31px;
	margin-right: 0px;
	background: #FFFFFF url('../image/tab2.gif') repeat-x;
	color: #1D3044;
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Helvetica, sans-serif;
	text-decoration: none;
	z-index: 1;
	position: relative;
	top: 1px;
}
.tabs a.selected {
	background: #FFFFFF url('../image/tab1.gif') repeat-x;
	color: #FFFFFF;
	border-bottom: 0px;
	padding-bottom: 8px;
	z-index: 3;
}
.tab_page {
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background: #FFFFFF;
	display: inline-block;
	padding: 10px;
	display: block;
	width: 536px;
	clear: both;
	z-index: 2;
	margin-bottom: 10px;
}
#footer {
	width: 100%;
	clear: both;
	padding-top: 5px;
	border-top: 1px solid #DDDDDD;
	height:30px;
	background:#FFFFFF;
}
#footer .div1 {
	float: left;
	margin-left:70px;
	text-align: left;
	padding-left: 5px;
}
#footer .div2 {
	float: right;
	text-align: right;
	padding-right: 5px;
}
#category ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	vertical-align:middle;
	list-style: url('../image/menu_left.gif');
}
#information ul {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	padding-left: 12px;
	list-style: url('../image/menu_left.gif');
}
.cart {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #EEEEEE;
	margin-bottom: 10px;
}
.cart th {
	background: #EEEEEE;
	padding: 5px;
	font-weight: normal;
}
.cart td {
	padding: 5px;
}
 

admin

Administrator
Yönetici
Katılım
13 Ağu 2009
Mesajlar
3,200
Tepkime puanı
1
Puanları
38
Yaş
39
Konum
Bursa
Web sitesi
www.opencart-tr.com
default temanın css dosyasında div9 tagını al kendi css dosyana ekle ve margin-top:20px; değerini ekle 20 değirini sitediğin konuma gelene kardar değiştir.
 

@RTHuR

OpenCart-TR
Katılım
22 Nis 2010
Mesajlar
48
Tepkime puanı
0
Puanları
0
dediklerinizi yapınca banner üzerindeki arama butonu sola dogru kayıyor ben arama butonunu degilde banneri kaydırmak istiyorum

ya ben böle sıksık rahatsız etmek istemiyorum ama care bulamıyorum mozillada resimdeki gösterdşgşm her kakıyor diyer hicbir internet tarayıcılarında olmuyor sadece mozikkada böle bana sonund kafayı yedşrekcek valla bunaltı geldi gibi bişi oldu bana
 
Üst