Jump to content

Sintanial

Newbie
  • Posts

    23
  • Joined

  • Last visited

Everything posted by Sintanial

  1. так не подходит...если высота блока поиска будет большой то при растягивании экрана он будет залазить на второй блок
  2. эммм не понял вас причем тут бордер и всё остальное. Я нарисовал как должен вести себя объект. Мне необходимо что бы при растяжении блока новостей, остальные блоки растягивались вместе с ним вот и всё. =) http://jsfiddle.net/fWaC2/76/ - вот тут уже есть макет... Сейчас когда уменьшаешь правую границу браузера увеличивается высота БЛОКА 1 ....так мне надо сделать так что бы второй блок вместе с поиском был по высоте как первый
  3. Вот смотрите http://floomby.ru/content/LrUK0gRZUW/full/ На рис 1 показано обычное состояние На рис 2 показано состояние когда левый край браузера уменьшили =)... блок новости потянулся вниз... а след за ним и блок с розовым фоном и блок поиска.... а блок рекламы в верху зафиксирован и потянулась только высота !
  4. Я всё таки с этой проблемой так и не смог разобраться. Подскажите пожалуйста http://jsfiddle.net/fWaC2/76/ 1)Мне надо что бы строка поиска была прижата к низу на уровне низа БЛОКА 1. И когда блок 1 изменял высоту, то строка поиска так же изменяла свое положение по вертикали и опять же была на уровне снизу 2)Так же необходимо сделать так что бы блок2 так же менял высоту при смене высоты блока1. 3)И всё наоборот. Блок 2 увеличивается по высоте то блок 1 тоже увеличивается по высоте, поиск опять же прижат снизу =) Задолбался это делать.... подскажите пожалуйста
  5. ну я понимаю... я читаю, вникаю. Просто когда многие вещи не получаются( как например вот это), то приходится спрашивать совета у форумчан =).
  6. еее спасибо оноооо !!! =)
  7. Вот и дерзаю =))). Тута нагрянул еще один вопрос У нас есть четыре списка в линию...они находятся в контейнере у которого ширина меняется в зависимости от окна браузера (резиновый блок), списки расположены на одинаковом расстоянии друг от друга....при том так что крайние примыкают к нашему контеёнеру . Как сделать так что бы при смене ширины контейнера, менялось и расстояние между списками ??? <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>
  8. Мда мне еще очень многому надо научиться
  9. Спасибо огромное....то что надо =). Очень круто
  10. Трогай не трогай а гугл хром показывает границу инпута хоть ты тресни....есть конечно вариант скрыть границу.. и див поставить z-index выше...
  11. Тут одна проблема появилась. У инпута что бы не налазить на картину прописан padding-left:20px; но так как инпуту прописана ширина 100%... то он выезжает за пределы своего родителя див..... визуально это конечно не видно...но файрбаг показывает.... и текст начинает примыкать прям к правому краю родителя... а мне надо что бы он на 2px отходил от правого края родителя. А гугл хром вообще рвёт и мечит, замещает границами инпута границу родителя.... если у инпута скрыть границу то у родителя будут белый пробелы. короче вот http://floomby.ru/content/TGzH2hoHUO
  12. у меня еще вопрос. А если возле инпута будет текст... вот допустим так: <div class="cont"> <span>поиск</span> <div class="input"><img src="image/poisk.png" alt="" /><input type="text" /></div> </div> И вот предположим что у .cont ширина 600px. Мне необходимо что бы текст примыкал к левому краю .cont ( ну это само сабой так и будет) а input занимал автоматически всё оставшееся пространство начиная от текста и заканчивая правым краем .cont.
  13. Спасибо большое....всё получилось =)
  14. картинка абсолютная =)
  15. Ребят подскажите пожалуйста ?<!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 наследовал ширину родителя. При это не выходил за область своего родителя..... сейчас мой инпут больше родителя из за своих паддингов. Если я ставлю атрибут ауто.... то не срабатывает =)
  16. Что ж смайлы не поставили , а то как то безлико поржали =) А если по теме то что предложите ? =) А без абсолюта ни как ?
  17. Всем доброй ночи =) У меня появился вот такой вопрос <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 который будет примыкать к его нижней границе !!
  18. Вот чёрт я оговрился. Мне под высоту надою. Когда добавляем текст, то первый дочерний элемент увеличивается по высоте.... я хочу что бы вместе с первым увеличивался и второй дочерний элемент =).
  19. вы наверно опечатались. Что бы левый див Уменьшался ?! пользуйтесь margin и padding
  20. у меня появился еще один вопрос...тоже связанный с наследованием Вот смотрите http://jsfiddle.net/fWaC2/62/ Я хочу что бы второй элемент .child-two подстраивался под ширину первого либо под ширину родительского элемента. Короче главное что бы когда текст в первом элементе увеличивался ( а так само собой и сам элемент и родительский элемент), увеличивалась ширина второго блока вслед за первым ?????!?!?!?!? А еще почему то .child-two странно обтекает первый див... ни снизу ни сверху... а что то между этим =)
  21. А почему не отчего ? Ведь он находится в родителе, так он и должен именно от него отсчитывать =) А воообще это в статье которую кидали выше, подробно описано, о схлопывании отступов =).
  22. <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> Вопрос : Почему отступ идёт от верхней части окна браузера вместе с родителяем... .Ведь должен быть отсутп только от родителя
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy