input type text проблем...

[vrajcheff]

Привет, имам задачка която не мога да реша както трябва.
http://www.adiplam.com/images/IMGP4851.JPG
Разписка която да може да се попълва, за което използвам input type text.
Питането ми дали всеки type text може примерно да се слее или разстоянията между тях да се намали и да се опират за да може точния размер и брой да съвпадне със цялата дължина.

 

[Hous]

Какъв е проблема да направиш един text input със maxlenght вместо няколко отделни?Не разбирам точно какво питаш. Я покажи малко код :lol:

 

[Mapu0]

Това е много лесно да стане,правиш таблица в таблицата и много лесно с инпут и може би даже 1,2 сесии всичко ще е ок.Повече е сръткаво,но за 1 час си готов

<table>
<tr>
<td>
<table>
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>

И след това си определяш дължина,ширина и какво се сетиш

 

[shterev]

На House мнението ми допада , като + може да направиш проверка и с php-to колко символа взимаш

 

[vrajcheff]

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head>
<title>ASD</title> 
<style type="text/css"> 
body{font-family:Arial,sans-serif;font-size:9px;width:488px;}
form {border:1px solid black;}
input{padding-left:0px;padding-right:0px;height:17px;width:15px;}
.principalInput{border:none;background-image:url('line.png');background-repeat:no-repeat;background-position:right bottom;}
.noborderLastInput{background-image:none;width:14px;border:none;}
</style>
</head>
<body>
<form  action="" class="eee">
<div class="principalDiv">
	Наредител - име<br />
	<input type="text" maxlength="1" class="principalInput"/>
	<input type="text" maxlength="1" class="principalInput"/>
	<input type="text" maxlength="1" class="principalInput"/>
	<input type="text" maxlength="1" class="principalInput"/>
	<input type="text" maxlength="1" class="principalInput"/>
	<input type="text" maxlength="1" class="principalInput"/>
	<input type="text" maxlength="1" class="principalInput"/>
	<input type="text" maxlength="1" class="principalInput"/>
	<input type="text" maxlength="1" class="principalInput"/>
	<input type="text" maxlength="1" class="principalInput"/>
        <input type="text" maxlength="1" class="principalInput"/>
        <input type="text" maxlength="1" class="principalInput"/>
        <input type="text" maxlength="1" class="noborderLastInput"/>
</div>
</body>
</html>

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

 

[voTkaPoweR]

със margin-left:-10px; примерно

 

[vrajcheff]

Оф, най-просто решение и да не се сетя мерси, и извинявайте за загубата на време

 

[Mapu0]

Да,само че при такива документи трябва след написването на буква или цифра да се мести разделитела,което с това кодче няма как да стане