вот сижу разбираюсь со слоями..
возникла проблема, ЯваСкрипт'ом сделал переключени между слоями (один находится подругим зеленая таблица и красная), но возникла проблема. эти слои должны находить в одной из ячеек основной таблицы(в данном примере желтой). и размеры этой ячейки должны изманяться вместе с размерами таблицы в слое. а у меня получилось что эти слои находятся поврх таблицы, и выходят за ее приделы.
кто подскажет в чем проблема? буду весьма признателен.
<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>  
</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%> </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%> </td>
</tr>
<tr>
<td colspan=3 valign=top bgcolor=green>GREEN </td>
</tr>
</table>
</div>
</td>
</tr>
</tbody>
</table>
Расположение слояположение слоя в аблице
Автор anstab, 06.10.2005, 12:43
#2
Отправлено 06.10.2005, 22:39:09
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>
#4
Отправлено 07.10.2005, 20:20:52
MadRabbit, спасибо! именно такого результата я и хотел.
да, надо сидеть разбираться со стилями . кстати, сколько не рылся в и-нете, про стли слоев мало что нашел.
Я помню что сразу после появления, слои стали очень популярны но вкоре отошли на второй план. На сколько я читал, произошло это по причине того что из-за разницы в "понимании" слоев браузерами использовать их было непрактично.
А какого рода информация Вас интересует?
#5
Отправлено 10.10.2005, 09:29:40
ну, я думаю, постепенно эти "разницы" в понимании постепенно приводутся к общему знаменателю, и все будет работать более менее красиво.
А мне хотелось бы разобраться именно с тем, какие свойства можно задавать слою (кроме его положения на экране ), какие теги применимы к слоям в css и возможные значения этих тегов. Как задавать свойства слоя для различных браузеров и т.д.
Вобще, на самом деле вопросов, касательно ВЭБ-програмирования - КУЧА и слои пока не на первом месте. Просто возникла проблема. Надо было ее решить. И в данном случае слои - были лучшим выходом. Ну раз уж возник вопрос, то хотелось бы знать где в будущем на него можно найти наиболее полный ответ.
Может где есть хороший ресурс поданному вопросу (я имею ввиду "слои")? Я не нашел.
А мне хотелось бы разобраться именно с тем, какие свойства можно задавать слою (кроме его положения на экране ), какие теги применимы к слоям в css и возможные значения этих тегов. Как задавать свойства слоя для различных браузеров и т.д.
Вобще, на самом деле вопросов, касательно ВЭБ-програмирования - КУЧА и слои пока не на первом месте. Просто возникла проблема. Надо было ее решить. И в данном случае слои - были лучшим выходом. Ну раз уж возник вопрос, то хотелось бы знать где в будущем на него можно найти наиболее полный ответ.
Может где есть хороший ресурс поданному вопросу (я имею ввиду "слои")? Я не нашел.
#6
Отправлено 10.10.2005, 12:05:29
Для любителей "сухой" технической литературы на английском, есть описание 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.
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
#8
Отправлено 10.10.2005, 19:22:30
Количество пользователей, читающих эту тему: 1
пользователей: 0, неизвестных прохожих: 1, скрытых пользователей: 0