на странице был такой вид:
Цвет фона
поле формы div id="myshowcolor3"
Т.е. цвет фона - на одной строке, текстовое поле и возле него слева цветной квадратик.
#form_elem{
margin:20 10;
display:block;
}
#label{
font-family:Arial,Verdana,Tahoma,Times New Roman;
font-size:12px;
font-weight:bold;
}
<div id="form_elem">
<span id="label">Цвет фона контента:</span><br />
<input type="text" id="myhexcode3" value="" style="margin-top:10px;margin-right:15px;" name="bg_content">
<a href="javascript:void(0);" rel="colorpicker&objcode=myhexcode3&objshow=myshowcolor3&showrgb=1" style="text-decoration:none;" >
<div id="myshowcolor3" style="width:35px;height:35px;border:1px solid black;background-color:#F7EFAD;"> </div>
</a>
</div>
Спустя 7 минут, 17 секунд (16.03.2011 - 16:42) Игорь_Vasinsky написал(а):
ну тк и расположите элементы в ттаком порядке каком вам надо.
<br/> - означает перенос строки, отсюда
текст
div (квадратик с цветом) (float:right)
текстовое поле
<br/> - означает перенос строки, отсюда
текст
div (квадратик с цветом) (float:right)
текстовое поле
Спустя 25 минут, 31 секунда (16.03.2011 - 17:08) трамонтана написал(а):
Игорь_Vasinsky не универсально
отвечаю топикастеру в span, input, a
отвечаю топикастеру в span, input, a
Спустя 4 минуты (16.03.2011 - 17:12) Лена написал(а):
Игорь_Vasinsky
Что означает <br /> я знаю.
Расположила, как вы сказали,
Поставила float:right;, у меня квадратик в мозилле улетает бог знает куда вправо. с float:left тоже в мозилле были проблемы, оттого и пришла сюда.
трамонтана
не поняла, что вы советуете, объясните, пожалуйста, подробней.
Что означает <br /> я знаю.
Расположила, как вы сказали,
<div id="form_elem">
<span id="label">Цвет фона блока навигации :</span><br />
<a href="javascript:void(0);" rel="colorpicker&objcode=myhexcode&objshow=myshowcolor&showrgb=1" style="text-decoration:none;" >
<div id="myshowcolor" style="width:35px;height:35px;border:1px solid black;background-color:#B9CAFF;float:right;"> </div>
</a>
<input type="text" id="myhexcode" value="" style="margin-top:10px;margin-right:15px;" name="bg_nav">
</div>
Поставила float:right;, у меня квадратик в мозилле улетает бог знает куда вправо. с float:left тоже в мозилле были проблемы, оттого и пришла сюда.
трамонтана
не поняла, что вы советуете, объясните, пожалуйста, подробней.
Спустя 2 минуты, 57 секунд (16.03.2011 - 17:14) трамонтана написал(а):
| Цитата (Лена @ 16.03.2011 - 14:12) |
| не поняла, что вы советуете |
вопрос какой у тебя был?
"куда нужно вставить float:left"
ответ "в span, input, a "
Спустя 12 минут, 30 секунд (16.03.2011 - 17:27) Лена написал(а):
вставила
И дальше у меня идет точно такой же блок - у меня их три подряд идут, - и сюда я тоже float:left ставлю, получается ерунда, текст вначале слева прилипает к предыдущему квадратику.
<div id="form_elem">
<span id="label" style="float:left;">Цвет фона блока навигации :</span><br />
<input type="text" id="myhexcode" value="" style="float:left;margin-top:10px;margin-right:15px;" name="bg_nav">
<a href="javascript:void(0);" rel="colorpicker&objcode=myhexcode&objshow=myshowcolor&showrgb=1" style="text-decoration:none;float:left;" >
<div id="myshowcolor" style="width:35px;height:35px;border:1px solid black;background-color:#B9CAFF;"> </div>
</a>
</div>
И дальше у меня идет точно такой же блок - у меня их три подряд идут, - и сюда я тоже float:left ставлю, получается ерунда, текст вначале слева прилипает к предыдущему квадратику.
Спустя 6 минут, 26 секунд (16.03.2011 - 17:33) трамонтана написал(а):
надо в <div id="form_elem"> написать style="clear:both"
Спустя 5 минут, 51 секунда (16.03.2011 - 17:39) Лена написал(а):
Поставила.
Первый цветной квадратик стоит на месте, справа от текстового поля.
Два остальных стоят ПОД тестовым полем, а не возле него. Во всех броузерах.
<div id="form_elem" style="clear:both">
<span id="label" style="float:left;">Цвет фона блока навигации :</span><br />
<input type="text" id="myhexcode" value="" style="float:left;margin-top:10px;margin-right:15px;" name="bg_nav">
<a href="javascript:void(0);" rel="colorpicker&objcode=myhexcode&objshow=myshowcolor&showrgb=1" style="text-decoration:none;float:left;" >
<div id="myshowcolor" style="width:35px;height:35px;border:1px solid black;background-color:#B9CAFF;"> </div>
</a>
</div>
<div id="form_elem" style="clear:both">
<span id="label" style="float:left;">Цвет фона второго блока:</span><br />
<input type="text" id="myhexcode2" value="" style="margin-top:10px;margin-right:15px;" name="bg_sec">
<a href="javascript:void(0);" rel="colorpicker&objcode=myhexcode2&objshow=myshowcolor2&showrgb=1" style="text-decoration:none;float:left;" >
<div id="myshowcolor2" style="width:35px;height:35px;border:1px solid black;background-color:#FF8539;float:left;"> </div>
</a>
</div>
<div id="form_elem" style="clear:both">
<span id="label">Цвет фона контента:</span><br />
<input type="text" id="myhexcode3" value="" style="margin-top:10px;margin-right:15px;" name="bg_content">
<a href="javascript:void(0);" rel="colorpicker&objcode=myhexcode3&objshow=myshowcolor3&showrgb=1" style="text-decoration:none;" >
<div id="myshowcolor3" style="width:35px;height:35px;border:1px solid black;background-color:#F7EFAD;"> </div>
</a>
</div>
Первый цветной квадратик стоит на месте, справа от текстового поля.
Два остальных стоят ПОД тестовым полем, а не возле него. Во всех броузерах.
Спустя 9 минут, 40 секунд (16.03.2011 - 17:49) трамонтана написал(а):
ты забыла написать float:left во втором input , в третем span и в третем input
и да - убери <br /> он там лишний в любом случае)
для справки:
чтобы такого не было - стили не надо делать инлайном.
т.е. надо писать либо так
либо что ещё лучше - в отдельный файл выносить)
и да - убери <br /> он там лишний в любом случае)
для справки:
чтобы такого не было - стили не надо делать инлайном.
т.е. надо писать либо так
<style>
#form_elem{clear:both}
#form_elem a, #form_elem span, #form_elem input, {float:left}
</style>
либо что ещё лучше - в отдельный файл выносить)
Спустя 4 часа, 4 минуты, 1 секунда (16.03.2011 - 21:53) Лена написал(а):
Спасибо огромное, все получилось.
Спешу, запуталась совсем, действительно пропустила.
Почему <br /> лишний, если мне текст надо сделать над текстовым полем и квадратиком?
Спешу, запуталась совсем, действительно пропустила.
Почему <br /> лишний, если мне текст надо сделать над текстовым полем и квадратиком?
Спустя 14 часов, 58 минут, 48 секунд (17.03.2011 - 12:52) трамонтана написал(а):
| Цитата (Лена @ 16.03.2011 - 18:53) |
| Почему <br /> лишний, если мне текст надо сделать над текстовым полем и квадратиком? |
потому что br предназначен для форматирования текста , а не позицирования элементов.
"текст над полем" это ведь позицирование - надо добиваться этого стилями.