Проблем с позициониране на инпут форма

N

nikki

Registered
Здравейте имам проблем с позиционирането на търсачката и бутона до нея
които са в хоризонтално меню http://pic-bg.net/files/qdcl700xxnody919v0a2.jpg
Можете ли да ми помогнете :)
 
гледал съм ги и се справям с кодирането само търсачката немога, искам да е в менюто пробвах с float:right но под ИЕ се бъгва
 
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content Type" content="text/html ; charset=windows-1251"/>
<title> LX TeAm MuSiC-ThE MusiC z0nE</title>
<link type="text/css" rel="stylesheet" href="style.css"/>
</head>
<body>
<div id ="marg">
<div id="header">

</div>

<div id="navigation">
<div id="navbar">
<ul>
<li><a href='#'>Íà÷àëî</a></li>
<li><a href='#'>Ñëóøàé</a></li>
<li><a href='#'>Ñòàòèñòèêà</a></li>
<li><a href='#'>Êà÷è ïåñåí</a></li>

</ul>
</div>
</div>

<div id="kolona1">
<div class="pic">
<div class ="t">Íàâèãàöèÿ</div>
</div>
<div id ="text">
<a href="#">×àò</a>

<br/>
<a href="#">Ñòèëîâå</a>
<br/>
<a href="#">Êîìïèëàöèè</a>
<br/>
<a href="#">Ïîòðåáèòåëè</a>

</div>
<div class="pic1">
<div class="t1">LXTeaM MuSiC</div>

</div>
<div>
<br/><br/><br/>
</div>

<div class="pic">
<div class="t2"> Êà÷âàùè ïîòðåáèòåëè</div>
</div>

<div id="text2">
1 <a href="#">Áà÷å Êèêî</a> <br/>
2 <a href="#">Ïåøî</a><br/>
3 <a href="#">Ãîøî</a><br/>
4 <a href="#">Ïàöè</a><br/>


</div>
<div class="pic1">
<div class="t3">Ðåêëàìà</div>
</div>
<div id="reklama">
<br/><br/><br/><br/><br/>
</div>






</div>
<div id="kolona2">
<div>
<div class="pic2">
<div class="text3">
nikki
</div>
</div>

<div id="k1">
<div id="avatar">
</div>

<div id="textt">

<div id="texttr">
ñúîáùåíèÿ <span class="ras">ïðîìÿíà íà ïðîôèë</span>
<span class="ras">èçïðàòè ËÑ</span>
<span class="ras">èçõîä</span>
</div>
<div id="texttg">
êðåäèòè:8971 <br/>
êà÷åíè ïåñíè:5678 <br/>
èçòåãëåíè ïåñíè:5432 <br/>
ëþáèìè ïåñíè:666
</div>

<div id="texttb">
skype:bache_kiko <br/>
ñèãíàòóðà<br/>
êîìåíòàðè


</div>



</div>
</div>



<div class="pic3">
<div class="text3">Íîâèíè</div>

</div>
<div class="zaglavie">Lorem Ipsum <span id="ts">----- 31.01.2009</span></div>
<div id="newstext">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.<br/>
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknownprinter took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.
</div>

<div class="pic2">
<div class="text3">Íàé-íîâè ïåñíè</div>
</div>
<div id="pesnitext">
1 Bache Kiko - N1 <br/>
2 Bache Kiko - N2<br/>
3 Bache Kiko - N3<br/>
4 Bache Kiko - N4<br/>
5 Bache Kiko - N5

</div>
</div>


</div>
<div id="footer">
</div>
</div>
</body>
</html>

CSS
html , body {height:100%;background:url(img/wood135.jpg);font-family:Verdana;font-size:13px;color:white;margin:0px;padding:0px;font-weight:bold}
#marg{width:847px;background:none;margin:10px auto}
#header{width:845px;height:178px;background:url(img/heder.gif);border:1px solid white}
#menu{background:url(img/menu.gif);width:845px;border:1px solid white;height:38px;}
a:link
{text-decoration:none;color:#fff;}
a:visited
{text-decoration:none;color:#fff;}
a:active
{text-decoration:none;color:#fff;}
a:hover
{text-decoration:underline;color:#fff;}
#navigation {
width:845px;
height: 38px;
background:url(img/menu.gif);
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
text-align: center;
border:1px solid white
}
#navbar {
height: 38px;
background-position: top;
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
}

#navbar ul {
height: 38px;
list-style: none;
padding: 0;
margin: 0;
display: block;
float: left;
}

#navbar ul li {
height: 38px;
float: left;
}

#navbar ul li a {
padding-left: 60px;
padding-right: 10px;
display: block;
float: left;
line-height: 38px;
color: #FFFFFF;
text-decoration: none;
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}

#navbar ul li a:hover {
background-image:none;
background-position: bottom;
background-repeat: repeat-x;
}
#kolona1{width:253px;background:#fff;border-right:1px solid #d4d4d2;border-left:1px solid white;float:left;}
#kolona2{width:591px;background:#efefef;border-right:1px solid white;float:right;}
.pic{background:url(img/n1.gif);width:253px;height:24px;}
.t{padding-left:80px;padding-top:3px;}
#text{padding-top:10px;padding-left:20px;padding-bottom:20px;color:#19a0b4;}
#text a:link
{text-decoration:none;color:#19a0b4;}
#text a:visited
{text-decoration:none;color:#19a0b4;}
#text a:active
{text-decoration:none;color:#19a0b4;}
#text a:hover
{text-decoration:underline;color:#8bc100;}
.pic1{width:253px;background:#2cb8cd;height:24px;}
.t1{padding-left:68px;padding-top:3px;}
.t2{padding-left:42px;padding-top:3px;}
.t3{padding-left:88px;padding-top:3px;}
#text2{padding-left:20px;padding-top:10px;padding-bottom:20px;color:#d22f2f}
#text2 a:link
{text-decoration:none;color:#d22f2f;}
#text2 a:visited
{text-decoration:none;color:#d22f2f;}
#text2 a:active
{text-decoration:none;color:#d22f2f;}
#text2 a:hover
{text-decoration:underline;color:#fda640;}
.pic2{width:591px;height:24px;background:#2cb8cd}
.text3{padding-left:20px;color:white;padding-top:4px;}
#k1{width:591px;height:141px;}
#avatar{float:left;background:url(img/avatar.gif);margin-left:10px;margin-top:12px;width:148px;height:117px;}
.pic3{background:url(img/n1.gif);width:591px;height:24px;}
#textt{float:left;background:none;padding-left:10px;}
#texttr{padding-top:10px;color:#d22f2f;}
.ras{padding-left:10px;}
#texttg{padding-top:7px;color:#8cc200;}
#texttb{margin-left:223px;margin-top:-64px;color:#2cb8cd;}
#newstext{color:#19a0b4;padding-left:8px;padding-top:7px;padding-bottom:10px;}
.zaglavie{padding-top:5px;padding-left:10px;color:#8bc100;font-size:15px;}
#ts{font-size:12px;color:#d22f2f}
#pesnitext{color:#8bc100;padding-top:7px;padding-left:5px;padding-bottom:5px;}
#footer{background:url(img/footer.gif);width:845px;height:16px;border:1px solid white;clear:both}

Това е
Кода е без опитите ми да позиционирам търсачката
 
Трябва да си влезнал или регистриран, за да отговориш тук.

Back
Горе