Jag skulle vilja ha så att man slipper ha position: absolute; på allt typ. Alltså om jag lägger själva rutan som texten visas i osv i en tabel så behöver jag inte position och left osv. men med scrolling listen går det inge vidare. Den lägger sig under text ruten och skevar till sig mycket. Nån som vet hur jag kan göra för at få text rutan och scrolling listen att alltid ligga på samma ställe på skärmen (i en egen td typ) så att det inte spelar nån roll vilken uplösning man har på skärmen? Testa med overflow:auto eller overflow:scroll. Jag tänkte liksom såhär typ. Men det skevar till sig skit mycket om man gör så. Alltså jag vill lägga Alla bitar i td:s istället så att dom alltid är på samma ställe på skärmen även om man har 1024x768 eller 800x648 eller va det är för upplösningar. Har du provat med relative positionering? Jag har själv suttit o klurat lite på det och lyckats. Min dator pajade typ nyss så jag har inte mina grejer på datorn än. Han bränna ut allt men inte lagt in det men ska göra det nu nån dag. SÅ får jag väll se om det funkar :D ouch!? Hehe själv lyckades jag spara allt av värde. Hela explorer och internet osv kraschade. Gick inte att fixa utan att instalera om OP men jag koplade i en brännare och brände det nödvändigaste :DEgen scrollning igen :(
<style type="text/css">
<!--
#divScrollBody { position:absolute; overflow:hidden; z-index:1; left:190px; top:162px; width:607px;
height:214px; clip: rect(0 607 214 0); border: #000000; border-style: dotted;
border-top-width: 0; border-right-width: 0; border-bottom-width: 0;
border-left-width: 0; }
#divScrollContent { position:absolute; left:1px; top:0px; width:607px; }
#divScrollVBg { position:absolute; left:800px; top:180px; width:10px; height:179px; z-index:2;
background-image: url(bilder/scroll/bg_v.gif);
layer-background-image: url(bilder/scroll/bg_v.gif); clip: rect(0 10 179 0); }
#divScrollUp { position:absolute; left:800px; top:165px; width:10px; height:10px; z-index:2;
clip: rect(0 10 10 0); background-image: url(bilder/scroll/up.gif);
layer-background-image: url(bilder/scroll/up.gif); }
#divScrollDown { position:absolute; left:800px; top:364px; width:10px; height:10px; z-index:2;
background-image: url(bilder/scroll/down.gif);
layer-background-image: url(bilder/scroll/down.gif); clip: rect(0 10 10 0); }
#divScrollV { position:absolute; left:354px; top:335px; width:10px; height:20px; z-index:3;
cursor: hand; background-image: url(bilder/scroll/scroll_v.gif);
layer-background-image: url(bilder/scroll/scroll_v.gif); clip: rect(0 10 20 0); }
-->
</style>
<script type="text/javascript" language="JavaScript" src="Jscripts/scroll_set.js"></script>
<script type="text/javascript" language="JavaScript">
<!--
var objScroll=new Array();
function Init(){
objScroll[0]=new make_scroll_set('divScrollV', 'divScrollUp', 'divScrollVBg', 'divScrollDown', 'divScrollBody', 'divScrollContent', 0, 0, 0, 0)
if(document.layers){
document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN | Event.MOUSEUP)
}
document.onmousemove=mouse_move;
document.onmousedown=mouse_down;
document.onmouseup=mouse_up;
}
//-->
</script>
</head>
<body background="bilder/bg.gif" leftmargin="0" rightmargin="0" topmargin="0" onload="Init();">
<DIV align="center">
<table width="639" height="" cellpadding="0" cellspacing="0">
<tr>
<td colspan="10" background="bilder/Loggo.gif" width="639" height="132">
</tr>
<tr>
<td background="bilder/left.gif" width="8" height="18">
<td background="bilder/Start.gif" onmouseover="this.background='bilder/start_over.gif';" onmouseout="this.background='bilder/start.gif';" onclick="this.background='bilder/start_onclick.gif'; javascript:location.href='start.asp';" style="cursor : Hand" width="249" height="18">
<td background="bilder/news.gif" onmouseover="this.background='bilder/news_over.gif';" onmouseout="this.background='bilder/news.gif';" onclick="this.background='bilder/news_onclick.gif'; javascript:location.href='news.asp';" style="cursor : Hand" width="40" height="18">
<td background="bilder/members.gif" onmouseover="this.background='bilder/members_over.gif';" onmouseout="this.background='bilder/members.gif';" onclick="this.background='bilder/members_onclick.gif'; javascript:location.href='members.asp';" style="cursor : Hand" width="56" height="18">
<td background="bilder/info.gif" onmouseover="this.background='bilder/info_over.gif';" onmouseout="this.background='bilder/info.gif';" onclick="this.background='bilder/info_onclick.gif'; javascript:location.href='info.asp';" style="cursor : Hand" width="35" height="18">
<td background="bilder/guestbook.gif" onmouseover="this.background='bilder/guestbook_over.gif';" onmouseout="this.background='bilder/guestbook.gif';" onclick="this.background='bilder/guestbook_onclick.gif'; javascript:location.href='guestbook.asp';" style="cursor : Hand" width="64" height="18">
<td background="bilder/members_area.gif" onmouseover="this.background='bilder/members_area_over.gif';" onmouseout="this.background='bilder/members_area.gif';" onclick="this.background='bilder/members_area_onclick.gif'; javascript:location.href='members_area.asp';" style="cursor : Hand" width="77" height="18">
<td background="bilder/warlog.gif" onmouseover="this.background='bilder/warlog_over.gif';" onmouseout="this.background='bilder/warlog.gif';" onclick="this.background='bilder/warlog_onclick.gif'; javascript:location.href='warlog.asp';" style="cursor : Hand" width="50" height="18">
<td background="bilder/history.gif" onmouseover="this.background='bilder/history_over.gif';" onmouseout="this.background='bilder/history.gif';" onclick="this.background='bilder/history_onclick.gif'; javascript:location.href='history.asp';" style="cursor : Hand" width="51" height="18">
<td background="bilder/right.gif" width="9" height="18">
</tr>
<tr>
<td colspan="10" background="bilder/boarder_top.gif" width="369" height="4">
</tr>
<tr>
<td colspan="10" background="bilder/frame.gif" width="639" height="222">
<div id="divScrollBody">
<div id="divScrollContent">
texten här!
</div>
</div>
<div id="divScrollUp" style="cursor: hand;"></div>
<div id="divScrollVBg"></div>
<div id="divScrollDown" style="cursor: hand;"></div>
<div id="divScrollV" style="cursor: hand;"></div>
</tr>
</table>Sv: Egen scrollning igen :(
"Auto" lägger till en scroll om det behövs och "Scroll"
visar den hela tiden.Sv: Egen scrollning igen :(
<style type="text/css">
<!--
#divScrollBody {overflow:hidden; z-index:1; width:607px;
height:214px; clip: rect(0 607 214 0); border: #000000; border-style: dotted;
border-top-width: 0; border-right-width: 0; border-bottom-width: 0;
border-left-width: 0; }
#divScrollContent {width:607px; }
#divScrollVBg {width:10px; height:179px; z-index:2;
background-image: url(bilder/scroll/bg_v.gif);
layer-background-image: url(bilder/scroll/bg_v.gif); clip: rect(0 10 179 0); }
#divScrollUp {width:10px; height:10px; z-index:2;
clip: rect(0 10 10 0); background-image: url(bilder/scroll/up.gif);
layer-background-image: url(bilder/scroll/up.gif); }
#divScrollDown { width:10px; height:10px; z-index:2;
background-image: url(bilder/scroll/down.gif);
layer-background-image: url(bilder/scroll/down.gif); clip: rect(0 10 10 0); }
#divScrollV { position:absolute; left:354px; top:335px; width:10px; height:20px; z-index:3;
cursor: hand; background-image: url(bilder/scroll/scroll_v.gif);
layer-background-image: url(bilder/scroll/scroll_v.gif); clip: rect(0 10 20 0); }
-->
</style>
<script type="text/javascript" language="JavaScript" src="Jscripts/scroll_set.js"></script>
<script type="text/javascript" language="JavaScript">
<!--
var objScroll=new Array();
function Init(){
objScroll[0]=new make_scroll_set('divScrollV', 'divScrollUp', 'divScrollVBg', 'divScrollDown', 'divScrollBody', 'divScrollContent', 0, 0, 0, 0)
if(document.layers){
document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN | Event.MOUSEUP)
}
document.onmousemove=mouse_move;
document.onmousedown=mouse_down;
document.onmouseup=mouse_up;
}
//-->
</script>
</head>
<body background="bilder/bg.gif" leftmargin="0" rightmargin="0" topmargin="0" onload="Init();">
<DIV align="center">
<table width="639" height="" cellpadding="0" cellspacing="0">
<tr>
<td colspan="10" background="bilder/Loggo.gif" width="639" height="132">
</tr>
<tr>
<td background="bilder/left.gif" width="8" height="18">
<td background="bilder/Start.gif" onmouseover="this.background='bilder/start_over.gif';" onmouseout="this.background='bilder/start.gif';" onclick="this.background='bilder/start_onclick.gif'; javascript:location.href='start.asp';" style="cursor : Hand" width="249" height="18">
<td background="bilder/news.gif" onmouseover="this.background='bilder/news_over.gif';" onmouseout="this.background='bilder/news.gif';" onclick="this.background='bilder/news_onclick.gif'; javascript:location.href='news.asp';" style="cursor : Hand" width="40" height="18">
<td background="bilder/members.gif" onmouseover="this.background='bilder/members_over.gif';" onmouseout="this.background='bilder/members.gif';" onclick="this.background='bilder/members_onclick.gif'; javascript:location.href='members.asp';" style="cursor : Hand" width="56" height="18">
<td background="bilder/info.gif" onmouseover="this.background='bilder/info_over.gif';" onmouseout="this.background='bilder/info.gif';" onclick="this.background='bilder/info_onclick.gif'; javascript:location.href='info.asp';" style="cursor : Hand" width="35" height="18">
<td background="bilder/guestbook.gif" onmouseover="this.background='bilder/guestbook_over.gif';" onmouseout="this.background='bilder/guestbook.gif';" onclick="this.background='bilder/guestbook_onclick.gif'; javascript:location.href='guestbook.asp';" style="cursor : Hand" width="64" height="18">
<td background="bilder/members_area.gif" onmouseover="this.background='bilder/members_area_over.gif';" onmouseout="this.background='bilder/members_area.gif';" onclick="this.background='bilder/members_area_onclick.gif'; javascript:location.href='members_area.asp';" style="cursor : Hand" width="77" height="18">
<td background="bilder/warlog.gif" onmouseover="this.background='bilder/warlog_over.gif';" onmouseout="this.background='bilder/warlog.gif';" onclick="this.background='bilder/warlog_onclick.gif'; javascript:location.href='warlog.asp';" style="cursor : Hand" width="50" height="18">
<td background="bilder/history.gif" onmouseover="this.background='bilder/history_over.gif';" onmouseout="this.background='bilder/history.gif';" onclick="this.background='bilder/history_onclick.gif'; javascript:location.href='history.asp';" style="cursor : Hand" width="51" height="18">
<td background="bilder/right.gif" width="9" height="18">
</tr>
<tr>
<td colspan="10" background="bilder/boarder_top.gif" width="369" height="4">
</tr>
<tr>
<td colspan="10" background="bilder/frame.gif" width="639" height="222">
<table>
<tr>
<td rowspan="3">
<div id="divScrollBody">
<div id="divScrollContent">
texten här!
</div>
</div>
<td>
<div id="divScrollUp" style="cursor: hand;"></div>
<td>
<div id="divScrollVBg"></div>
<div id="divScrollV" style="cursor: hand;"></div>
<td>
<div id="divScrollDown" style="cursor: hand;"></div>
</tr>
</table>
</tr>
</table>Sv: Egen scrollning igen :(
Problemet jag råkade ut för är när man ändrar storleken så hänger inte lagerna med, men det löste jag med:
<code>
onResize="self.location.reload()"
</code>
Om du inte lyckas finns hela lösningen på http://www.sorl.seSv: Egen scrollning igen :(
Sv: Egen scrollning igen :(
HD krasch, sånt vill man inte råka ut för... gjorde det för året och hade inte hunnit spara allt... gissa om man blev knäckt!?
Det har gått ett år och jag har fortfarande inte hämtat mig från den traumatiska incidenten hehe ;o)Sv: Egen scrollning igen :(