har ett frameset här va, i tex leftfram.html vill jag har en typ 2x2pix bild ligga längst till höger längs med hela framen som liksom ska reteata sig själv så att den laddas lite snabbare än en prickad linje, som det är tanken att det ska bli..
samma på topframe.html fast längs med botten.
hur gör man?
bilder repeterande i frames i from av linjer osv..
7 svar · 259 visningar · startad av sund
Välkommen till WF!
Menar du något liknande?
<body style="margin:0;padding:0;">
<div style="position:absolute;top:0;left:100%;margin-left:-2px;width:2px;height:100%;background-image: url(pix.gif);background-repeat: repeat-y;"> </div>
Jesper T
Varför inte bestämma bakgrund för body direkt? Vad är syftet med en <div>?
T ex:
<body style="background: url('bg.gif') top right repeat-y">
japp, det är för sidoframen, men topframen är kvar, jag får det inte att funka, även om jag byter y till x såklart ;)
btw, hur positionerar man en bild i en frame utan att använda sig utan pixlars postioner? så att skiten inte hamnar snett när nån nöt med 800*600 glider in på sidan?
aligns funkar inte för mig :(
prickarna hamnar högst upp i framen dock i x pos, men jag vill kunna flytta ned dom länst ned i framen.. utan att ändra på top:0
, bottom:0 funkar inte, eller är jag sämst kanske? :)
Hmm...
Nu skriver du inte var du vill ha rullningslister... Men om det bara är i "main" det är intressant med rullning ("scrolling") så skulle du kunna lägga "prickarna" i varsin egen frame mellan de du egentligen vill ha...
på så sätt slipper du konstra med positioneringar av bakgrunder i de filer som skall in i ramarna...
Exempel på vad jag menar:
- Skapa en tom sida med en fullständigt repeterande bakgrundsbild (dvs utan att fundera över positioneringar eller x/y-repeteringar) t.ex. såhär:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" />
<style type="text/css">
<!--
body {background-image:url(enbildsomblirprickar.gif); }
-->
</style>
</head>
<body>&nbsp;</body>
</html>
- Skriv om ditt frameset så att den webbsidan läggs emellan dina nuvarande "left", "top" och "main" t.ex. såhär:
<html>
<head>
<title>Frameset med bildkanter</title>
</head>
<frameset cols="200,2,*" ... >
<frame src="meny.html" name="leftframe" ... >
<frame src="sidamedrepeterandebild.html" name="ettstreck" ... >
<frameset rows="80,2,*" ... >
<frame src="tomsida.html" name="topframe" ... >
<frame src="sidamedrepeterandebild.html" name="ettstrecktill" ... >
<frame src="lipsum.html" name="mainframe" ... >
</frameset>
</frameset>
</html>
På det här sättet utnyttjar du antagligen också cachen optimalt eftersom "prickarna" aldrig laddas om (om du nu inte laddar om hela framesetet förståss ;) )
Testa koden här: http://member.webforum.nu/2241/framesetkanter.html
Och du: Välkommen till webForum som sagt ;)
det var så jag menade, fast utan scrollen då..
tackar så mycke :)
dectgap skrev:
Jesper T
Varför inte bestämma bakgrund för body direkt? Vad är syftet med en <div>?
Visste inte att "top right" fanns.
Det var ju smidigt.