(Another) Help with CSS positioning
6 отговора
276 прегледа
(Another) Help with CSS positioning
здрасти, имам сходен проблем със ... 'колегата'... от по-долната темна, но все-пак го пиша в отделна тема
имам форма която искам да форматирам по следния начин
<div>
име-на-поле-1 поле-1
име-на-поле-2 поле-2
</div>
държа кутиите на полетата да са ми подравнени отляво, а също така по възможност да не използвам таблица с 2 колони.
възможно ли е да сложа CSS със атрибут width или padding или margin около името или полето за да ми се подравнят кутиите по желания начин.
(дано някой да има идея)
мерси предварително!
имам форма която искам да форматирам по следния начин
<div>
име-на-поле-1 поле-1
име-на-поле-2 поле-2
</div>
държа кутиите на полетата да са ми подравнени отляво, а също така по възможност да не използвам таблица с 2 колони.
възможно ли е да сложа CSS със атрибут width или padding или margin около името или полето за да ми се подравнят кутиите по желания начин.
(дано някой да има идея)
мерси предварително!
Хммммм
Ъъъм, или иде реч за нещо такова:
В отговор на:или аз хептен не сум те разбрал...<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>
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>
все пак мерси за предложението
<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>
все пак мерси за предложението
Re: Хммммм
Ами ок, така се получава, но защо са ти празни параграфи? По-добре ги махни и сложи между редовете <br>. Ако ти се вижда малко разстоянието между редовете, сложи допълнителни стилове на 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="edit"><FONT class="small"><EM>Редактирано от Flamm на 24.02.05 17:38.</EM></FONT></P>
Ако аз пишех, бих го написала така:
<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...
Редактирано от Flamm на
Ime:<br /> <input>
Разбира се при тези варианти трябва да знаеш точно колко пиксела или др. единици ("ex" е за предпочитане) ти е текста на дължина. Очевидно най-добрият и прост вариант си е текста и полето да са на различни редове:
Ime:<br />
<input>
Ime:<br />
<input>
Re: (Another) Help with CSS positioning
... направи си fieldset, и за имена на полетата ползвай label... с уговорката, че поддръжката в различните браузъри не е консистентна, а до NN7 включително напълно отсъстваше от Mozilla/NN/прочие Gecko-based платформи... ако ми остане време, ще опитам да метна малко примерен код...
...
лек update:
[линк]
...
лек update:
[линк]
Редактирано от auslander на
Re: Хммммм
да обаче div таговете автоматично поставят нов ред след края си, което значи че не мога да вкарам описанието на полето и самото поле на един ред.
в края на краищата се спрях на старомодния но сигурен начин със таблица
в края на краищата се спрях на старомодния но сигурен начин със таблица