Messy look with Operan 8.52, Please Help...

Hi All,

I would be appreciate if anyone could help me, i am new to php then when i tested my code with Opera 8.52 then look like below, the currency and the language box not parallel in a row also with search box and button [Go]

the html codes:

<div id="crumb_navigation"> 
<div class="languages"> 
<form action="http://localhost/mysoft/index.php?route=common/home" method="post" enctype="multipart/form-data" id="language_form">
<div class="switcher"> 
<div class="selected"><a><img src="image/flags/kr.png" alt="Korean" />  Korean</a></div>
<div class="option">
<a onclick="$('input[name=\'language_code\']').attr('value', 'en'); $('#language_form').submit();"><img src="image/flags/gb.png" alt="English" />  English</a>
<a onclick="$('input[name=\'language_code\']').attr('value', 'id'); $('#language_form').submit();"><img src="image/flags/kr.png" alt="Korean" />  Korean</a>
</div>
</div>
<input type="hidden" name="language_code" value="" />
<input type="hidden" name="redirect" value="http://localhost/mysoft/index.php?route=product/category&path=18" />
</form>
</div> 

<div class="currencies"> 
<form action="http://localhost/mysoft/index.php?route=common/home" method="post" enctype="multipart/form-data" id="currency_form">
<div class="switcher"> 
<div class="selected">
<a>US Dollar</a>
</div>
<div class="option">
<a onclick="$('input[name=\'currency_code\']').attr('value', 'EUR'); $('#currency_form').submit();">Euro</a>
<a onclick="$('input[name=\'currency_code\']').attr('value', 'USD'); $('#currency_form').submit();">US Dollar</a>
</div>
</div> 
<div style="display: inline;">
<input type="hidden" name="currency_code" value="" />
<input type="hidden" name="redirect" value="http://localhost/mysoft/index.php?route=product/category&path=18" />
</div>
</form>
</div> 
<div class="search">

<input type="text" value="Kata Kunci" id="filter_keyword" onclick="this.value = '';" onkeydown="this.style.color = '#000000'" style="color:red;" />
<select id="filter_category_id" style="border-color:#CC0099;">
<option value="0" class="dropdown">All</option>
<option value="20">Desktops</option>
<option value="26">PC</option>
<option value="27">Mac</option>
</select>
<a onclick="moduleSearch();" class="button"> <span>Ok</span> </a> <a href="http://localhost/mysoft/index.php?route=product/search"></a>
</div>
</div>
Click to expand...

and the css codes:

#main_content{
clear:both;
}
#crumb_navigation{
padding:1px;
width:998px;
height:27px;
background:url(../images/menu_crumb.png) repeat-x;
}
#main_content .search{
float: right;
padding-top: 1px;
padding-right: 3px ;
height: 25px;
color:#d83783;
font-weight: bold;
}
#main_content .languages{
float:left;
width:auto;
padding:1px 2px 0 0;
}
#main_content .currencies{
float:left;
width:auto;
padding:1px 0 0 2px;
}

.switcher {
float: right;
margin-top: 3px;
margin-left: 10px;
}
.switcher .option {
position: absolute;
z-index: 3;
border-left: 1px solid #e84b9c; /*CCCCCC*/
border-right: 1px solid #e84b9c;
border-bottom: 1px solid #e84b9c;
background-color: #EEEEEE;
display: none;
width: 131px;
}
Click to expand...

what can i do? thanks in advance..

Log in or Sign up

Messy look with Operan 8.52, Please Help...

s.jns Greenhorn

hdewantara Well-Known Member

Log in or Sign up

Messy look with Operan 8.52, Please Help...

s.jns Greenhorn

hdewantara Well-Known Member

Useful Searches