Div

  • Автор темы webmaster
  • Дата начала
Статус
Закрыто для дальнейших ответов.
W

webmaster

Гость
#1
Как после кода <div>something</div> брать переход на новую строку?
Код:
<div>some</div>
<div>thing</div>
он выведет
some
thing
А надо something!! Плиз помагите!!!
 
W

webmaster

Гость
#3
Извените но мне в один div не подходит :( У меня есть меню:
Код:
<div style='width:200px; height: 500px; overflow: scroll'>
пункты
пункты
пункты
пункты
</div>
А дальше справа от меню будет текст а затем форма поиска. А у меня получается снизу от меню!!!! А в один div нельзя потомучто у меню своя прокрутка.Остальное(текст и форму) в div заключать не обязательно.
 
A

Andrew Stephanoff

Гость
#4
DIV вообще-то блочный элемент, а не строковый..
как вариант -- назначить ему стиль float:left;, что-то типа такого:
Код:
<div style='width:200px; height: 500px; overflow: scroll; float: left'>
пункты
пункты
пункты
пункты
</div>
<div style="float:left;">Текст</div>
<div>Форма поиска</div>
<div style="clear:both;"></div>
 
W

webmaster

Гость
#6
У меня опять проблема! Выше оговоренный код работает только если браузер открыт полностью но если изменить его размер в меньшую сторону то все расстанавливается в столбик! А мне надо чтобы он всегда был в строку!
 
T

TSnake

Гость
#7
2 Andrew Stephanoff
float делает из строкового элемента блочный, а надо наооборот.

2 webmaster
Код:
<div style="display:inline">
З.Ы. Подходящий ник для таких вопросов.
 
W

webmaster

Гость
#8
Он все равно в столбик становитца если окно браузера уменьшить!!!!
 

ioni

Well-Known Member
11.05.2006
340
0
40
Левое полушарие
#11
webmaster, скажи. тебе нужно что сделать?

1/ Так, чтобы текст был написан двумя цветами?
Код:
<div><span style="color:#CC0000;">some</span><span style="color:#000099;">thing</span></div>
2/ Чтобы текст был в две колонки "фиксированным"?

Тогда это тот самый вариант, который тебе давали раньше, только еще один div доавить осталось - внешний

Типы такого:
Код:
<body>

<div style="width:600px; border:1px solid #0099CC;">

<div style='width:200px; height: 500px; overflow: scroll; float: left'>
пункты
пункты
пункты
пункты
</div>
<div style="float:left;">Текст</div>
<div>Форма поиска</div>
<div style="clear:both;"></div>

</div>

</body>
Границу я добавил, чтобы тебе виднее был внешний блок, внутри кторого находятся все, которые тебе нужны.

Так что тебе нужно?
 
W

webmaster

Гость
#13
Вот код. Я знаю выглядет по дуратски но когда там есть изображения все получается нормально. Если браузер открыт полностью то все нормально но если начать уменьшать его размер... В общем попробуйте.

Код:
 <html>
<head>
<style>
.a{text-decoration: none;
blue{background-color: #316AC5;
color: white}
</style>
</head>
<body>
<a href='hello.ru'><img src='img.bmp' border='0px'></a><br>
<div>
<div style='width:200px; float: left'>
<div style='width:200px; height: 350px; overflow: scroll; left:0px'><a style='text-decoration: none; color: black; position: absolute; left: 7px;' href='http://hello.ru/books/'><img src='+.bmp' border='0px'>пункт
</a><br><a style='text-decoration: none; color: black; position: absolute; left: 7px;' href='http://hello.ru/prog/'><img src='+.bmp' border='0px'>пункт
</a><br><a style='text-decoration: none; color: black; position: absolute; left: 7px;' href='http://hello.ru/radio/'><img src='+.bmp' border='0px'>пункт
</a><br></div>
<div style='position: absolute; left: 40px'>
<br><a href='dsg'><img src='120x60_blue_adsense_c.gif' border='0px'></a><br><br><br>
</div>
</div>

<div style='float: right; width: 150px'>
<form>
Поиск:<br>
<input type='text'><br>
<select name='style'>
<option value='hello'>hello</option>
<option value='goodbay'>goodbay</option>
</select><br><input type='submit' value='ok'>
</form><br>Еще текст... Текст... Текст...




</div>
<div style='float:left; width: 640px'> текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст
</div>
<div style="clear:both;"></div></div><br>
<a href='hello.ru'><img src='img.jpg' border='0px'></a>
<hr>
</body>
</html>
 

ioni

Well-Known Member
11.05.2006
340
0
40
Левое полушарие
#16
Кстати, когда я смотрел на код и на то. что было потом нарисовано, это напомнило мне о CSS шаблоне в Dreamweaver'е 8 версии...
 
P

Ploton

Гость
#17
товариши я конечно не потеме пишу наверное но мне очень нужно знать что тут? я буду весьма блогадарен если вы поможете.
от етого может зависеть мое будушее или просто ето спам помогите асшифруите! ет и вам задачка незнаю сложная или нет и мне помашь !
сидел в квипе и получил:
<DIV>Настюха ?(0:42):<DIV>?? ao?ae ?oiee?<DIV>ii?iaeuiue o iy o?eoo</DIV></DIV></DIV><DIV><DIV><DIV></DIV></DIV></DIV><DIV><DIV><DIV></DIV></DIV></DIV><DIV><DIV><DIV></DIV></DIV></DIV><DIV><DIV><DIV></DIV></DIV></DIV>

незнаю что ето но думаю знаете вы так как в етих делах шарите. заранее блогодорю за помошь!
 

ioni

Well-Known Member
11.05.2006
340
0
40
Левое полушарие
#18
Ploton, это ты пользуешься квипоми и он не распознал, что тебе шло красивое отформатированное письмо.
Более того, кодировка в нем была UTF8, чего квип тоже не понял.

Что нить еще?
 
Статус
Закрыто для дальнейших ответов.