Jump to content

Belovsan

User
 View Profile  See their activity

  • Posts

    97

  • Joined

  • Last visited

 Content Type 

Everything posted by Belovsan

  1. Belovsan
    К сожалению пока я и CSS толком не знаю. Если сейчас в скрипты уйду, то наверное сума сойду. Точно сойду Но это... я не жалуюсь. Всё норм.
  2. Belovsan
    Столкнулся с задачкой. Ищу уже целый день, а толком так ничего и не смог найти. В общем, надо сделать форму поиска, но не простую. Значит когда курсор ещё в окне поиска не вставлен, там должна быть надпись "Введите данные для поиска" и плюс ещё в самом начале строки будет стоять картинка (типа иконка маленькая). Затем, когда вставляю в окно поиска курсор, всё это должно исчезнуть (и надпись и иконка) и остаться только чистое поле для введения поисковых данных. Вот такая "радость" подвалила. Может кто встречал решение такой задачки? Или у кого-нибудь она есть? Буду очень признателен за помощь.
  3. Belovsan
    Принцип понятен. Спасибо, большое )
  4. Belovsan
    Есть такой расклад. По краям идёт два блока абсолютно позиционируемые. Можно ли средний блок отцентрировать относительно этих блоков без использования атрибута float для этих крайних блоков? То есть, если крайние блоки зафлочены, то мы можем выровнять средний блок с помощью overflow:hidden, а если они абсолютно позиционируемые? Пример кода CSS: #header {position:relative; height:200px;} #telo {width:100%; height:150px; background:#00FF33; position:absolute;} #blok1 {width:100px; height:80px; border: 1px solid #000000; position:absolute; top:20px; left:30px;} #blok2 {width:250px; height:15px; border: 1px solid #000000; position:absolute; top:20px; right:30px;} #blok3 {width:250px; height:100px; border: 1px solid #000000; margin:0 auto;} Код html: <body> <div id="header"> <div id="telo"> <div id="blok1"></div> <div id="blok2"></div> <div id="blok3"></div> </div> </div> </body> Как видите, центральный блок позиционируется по центру страницы, а можно ли его отцентрировать относительно крайних блоков?
  5. Belovsan
    Прочитал и не смог не согласиться. Вывод: если у меня сайт состоит из 1 страницы, но на ней висит куча всякой ерунды, то табличные распорки - это то, что доктор прописал. А если простая структура без наворотов, то хоть мильён страниц - можно пробовать скриптом задать ширину. Я угадал ?
  6. Belovsan
    То есть страниц на 10? Ну есть у меня страница, там необходимо задать мин ширину. И это идёт как шаблон на весь сайт. А на сайте, например, 1000 страниц будет в перспективе. К каждой странице этот параметр применяется. Что имеется ввиду под "минимум 10 страниц"?
  7. Belovsan
    psywalker, юзанул только что Ваш вариант решения вопроса. Тож нормуль. Причём относительно разметки согласен, Ваш вариант проще. Хотя, и таблицы как по мне, практически не захламляют страницу. Походу у нас есть выбор. Причём оба варианта вполне функциональные. А какой из них использовать - эт уже действительно зависит от сложности проекта. Огромное спасибо, друзья .
  8. Belovsan
    Great Rash, Ура ! Работает! Спасибо огромное! p.s. Подписи под Никами модераторов интересные. Судя по логике у меня должна быть типа такой:"Супер-пупер спец в CSS"
  9. Belovsan
    Я конечно извиняюсь, а вот Вы говорили о распорке. И я читал, что вроде её как-то ставят. Причём вроде ставят див распорки или картинки прозрачные. Но мне вроде как див показалось наиболее интересное. Как видите, сам пока что криво это сделал. Я походу вообще не правильно всё понял да? Или лучше всего именно табличная, которую Вы выложили?
  10. Belovsan
    Так понятно, что не пашет. Но я ж поставил распорку. Только она почему-то не работает (. И я не могу понять почему блоки один под другого подлазят при наличии этой распорки и что характерно ещё и полосы прокрутки.
  11. Belovsan
    Да это не страница, а просто позиционированные блоки. Вот CSS: html, body {width:100%; height: 100%; margin:0; padding:0;} #telo {min-width:550px; width:100%; height:150px; background:#00FF33; } #blok1 {width:100px; height:80px; border: 1px solid #000000; float:left; margin:0 10px;} #blok2 {width:150px; height:15px; border: 1px solid #000000; float:right; margin:0 10px;} #blok3 {width:250px; height:100px; border: 1px solid #000000; margin:0 auto; overflow:hidden;} #rasporka {width:550px; border: 1px solid #000000;} А это html: <body> <div id="telo"> <div id="blok1"></div> <div id="blok2"></div> <div id="blok3"></div> <div id="rasporka"></div> </div> </body> Получается, что при уменьшении ширины есть прокрутка, а блоки всё равно в ИЕ6 один под другого становятся .
  12. Belovsan
    Друзья, помогите пожалуйста, а то уже мозг плавится, не могу понять в чём дело
  13. Belovsan
    По поводу распорки - имеется ввиду однопиксельная картинка? Или можно и просто блок вставить? Сейчас пробую блок, что-то не выходит пока ничего Блин, не могу понять. Сделал ещё один блок <div id="rasporka"></div> Задал ему фикс ширину. Уменьшаю размер окна. Когда ширина окна становится меньше ширины распорки, то появляется гориз полоса прокрутки. Но блоки всё равно друг под друга выстраиваются. Что я не так делаю?
  14. Belovsan
    Ещё такой вопрос возник по данной раскладке. Если, например, я начинаю уменьшать размер экрана, то до тех пор, пока блоки вмещаются на экране, они как бы нормально расположены в один ряд. Ну а когда им становится мало места, они начинают смещаться один под другого. Но это же не всегда уместно. Я нашёл такое решение, как задать параметр min-width. Вот интересно, правильное ли это решение, и самое главное -есть ли другие (более красивые) способы решить данный вопрос?
  15. Belovsan
    Ага, и если можно - по русски. Стыдно признаться, но с английским не сложилось у меня по жизни. Но в принципе, с помощью онлайн-переводчика мне удалось немного понять смысл написанного Правда читая перевод онлайн переводчика я теперь начинаю понимать почему китайцы не отвечали на мои письма о сотрудничестве, написанные на русском языке и переведённые на англ с помощью онлайн-переводчика. Ведь не исключено, что они мои письма тож переводили с помощью такой программки, но, правда уже на китайский
  16. Belovsan
    Реально помогло. Спасибо. Только ж вот хочу разобраться и не могу понять почему ж таки оно помогло ? Читаю про overflow: Свойство overflow управляет отображением содержания блочного элемента, если оно целиком не помещается и выходит за область заданных размеров. Читаю про hidden: hidden Отображается только область внутри элемента, остальное будет скрыто. Походу ничего о позиционировании не пишется. Если можно, объясните принцип работы этого заклинания . Или дайте "наколочку", где почитать об этом. И ещё вопросик. Вот смотрите. Если у меня в третьем блоке записаны такие параметры: #blok3 {width:250px; height:100px; border: 1px solid #000000;} Почему получается так, что этот третий блок "налазит" на первый, а не становится рядом с ним? Ведь вроде не задано никакое позиционирование и следовательно блоки не должны наезжать друг на друга. Ещё хочу конечно же извиниться за такие вопросы, но чувствую без понимания этого, нет смысла двигаться дальше
  17. Belovsan
    Вот пытаюсь понять как "думает" CSS. Есть три блока, которые выстроены по горизонтали. Ширина страницы резиновая. Значит как я их выстраиваю. Один блок float:right; второй - float:left;. Тот что посредине - падает в середину сам при заданном margin:0 auto; И всё бы хорошо, но центрирование среднего блока происходит не относительно соседних, а относительно общей ширины страницы. А мне бы хотелось чтобы отступы от соседних блоков до центрального были одинаковыми. Можно это как-то сделать? На пальцах рассказал, а вот сам код CSS: #telo {width:100%; height:150px; background:#00FF33;} #blok1 {width:100px; height:80px; border: 1px solid #000000; float:left; margin:0 10px;} #blok2 {width:150px; height:15px; border: 1px solid #000000; float:right; margin:0 10px;} #blok3 {width:250px; height:100px; border: 1px solid #000000; margin:0 auto;} А это HTML: <body> <div id="telo"> <div id="blok1"></div> <div id="blok2"></div> <div id="blok3"></div> </div> </body>
  18. Belovsan
    Спасибо огромное. Разобрался. Быстрее бы стать профи . А то понимаю, что вопросы задаю юзерские. Но я надеюсь, что это пройдёт когда-нибудь
  19. Belovsan
    Ну, если вы посмотрели код, то там я собственно и проставил позиционирование и зет инднекс. Проблема не столько в перекрытии, сколько в том, что происходит смещение логотипа при изменении размера шрифта. Я прсто думаю, насколько вообще я правильно структурирую это дело. Может как-то иначе надо. То есть по другому пути идти...
  20. Belovsan
    Сайта нет. Но вот сюда я залил всё с картинками. Суть вопроса вот в чём. Не получается разместить логотип так, чтобы он перекрывался горизонтальной линией (то есть она должна быть поверх логотипа, а логотип из-за неё выглядывать). Ну и в принципе у меня получалось это делать, но когда менял в ИЕ размер шрифта, то начинает всё плыть
  21. Belovsan
    Не могу понять что не так делаю. В общем начал верстать сайт. Есть шапка высота 150пикс. Внутри шапки типа полоса высотой 88пикс. А на фоне этой полосы - логотип, назв комп, поиск и т д.Что я делаю? Внутри дива ХЕДЕР я создаю див для полосы. Задаю ему высоту 88 пикс, а ширину 100% (сайт резиновый). Но тут есть один момент. Эта полоса где-то на 32пикс отступает от верхнего края страницы (внутри хедера). Вначале я задал фикс отсуп сверху, но при изменении разм шрифта вся моя вёрстка плывёт. Тогда я попробовал задать маржин, но в таком случае у меня идёт верт сдвиг и появляется верт прокрутка. И тут я пробую паддинг. Походу паддинг норм, но как-то интересно он работает. Когда присваиваю значение padding-top:32px у меня на самом деле получается внутр отступ сверху и снизу (где-то по 16 пикс). Почему так? Все паддинги изначально обнулил. Всё походу норм. А тут так получается. Вот css код: #header {height:150px;} #strok { height:88px; width:100%; position:relative; padding-top:32px; background: url(img/bg_strok.png) repeat-x left; z-index:1; border:1px solid #000000;} #logo {border:1px solid #000000; z-index:2; width:238px; height:145px; background:url(img/logo_shit.png) no-repeat center; position:relative; top:-32px; left:75px;} Ну а это html: <div id="header"> <div id="strok"></div> <div id="logo"></div> </div> Так, по моему понял в чём был трабл. Надо было задать верт позиционирование бэкграуда для дива strok Только вот логотип вставляю, пытаюсь позиционировать, но он всё равно плывёт при уменьшении размеров шрифта . Может что не правильно сконструировал? Причём плывёт только в ИЕ.
  22. Belovsan
    Появилась идея сделать нумерованный список в обратном порядке. То есть по типу: .....99,98,97,96... Это стилями как-то можно сделать?
×
×
  • 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

  I accept