Sintanial
-
Posts
23 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Sintanial
-
так не подходит...если высота блока поиска будет большой то при растягивании экрана он будет залазить на второй блок
-
эммм не понял вас причем тут бордер и всё остальное. Я нарисовал как должен вести себя объект. Мне необходимо что бы при растяжении блока новостей, остальные блоки растягивались вместе с ним вот и всё. =) http://jsfiddle.net/fWaC2/76/ - вот тут уже есть макет... Сейчас когда уменьшаешь правую границу браузера увеличивается высота БЛОКА 1 ....так мне надо сделать так что бы второй блок вместе с поиском был по высоте как первый
-
Вот смотрите http://floomby.ru/content/LrUK0gRZUW/full/ На рис 1 показано обычное состояние На рис 2 показано состояние когда левый край браузера уменьшили =)... блок новости потянулся вниз... а след за ним и блок с розовым фоном и блок поиска.... а блок рекламы в верху зафиксирован и потянулась только высота !
-
Я всё таки с этой проблемой так и не смог разобраться. Подскажите пожалуйста http://jsfiddle.net/fWaC2/76/ 1)Мне надо что бы строка поиска была прижата к низу на уровне низа БЛОКА 1. И когда блок 1 изменял высоту, то строка поиска так же изменяла свое положение по вертикали и опять же была на уровне снизу 2)Так же необходимо сделать так что бы блок2 так же менял высоту при смене высоты блока1. 3)И всё наоборот. Блок 2 увеличивается по высоте то блок 1 тоже увеличивается по высоте, поиск опять же прижат снизу =) Задолбался это делать.... подскажите пожалуйста
-
ну я понимаю... я читаю, вникаю. Просто когда многие вещи не получаются( как например вот это), то приходится спрашивать совета у форумчан =).
-
еее спасибо оноооо !!! =)
-
Вот и дерзаю =))). Тута нагрянул еще один вопрос У нас есть четыре списка в линию...они находятся в контейнере у которого ширина меняется в зависимости от окна браузера (резиновый блок), списки расположены на одинаковом расстоянии друг от друга....при том так что крайние примыкают к нашему контеёнеру . Как сделать так что бы при смене ширины контейнера, менялось и расстояние между списками ??? <div> <ul style="display:inline-block"><li></li></ul> <ul style="display:inline-block"><li></li></ul> <ul style="display:inline-block"><li></li></ul> <ul style="display:inline-block"><li></li></ul> <div>
-
Мда мне еще очень многому надо научиться
-
Спасибо огромное....то что надо =). Очень круто
-
http://jsfiddle.net/tDWZt/2/
-
Трогай не трогай а гугл хром показывает границу инпута хоть ты тресни....есть конечно вариант скрыть границу.. и див поставить z-index выше...
-
Тут одна проблема появилась. У инпута что бы не налазить на картину прописан padding-left:20px; но так как инпуту прописана ширина 100%... то он выезжает за пределы своего родителя див..... визуально это конечно не видно...но файрбаг показывает.... и текст начинает примыкать прям к правому краю родителя... а мне надо что бы он на 2px отходил от правого края родителя. А гугл хром вообще рвёт и мечит, замещает границами инпута границу родителя.... если у инпута скрыть границу то у родителя будут белый пробелы. короче вот http://floomby.ru/content/TGzH2hoHUO
-
у меня еще вопрос. А если возле инпута будет текст... вот допустим так: <div class="cont"> <span>поиск</span> <div class="input"><img src="image/poisk.png" alt="" /><input type="text" /></div> </div> И вот предположим что у .cont ширина 600px. Мне необходимо что бы текст примыкал к левому краю .cont ( ну это само сабой так и будет) а input занимал автоматически всё оставшееся пространство начиная от текста и заканчивая правым краем .cont.
-
Спасибо большое....всё получилось =)
-
картинка абсолютная =)
-
Ребят подскажите пожалуйста ?<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> div.input { position: relative; width: 100%; background: bisque; } div.input input { padding-left: 26px; padding-right: 10px; height: 16px; width: inherit; border-radius:20px; border:1px solid black; border-top:2px solid black; height: 20px; } div.input img { position: absolute; left:0px; margin:7px 10px 0px; } div.cont{ margin:0 400px; } </style> </head> <body> <div class="cont"> <div class="input"><img src="image/poisk.png" alt="" /><input type="text" /></div> </div> </body> </html> вот код, как сделать так что бы мой input наследовал ширину родителя. При это не выходил за область своего родителя..... сейчас мой инпут больше родителя из за своих паддингов. Если я ставлю атрибут ауто.... то не срабатывает =)
-
Что ж смайлы не поставили , а то как то безлико поржали =) А если по теме то что предложите ? =) А без абсолюта ни как ?
-
Всем доброй ночи =) У меня появился вот такой вопрос <div id="GLAVNII" style="width:700px; height:600px"> <div CLASS="PERENT" style="height:inherit;"> <div style="width:auto; height:300px;"></div> <div CLASS="CHILDE" style="width:auto; height:100px;"></div> </div> </div> Как мне сделать так что бы элемент .CHILDE примыкал к низу элемента .PERENT? Дабы если я увеличу высоту #GLAVNII тогда увеличится и высота .PERENT а он уже свою очередь потянет за собой .CHILDE который будет примыкать к его нижней границе !!
-
Вот чёрт я оговрился. Мне под высоту надою. Когда добавляем текст, то первый дочерний элемент увеличивается по высоте.... я хочу что бы вместе с первым увеличивался и второй дочерний элемент =).
-
вы наверно опечатались. Что бы левый див Уменьшался ?! пользуйтесь margin и padding
-
у меня появился еще один вопрос...тоже связанный с наследованием Вот смотрите http://jsfiddle.net/fWaC2/62/ Я хочу что бы второй элемент .child-two подстраивался под ширину первого либо под ширину родительского элемента. Короче главное что бы когда текст в первом элементе увеличивался ( а так само собой и сам элемент и родительский элемент), увеличивалась ширина второго блока вслед за первым ?????!?!?!?!? А еще почему то .child-two странно обтекает первый див... ни снизу ни сверху... а что то между этим =)
-
А почему не отчего ? Ведь он находится в родителе, так он и должен именно от него отсчитывать =) А воообще это в статье которую кидали выше, подробно описано, о схлопывании отступов =).
-
<html> <head> <style> .a{height:400px;position:relative;background:red;} .b{height:100px;position:relative;background:blue; margin-top:20px;} </style> </head> <body> <div class='a'> <div class='b'></div> </div> </body> </html> Вопрос : Почему отступ идёт от верхней части окна браузера вместе с родителяем... .Ведь должен быть отсутп только от родителя