HTML+CSS - беспорядок в голове.

[dreamer]

Внимание, при этом div с заполняющим фоном(#for_content) должен оставаться на месте и не лезть вверх, иначе его картинка налазит на картинку выше.

Может кто подскажет как сделать эффект у кнопок навигации как на этом сайте:

You must be registered for see links

??

1. Непонятно зачем именно тебе два вложеных контейнера для текста и почему у второго отрицательный отступ. Объясни подробнее.
2. Ты имеешь в виду появляющиеся надписи над вкладками? Это яваскрипт.

 

[Shifty]

Гори в аду IE6 и весь microsoft в придачу!
Ели сделал эту долбанную поддержку прозрачности... По гуглив(две ночи) понял что весь интернет долбется с проблемой совместимости IE6 и альфа каналом .png формата...(background-repeat)...

Решение проблемы с .png есть уже давно, и при чем в разных реализациях, и выводится в первых строках поиска по гуглу (ie png fix).

You must be registered for see links

- это оригинальное решение!

You must be registered for see links

решение с использованием библиотеки jQuery, на основе "оригинального" решения, приведенного выше.

You must be registered for see links

- это еще одно решение, с реализацией через css (работоспособность не проверял, ввиду не острой необходимости)

 

[Shifty]

а вообще, почитайте для начала сайт

You must be registered for see links

по поводу div`ной верстки, и кучи советов как и что сделать. Там все очень подробно сказано, и на все ваши вопросы найдете ответы вдоволь, если конечно умеете искать, т.к. и гугл с 2-мя ночами не дал вам результатов решения проблемы .png и ie6.

 

[Storm]

Эх...

Решение проблемы с .png есть уже давно, и при чем в разных реализациях, и выводится в первых строках поиска по гуглу (ie png fix).

Я это все видел, вы комментарии читали? Я разве не написал что нашел нужное решение? Приставка "Alpha" ни о чем вам не говорит? Вы сами лично сталкивались с прозрачным .png в качестве фона с repeat-y,x ??

Вроде как проблем с поисковиками не наблюдаю, если знаю что искать.

Вы, лично, совершенны во всех областях человеческой деятельности? Такое впечатление складывается что вы никогда не нуждались в помощи или совете в той сфере с которой вы не сталкивались или имеете мало опыта... Сомневаюсь... (

You must be registered for see links

)

dreamer:

1. Непонятно зачем именно тебе два вложеных контейнера для текста и почему у второго отрицательный отступ. Объясни подробнее.
2. Ты имеешь в виду появляющиеся надписи над вкладками? Это яваскрипт.

1. Я не уверен, может тут есть другой способ решения проблемы, но ведь постарался доходчиво объяснить почему я делаю именно так... Вот еще скрин:

You must be registered for see images

2.Я примерно догадывался что яваскрипт ) Но что дальше?) Отправите меня яву изучать, как товарищ Shifty ?)

Спасибо за внимание!)

 

[Shifty]

никого я не отправлял "учиться", а лишь дал полезные ссылки в "верстке", и линки на которых есть решения с прозрачным .png в фоне и которые "действительно работают". Так что давайте без злости. Интернет большой, а полезного, чтобы без лишней "воды" очень мало...

You must be registered for see links

- вот здесь много решений
P.S.: Все, я замолкаю , если уж еще что-то личное, то лучше в ЛС, дабы не засорять тему всеобщего суппорта

 

[Cris]

.... Это яваскрипт.

Очень информативно.

 

[dreamer]

Эх...
2.Я примерно догадывался что яваскрипт ) Но что дальше?) Отправите меня яву изучать, как товарищ Shifty ?)

Да, то что вы делаете лучше делать по-другому. Например так:

<style>
  #text_background { background: url(static) no-repeat; }
  #text_container { background: url(repeated) repeat-y; }
</style>
<div id="text_container">
  <div id="text_background">
    text here
  </div>
</div>

И тогда у вас на самом заднем фоне будет повторяющаяся часть фона, а на вложеном блоке будет сверху неповторяющаяся часть, перекрывающая предыдущую. И на фоне всего этого текст. Без всякого шаманства.

Насчет яваскрипта. Проще всего будет юзать jQuery

$('#menu_button1').hover(function(){
  $('#tip1').fadeIn();
},function(){
  $('#tip1').fadeOut();
});

id="menu_button1" это элемент, на который будет наведение, <img src="..." style="display:none" id="tip1"/> это картинка, которая будет появлятся и исчезать. Ее лучше поместить в контейнер с фиксированными размерами, так как в процессе этот элемент булдет исчезать и появляться.

 

[Storm]

Большое спасибо за внимание и внятный ответ! очень приятно что в наше время еще бывают такие люди!)

НО...

Когда я это все дело делал(и когда Setty брался мне помогать), ваш способ первый же и пришел мне(и ему) в голову, но он не осуществим из-за ПРОЗРАЧНОСТИ картинок... Просто одна картинка накладывается на другую и это все просвечивается... Вот собственно поэтому и прошу помощи...

И тогда у вас на самом заднем фоне будет повторяющаяся часть фона, а на вложеном блоке будет сверху неповторяющаяся часть, перекрывающая предыдущую. И на фоне всего этого текст. Без всякого шаманства.

Спасибо за ява код!)

А можно ли с помощью ява-скриптов сделать проверку на height блока с текстом и придавать такое же(минус величина на которую текст залазит на неповторяющийся фон) значение блоку с повторяющимся фоном? Например на событие загрузки страницы или обновления... (простите если глупо выразился... это все мои скудные познания паскаля еще со школьных времен )

 

[dreamer]

Когда я это все дело делал(и когда Setty брался мне помогать), ваш способ первый же и пришел мне(и ему) в голову, но он не осуществим из-за ПРОЗРАЧНОСТИ картинок... Просто одна картинка накладывается на другую и это все просвечивается... Вот собственно поэтому и прошу помощи...

У тебя все равно подвал изогнутой формы и больше пары линий текста ты туда не поместишь, так что не мучайся и показывай текст на повторяющейся части. А на подвале что-нибудь другое покажи.

А можно ли с помощью ява-скриптов сделать проверку на height блока с текстом и придавать такое же(минус величина на которую текст залазит на неповторяющийся фон) значение блоку с повторяющимся фоном? Например на событие загрузки страницы или обновления... (простите если глупо выразился... это все мои скудные познания паскаля еще со школьных времен )

Можно, но не нужно. Вообще если страница без яваскрипта отображается некорректно это очень плохо. (не считая полностью яваскриптовых интерфейсов).

 

[Storm]

У тебя все равно подвал изогнутой формы и больше пары линий текста ты туда не поместишь, так что не мучайся и показывай текст на повторяющейся части. А на подвале что-нибудь другое покажи.

Да у меня он не на подвале должен быть... А на верхней части <div id="center">...