(Another) Help with CSS positioning

6 отговора 276 прегледа
#1

(Another) Help with CSS positioning

здрасти, имам сходен проблем със ... 'колегата'... от по-долната темна, но все-пак го пиша в отделна тема

имам форма която искам да форматирам по следния начин

<div>
име-на-поле-1 поле-1
име-на-поле-2 поле-2
</div>

държа кутиите на полетата да са ми подравнени отляво, а също така по възможност да не използвам таблица с 2 колони.

възможно ли е да сложа CSS със атрибут width или padding или margin около името или полето за да ми се подравнят кутиите по желания начин.

(дано някой да има идея)
мерси предварително!

Отговор
в отговор на id #2

Хммммм

Ъъъм, или иде реч за нещо такова:
В отговор на:

<p>text
<input name="textfield" type="text" style="margin-left: 14px;" size="5" />
</p>

<p>text2
<input type="text" name="textfield2" style="margin-left: 5px;"/>
</p>


или аз хептен не сум те разбрал...

Отговор
в отговор на Volkano v.5 #3

Re: Хммммм

не, всъщност търсения ефект е този:

<html><head><title>left</title>
</head><body bgcolor="FFFFFF" text="#000000">

<p><div style="position:absolute; left:20px;">textasdfasdf </div>
<input type="text" style="position:relative; left:130px;"></p>

<p><div style="position:absolute; left:20px;">textasdsdasdffasdf </div>
<input type="text" style="position:relative; left:130px;"></p>

</body></html>

все пак мерси за предложението

Отговор
в отговор на id #4

Re: Хммммм

Ами ок, така се получава, но защо са ти празни параграфи? По-добре ги махни и сложи между редовете &lt;br&gt;. Ако ти се вижда малко разстоянието между редовете, сложи допълнителни стилове на div i input, за да го увеличиш.
Ако аз пишех, бих го написала така:
<div style="margin: 5px 0 0 20px; width: 130px; float: left;">textasdfasdf</div>
<div><input type="text" style="margin-bottom: 10px;"></div>
<div style="margin: 5px 0 0 20px; width: 130px; float: left;">textasdsdasdffasdf</div>
<div><input type="text" style="margin-bottom: 10px;"></div>
Все пак - въпрос на вкус:-) Успех!

Scriptura pro scribente nihil probat... <P ID=&quot;edit&quot;><FONT class=&quot;small&quot;><EM>Редактирано от Flamm на 24.02.05 17:38.</EM></FONT></P>

Редактирано от Flamm на

Отговор
в отговор на Flamm #5

Ime:&lt;br /&gt; &lt;input&gt;

Разбира се при тези варианти трябва да знаеш точно колко пиксела или др. единици ("ex" е за предпочитане) ти е текста на дължина. Очевидно най-добрият и прост вариант си е текста и полето да са на различни редове:

Ime:<br />
<input>

Отговор
в отговор на id #6

Re: (Another) Help with CSS positioning

... направи си fieldset, и за имена на полетата ползвай label... с уговорката, че поддръжката в различните браузъри не е консистентна, а до NN7 включително напълно отсъстваше от Mozilla/NN/прочие Gecko-based платформи... ако ми остане време, ще опитам да метна малко примерен код...
...
лек update:
[линк]

Редактирано от auslander на

Отговор
в отговор на Flamm #7

Re: Хммммм

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

Отговор