центриране на форма

[val4o0o0]

CSS:

#search .block-cnt { padding: 5px 5px 5px 4px; }
#search .fieldplace { float: left; display: inline-block; width: 125px; height: 22px; background: url(../images/search-field.gif) no-repeat 0 0; padding-left: 15px; }
#search .fieldplace .field { padding: 4px 6px 4px; width: 125px; border: none; background: none; }
#search .button { float: left; display: inline-block; width: 45px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; border: 0; }
#search .button { background: url(../images/search-button.gif) no-repeat 0 0; }

.field { font-size: 12px; color: #484848; font-family: Arial, "Trebuchet MS", sans-serif; color: #000; border: solid 1px #a0a0a0; width: 140px; padding: 2px 5px; }

.block { margin-bottom: 10px; background-repeat: no-repeat; background-position: 0 0; }
.block .block-bot { height: 100%; position: relative; background-repeat: no-repeat; background-position: 0 bottom; }

HTML:

<div id="search" class="block">
<div class="block-bot">
<form action="forum/search.php?" method="post">
<div class="fieldplace">
<input type="text" name="keywords" class="field" value="Търсене в форума..." onfocus="if (this.value==this.defaultValue) this.value=''" onblur="if (this.value=='') this.value=this.defaultValue" />
</div>
<input type="submit" name="search" class="button" value="Търси!" accesskey="s" />
</form>
</div>
</div>

как да я центрирам с align="center" в див-а нестава, с <center></center> също, е какво ?...

 

[eddy]

Пробвай с margin: 0px auto; Това го слагаш на дива където седи тоя search.

Примерно

<div id="cont">
<div id="left"></div>
<div id="center"><div id="search" class="akdlak"></div></div>
<div id="bottom"></div>


Ето на този div center слагаш margin: 0px auto; в цсс файла и ще се позицонира централно в cont.

 

[val4o0o0]

така нестана

 

[Mapu0]

а защо просто не си сентрираш формата с <center> </center> и сме готови

 

[val4o0o0]

е хубаво, ама нестава и така

 

[Fakeheal]

<style>
#centyr {width: 125px; margin: 0 auto;} 
#search .block-cnt { padding: 5px 5px 5px 4px;}
#search .fieldplace { float: left; display: inline-block; width: 125px; height: 22px; background: url(../images/search-field.gif) no-repeat 0 0; padding-left: 15px; }
#search .fieldplace .field { padding: 4px 6px 4px; width: 125px; border: none; background: none; }
#search .button { float: left; display: inline-block; width: 45px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; border: 0; }
#search .button { background: url(../images/search-button.gif) no-repeat 0 0; }

.field { font-size: 12px; color: #484848; font-family: Arial, "Trebuchet MS", sans-serif; color: #000; border: solid 1px #a0a0a0; width: 140px; padding: 2px 5px; }

.block { margin-bottom: 10px; background-repeat: no-repeat; background-position: 0 0; }
.block .block-bot { height: 100%; position: relative; background-repeat: no-repeat; background-position: 0 bottom; }	
		


</style>
<div id="centyr">
<div id="search" class="block">
<div class="block-bot">
<form action="forum/search.php?" method="post">
<div class="fieldplace">
<input type="text" name="keywords" class="field" value="Търсене в форума..." onfocus="if (this.value==this.defaultValue) this.value=''" onblur="if (this.value=='') this.value=this.defaultValue" />
</div>
<input type="submit" name="search" class="button" value="Търси!" accesskey="s" />
</form>
</div>
</div>
</div>

 

[val4o0o0]

+1