Показать сообщение отдельно
  #6 (permalink)  
Старый 11.02.2011, 15:50
Аспирант
Отправить личное сообщение для revvo Посмотреть профиль Найти все сообщения от revvo
 
Регистрация: 17.01.2011
Сообщений: 38

Вариант со 100% шириной input не проканал, т.к. из-за своих паддингов у него в результате получается ширина чуть больше, и он вылазит за границы родительского дива. Поэтому я сделал так:
<!doctype html>
<html>
<head>
<title></title>
<style>
.field {
	float: left;
	margin-bottom: 3px;	
}
.header {
position: relative;
}
a {
	position: absolute;
	right: 0;
}
input { width: 200px; }
</style>
<script>
</script>
</head>
<body>
<form>
    <div class='field'>
        <div class="header"><label for="p1">Phone</label><a href='#'>Add</a></div>
        <input type="text" id="p1" />
    </div>
	<div style="clear:left"></div>
    <div class='field'>
        <div class="header"><label for="p2">Address</label><a href='#'>Add</a></div>
        <div><input type="text" id="p2" /></div>
    </div>
	<div style="clear:left"></div>
</form>
</body>
</html>
Ответить с цитированием