Сообщений в теме: 8

[anstab]

вот сижу разбираюсь со слоями..
возникла проблема, ЯваСкрипт'ом сделал переключени между слоями (один находится подругим зеленая таблица и красная), но возникла проблема. эти слои должны находить в одной из ячеек основной таблицы(в данном примере желтой). и размеры этой ячейки должны изманяться вместе с размерами таблицы в слое. а у меня получилось что эти слои находятся поврх таблицы, и выходят за ее приделы.
кто подскажет в чем проблема? буду весьма признателен.

<style>
#red{position:absolute;}
#green{position:absolute;}
//#red{position:absolute; width:110%; height:110px; top:200px; left:180px;}
//#green{position:absolute;width:110%; height:110px; top:200px; left:180px;}
</style>
<script>
var max = 3;
function green_up(){
green.style.zIndex = max; max+=1;
}
function red_up(){
red.style.zIndex = max; max+=1;
}
</script>
<table border=2 bordercolor=black height=100% width=100% bgcolor=yellow>
<tbody>
<tr>
<td height=100% width=17% valign=top align=center> &nbsp
</td>
<td valign=top height=100%>
<div id="red">
<table cellpadding=0 100% height=1000px border=1 bgcolor=#a7a7a7 align=top>
<tr>
<td align=center height=2%>
<a href="#GREEN" onClick="green_up();">GREEN</a></td>
<td align=center height=2%>
<a href="#RED" onClick="red_up();">RED</a></td>
<td width=100%>&nbsp</td>
</tr>
<tr>
<td colspan=3 valign=top bgcolor=red>RED</td>
</tr>
</table>
</div>
<div id="green">
<table cellpadding=0 width=100% height=1000px border=1 bgcolor=#a7a7a7>
<tr>
<td align=center height=2%>
<a href="#GREEN" onClick="green_up();">GREEN</a></td>
<td align=center height=2%>
<a href="#RED" onClick="red_up();">RED</a></td>
<td width=100%>&nbsp</td>
</tr>
<tr>
<td colspan=3 valign=top bgcolor=green>GREEN </td>
</tr>
</table>
</div>
</td>
</tr>
</tbody>
</table>

[MadRabbit]

position: absolute "выбивает" <div> из "нормального" хода вещей. Если не обязательно использовать zIndex, я предлагаю такое решение:

<style> 
#red {
	display: none;
}
</style> 
<script> 
function green_up(){
	green.style.display = "block";
	red.style.display = "none";
} 
function red_up(){
	green.style.display = "none";
	red.style.display = "block";
} 
</script>

[anstab]

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

[MadRabbit]

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

Я помню что сразу после появления, слои стали очень популярны но вкоре отошли на второй план. На сколько я читал, произошло это по причине того что из-за разницы в "понимании" слоев браузерами использовать их было непрактично.

А какого рода информация Вас интересует?

[anstab]

ну, я думаю, постепенно эти "разницы" в понимании постепенно приводутся к общему знаменателю, и все будет работать более менее красиво.
А мне хотелось бы разобраться именно с тем, какие свойства можно задавать слою (кроме его положения на экране ), какие теги применимы к слоям в css и возможные значения этих тегов. Как задавать свойства слоя для различных браузеров и т.д.
Вобще, на самом деле вопросов, касательно ВЭБ-програмирования - КУЧА и слои пока не на первом месте. Просто возникла проблема. Надо было ее решить. И в данном случае слои - были лучшим выходом. Ну раз уж возник вопрос, то хотелось бы знать где в будущем на него можно найти наиболее полный ответ.
Может где есть хороший ресурс поданному вопросу (я имею ввиду "слои")? Я не нашел.

[MadRabbit]

Для любителей "сухой" технической литературы на английском, есть описание CSS2 W3C:

http://www.w3.org/TR/REC-CSS2/

Так-же имеются более-менее "всеохватные" сайты, например:

http://www.htmldog.com/

Ну а в общем всё это напоминает путь к духовному просветлению - надо учиться у мастеров

http://www.meyerweb.com/eric/css/
http://alistapart.com/

и на примерах:

http://www.cssbeauty.com/
http://csszengarden.com/

Надеюсь моя "подборка" окажется полезной.

И ещё, полезно иметь редактор CSS с "дополнением". То-есть когда редактор сам предлагает варианты. Я пользуюсь Macromedia Dreamweaver MX - там неплохой "wizard" и редактор и CSSEdit (это только для Mac-ов) и ещё кто-то говорил о неплохом редакторе CSS для Windows.

Сообщение отредактировал MadRabbit: 10.10.2005, 12:14:14

[anstab]

Да. Не то что бы аглицкий язык был моим родным... Но все равно спасибо. Если сильно приспичит разберусь.

[T. Anre]

Яндекс найдет все

[anstab]

А! Понял! Здесь определющее слово "спецификация"(!) Да, есть интересные ссылки. Спсибо! Хотя все что нужно по ЦСС-у уже нашел. Нов се равно спасибо. Пригодится!