Avatar billede mads1987 Nybegynder
02. april 2004 - 21:46 Der er 48 kommentarer og
2 løsninger

Billede langs kanten

Hej eksperter.
Jeg har haft et problem igennem lang tid, og har ikke rigtig formået at løse mig ud af det selv.

Problemet består i at få nogle billeder til at flugte langs browserens vindue. Lige meget hvad opløsningen er.
Foreløbig har jeg lavet foreløbig lavet dette:
http://druk.dk/eksperten/

og det jeg ønsker er at bund billedet, og billedet til venstre til at gå helt ned til bunden af siden. Altså sådan:
http://druk.dk/eksperten/01.jpg
Det er så planen at højre og venstre halvdel skal ligge i en iframe.

Jeg har haft store problemer med dette, da folks opløsninger jo er forskellige.

Nogen der kan give mig et hint, eller et stykke kode?
Avatar billede steen_hansen Forsker
02. april 2004 - 21:50 #1
Hvis jeg forstår dig korrekt, så ønsker du at lave en tabel, der er 100% i højden, hvori du kan benytte din baggrund som grafik?
Avatar billede mads1987 Nybegynder
02. april 2004 - 21:55 #2
Ja på sin vis, det er bare vigtigt at der ikke bliver strukket i det hele.
Avatar billede steen_hansen Forsker
02. april 2004 - 21:55 #3
Omvendt: Du vil kunne benytte din grafik som baggrund i den celle, der er 100% i højden?
Avatar billede steen_hansen Forsker
02. april 2004 - 22:00 #4
Noget á la dette?

<div align="center">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" Style="width: 100%; height: 100%;">
        <tr>
            <td style="width: 50px; background-image: url('/images/background.gif')" rowspan="2"></td>
            <td></td>
        </tr>
        <tr>
            <td></td>
        </tr>
    </table>
    </center>
</div>

- hvor din background.gif f.eks. er 50 pixels i bredden, og 1 pixel i højden?
Avatar billede mads1987 Nybegynder
02. april 2004 - 22:01 #5
Ja sådan kan man vel formulere det. Det er hvertfald en start, at få det til at se anderledes ud end sådan her: http://druk.dk/eksperten/index1 , hvor det kører rundt når man trækker i vinduet.

Bagefter har jeg nogen spørgsmål omkring hvad jeg gør med teksten, men det vender jeg tilbage til.
Avatar billede steen_hansen Forsker
02. april 2004 - 22:04 #6
Hvad er det du mener, der kører rundt, når man trækker i vinduet?
Avatar billede mads1987 Nybegynder
02. april 2004 - 22:07 #7
Så kommer det imidlertid til at se sådan ud: http://druk.dk/eksperten/prove
Avatar billede steen_hansen Forsker
02. april 2004 - 22:20 #8
Jeg kan se du bruger W3C, men du mangler linket.

I og med du giver dine celler en fast bredde i pixels, vil du altid få en vandret/lodret scrollbar frem, hvis du gør vinduet mindre, og den del af cellen, som ikke kan være i vinduet, skal du naturligvis scrolle ned/hen til.

Prøv lige at give dine baggrunde den nøjagtige stiangivelse i dette:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Min hjemmeside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
.content {
height: 100%; border: 0px
}
</style>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" class="content">
    <tr>
        <td style="height: 45px; background-image: url('top.jpg')" colspan="2" valign="top">&nbsp;</td>
    </tr>
    <tr>
        <td  style="width: 225px; height: 356px; background-image: url('bund.jpg')" valign="top">&nbsp;</td>
        <td style="width: 655px;">&nbsp;</td>
    </tr>
    <tr>
        <td style="height: 28px; background-image: url('img-main-tb-bund.jpg')" colspan="2" valign="top">&nbsp;</td>
    </tr>
</table>

</body>

</html>
Avatar billede mads1987 Nybegynder
02. april 2004 - 22:22 #9
Mener du med http osv?
Avatar billede steen_hansen Forsker
02. april 2004 - 22:24 #10
Nej, bare med f.eks.

background-image: url('/images/bund.jpg');"

:o)
Avatar billede mads1987 Nybegynder
02. april 2004 - 22:24 #11
<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" class="content">
    <tr>
        <td style="height: 45px; background-image: url('http://druk.dk/eksperten/top.jpg')" colspan="2" valign="top">&nbsp;</td>
    </tr>
    <tr>
        <td  style="width: 225px; height: 356px; background-image: url('http://druk.dk/eksperten/bund.jpg')" valign="top">&nbsp;</td>
        <td style="width: 655px;">&nbsp;</td>
    </tr>
    <tr>
        <td style="height: 28px; background-image: url('http://druk.dk/eksperten/img-main-tb-bund.jpg')" colspan="2" valign="top">&nbsp;</td>
    </tr>
</table>
Avatar billede mads1987 Nybegynder
02. april 2004 - 22:25 #12
Nåh.. billederne ligger i samme mappe som siderne.
Avatar billede steen_hansen Forsker
02. april 2004 - 22:29 #13
Hm, du har jo også angivet de enkelte celler en bestemt højde i pixels, pånær

<td style="width: 655px;">&nbsp;</td>

Jeg bliver lige nødt til at smutte, men jeg er tilbage inden længe.
Avatar billede steen_hansen Forsker
02. april 2004 - 22:30 #14
Ja, det fandt jeg ud, men nu kan jeg se det i min editor :o)
Avatar billede steen_hansen Forsker
02. april 2004 - 22:33 #15
Problemet er, at du angiver en højde:

        <td style="width: 225px; height: 356px; background-image: url('http://druk.dk/eksperten/bund.jpg')" valign="top">&nbsp;2</td>
        <td style="width: 655px;">&nbsp;3</td>

Prøv at fjerne den, så siden kommer til at se sådan ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Min hjemmeside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
.content {
height: 100%; border: 0px
}
</style>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" class="content">
    <tr>
        <td style="height: 45px; background-image: url('http://druk.dk/eksperten/top.jpg');" colspan="2" valign="top">&nbsp;1</td>
    </tr>
    <tr>
        <td style="width: 225px; background-image: url('http://druk.dk/eksperten/bund.jpg');" valign="top">&nbsp;2</td>
        <td style="width: 655px;">&nbsp;3</td>
    </tr>
    <tr>
        <td style="height: 28px; background-image: url('http://druk.dk/eksperten/img-main-tb-bund.jpg');" colspan="2" valign="top">&nbsp;4</td>
    </tr>
</table>

</body>

</html>
Avatar billede steen_hansen Forsker
02. april 2004 - 22:35 #16
Prøv lige dette (er straks tilbage):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Min hjemmeside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
.content {
height: 100%; border: 0px
}
</style>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" class="content">
    <tr>
        <td style="height: 45px; background-image: url('http://druk.dk/eksperten/top.jpg')" colspan="2" valign="top">&nbsp;1</td>
    </tr>
    <tr>
        <td style="width: 225px; height: 100%; background-image: url('http://druk.dk/eksperten/bund.jpg')" valign="top">&nbsp;2</td>
        <td style="width: 655px; height: 100%; ">&nbsp;3</td>
    </tr>
    <tr>
        <td style="height: 28px; background-image: url('http://druk.dk/eksperten/img-main-tb-bund.jpg')" colspan="2" valign="top">&nbsp;4</td>
    </tr>
</table>

</body>

</html>
Avatar billede steen_hansen Forsker
02. april 2004 - 22:36 #17
Undskyld, sådan:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Min hjemmeside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
.content {
height: 100%; border: 0px
}
</style>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" class="content">
    <tr>
        <td style="height: 45px; background-image: url('http://druk.dk/eksperten/top.jpg')" colspan="2" valign="top">&nbsp;</td>
    </tr>
    <tr>
        <td style="width: 225px; height: 100%; background-image: url('http://druk.dk/eksperten/bund.jpg')" valign="top">&nbsp;</td>
        <td style="width: 655px; height: 100%;">&nbsp;</td>
    </tr>
    <tr>
        <td style="height: 28px; background-image: url('http://druk.dk/eksperten/img-main-tb-bund.jpg')" colspan="2" valign="top">&nbsp;</td>
    </tr>
</table>

</body>

</html>
Avatar billede mads1987 Nybegynder
02. april 2004 - 22:37 #18
Så går den jo helt sammen http://druk.dk/eksperten/prove
Avatar billede roenving Novice
02. april 2004 - 22:38 #19
>>steen_hansen

Du mangler:
html,body{height:100%;}
Avatar billede steen_hansen Forsker
02. april 2004 - 22:41 #20
roenvig har ret. Lyt lige til en ekspert :o)

NU bliver jeg lige nødt til at smutte. Er straks tilbage.
Avatar billede steen_hansen Forsker
02. april 2004 - 22:51 #21
Sådan, roenvig?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Min hjemmeside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
body {
margin: 0px;
padding: 0px;
}
.content {
height: 100%; border: 0px
}
html,body{height:100%;}
</style>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" class="content">
    <tr>
        <td style="height: 45px; background-image: url('http://druk.dk/eksperten/top.jpg');" colspan="2" valign="top">&nbsp;</td>
    </tr>
    <tr>
        <td style="height: 100%; width: 225px; background-image: url('http://druk.dk/eksperten/bund.jpg');" valign="top">&nbsp;</td>
        <td style="height: 100%;">&nbsp;</td>
    </tr>
    <tr>
        <td style="height: 28px; background-image: url('http://druk.dk/eksperten/img-main-tb-bund.jpg');" colspan="2" valign="top">&nbsp;</td>
    </tr>
</table>

</body>

</html>
Avatar billede steen_hansen Forsker
02. april 2004 - 22:59 #22
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Min hjemmeside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
.content {
height: 100%; border: 0px
}
html, body {
height: 100%; margin: 0px; padding: 0px;
}
</style>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%;" class="content">
    <tr>
        <td style="height: 45px; background-image: url('http://druk.dk/eksperten/top.jpg');" colspan="2" valign="top">&nbsp;</td>
    </tr>
    <tr>
        <td style="height: 100%; width: 225px; background-image: url('http://druk.dk/eksperten/bund.jpg');" valign="top">&nbsp;</td>
        <td style="height: 100%;">&nbsp;</td>
    </tr>
    <tr>
        <td style="height: 28px; background-image: url('http://druk.dk/eksperten/img-main-tb-bund.jpg');" colspan="2" valign="top">&nbsp;</td>
    </tr>
</table>

</body>

</html>
Avatar billede steen_hansen Forsker
02. april 2004 - 23:27 #23
Så burde den være der:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>Min hjemmeside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body style="height: 100%; margin: 0px;">

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%;">
    <tr>
        <td valign="top" align="left" colspan="2" style="height: 45px; background-image: url('http://druk.dk/eksperten/top.jpg');">&nbsp;</td>
    </tr>
    <tr>
        <td valign="top" align="left" style="height: 89%; width: 225px; background-image: url('http://druk.dk/eksperten/bund.jpg');">&nbsp;</td>
        <td valign="top" align="left">&nbsp;</td>
    </tr>
    <tr>
        <td valign="top" align="left" colspan="2" style="height: 28px; background-image: url('http://druk.dk/eksperten/img-main-tb-bund.jpg');">&nbsp;</td>
    </tr>
</table>

</body>

</html>
Avatar billede steen_hansen Forsker
02. april 2004 - 23:28 #24
Lige en enkelt rettelse:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>Min hjemmeside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body style="height: 100%; margin: 0px;">

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%;">
    <tr>
        <td valign="top" align="left" colspan="2" style="height: 45px; background-image: url('/eksperten/top.jpg');">&nbsp;</td>
    </tr>
    <tr>
        <td valign="top" align="left" style="height: 89%; width: 225px; background-image: url('/eksperten/bund.jpg');">&nbsp;</td>
        <td valign="top" align="left">&nbsp;</td>
    </tr>
    <tr>
        <td valign="top" align="left" colspan="2" style="height: 28px; background-image: url('/eksperten/img-main-tb-bund.jpg');">&nbsp;</td>
    </tr>
</table>

</body>

</html>
Avatar billede steen_hansen Forsker
02. april 2004 - 23:37 #25
Sludder, jeg legede lidt, men den er ikke rigtig. Kigger lige igen.
Avatar billede steen_hansen Forsker
03. april 2004 - 00:09 #26
Jeg må indrømme, at jeg er gået lidt i stå, men det kan være, at roenvig eller andre kan træde til?

Det sidste jeg er nået frem til, er dette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<title>Min hjemmeside</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body style="height: 100%; margin: 0px; padding: 0px;">

<table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%;">
    <tr>
        <td valign="top" align="left" colspan="2" style="height: 45px; background-image: url('http://druk.dk/eksperten/top.jpg');">&nbsp;</td>
    </tr>
    <tr>
        <td valign="top" align="left" style="height: 100%; width: 225px; background-image: url('http://druk.dk/eksperten/bund.jpg');">&nbsp;</td>
        <td valign="top" align="left">&nbsp;</td>
    </tr>
    <tr>
        <td valign="top" align="left" colspan="2" style="height: 28px; background-image: url('http://druk.dk/eksperten/img-main-tb-bund.jpg');">&nbsp;</td>
    </tr>
</table>

</body>

</html>


Men siden bliver ikke kun 100% i højden, den vertikale scrollbar kommer frem.
Avatar billede mads1987 Nybegynder
03. april 2004 - 14:35 #27
Ja den virker ikke helt optimalt, i kan igen se en lille test her: http://druk.dk/eksperten/prove Hvis nogen ville være så flinke at give en hånd med :)
Avatar billede mads1987 Nybegynder
03. april 2004 - 14:38 #28
Jeg har nu smidt lidt flere point i puljen, da jeg meget gerne vil have løst dette problem.
Avatar billede roenving Novice
03. april 2004 - 14:56 #29
Så er det måske denne slags:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hold top og bund</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style/style.css">
<style type="text/css">
html,body{height:100%;margin:0;padding:0;}
#top{position:absolute;z-index:1;height:45px;width:100%;background:url('http://druk.dk/eksperten/top.jpg') #222;}
#bund{position:absolute;bottom:0px;z-index:1;height:28px;width:100%;background:url('http://druk.dk/eksperten/img-main-tb-bund.jpg') #222;}
#main{position:absolute;z-index:0;top:0px;left:0px;height:100%;width:100%;background:#bb0;}
#content{position:relative;top:0px;padding:45px 5px 28px;background:transparent;}
</style>
<script language="javascript" type="text/javascript">
var x
//tdat.onclick = function anonymous{ alert('virker');};
</script>
</head>
<body>
<div id="top"></div>
<div id="bund"></div>
<div id="main">
<div id="content">Karl-Erik<br>
på<br>
tur
</div>

</body>

</html>
Avatar billede roenving Novice
03. april 2004 - 14:59 #30
-- og der mangler selvfølgelig en </div> mere til sidst, og så vil det nok være smart at sætte overflow:hidden på main-div'en ...

Eventuelt kan man onload aflæse højden på main-div'en og sætte contents højde til dens højde - 73px !-)
Avatar billede mads1987 Nybegynder
03. april 2004 - 15:29 #31
Så er vi straks ude i noget rigtig fornuftigt! Det eneste jeg efterlyser nu, er hvordan jeg så opdeler skærmen i to dele, og lader dem begge være en iframe. Hvis du ville kigge på det os, ville det ganske simpelt være fantastisk.
Avatar billede roenving Novice
03. april 2004 - 15:54 #32
Måske sådan ?-)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hold top og bund</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style/style.css">
<style type="text/css">
html,body{height:100%;margin:0;padding:0;}
#top{position:absolute;z-index:1;height:45px;width:100%;background:url('http://druk.dk/eksperten/top.jpg') #222;}
#bund{position:absolute;bottom:0px;z-index:1;height:28px;width:100%;background:url('http://druk.dk/eksperten/img-main-tb-bund.jpg') #222;}
#main{position:absolute;z-index:0;top:0px;left:0px;height:100%;width:100%;background:#bb0;overflow:hidden;}
#content{position:relative;top:45px;padding:0px;background:transparent;overflow:hidden;}
#menuF{position:relative;top:0px;left:0px;width:250px;height:80%;margin:0;padding:0;border:0;float:left;}
#contentF{height:80%;margin:0;padding:0;border:0;float:left;}
</style>
<script language="javascript" type="text/javascript">
function alignElms(){
  var elms = ['content','menuF','contentF'];

  var main = document.getElementById('main');
  var h = main.offsetHeight - 73;
  var w = main.offsetWidth - 250;
  for(i=0;elms.length>i;i++)elms[i] = document.getElementById(elms[i]);
  elms[0].style.height = h + 'px';
  elms[1].style.height = h + 'px';
  elms[2].style.height = h + 'px';
  elms[2].style.width = w + 'px';
}
</script>
</head>
<body onload="alignElms()">
<div id="top"></div>
<div id="bund"></div>
<div id="main">
<div id="content">
<iframe src="menu.html" name="menuF" id="menuF" allowTransparency></iframe>
<iframe src="indhold.html" name="contentF" id="contentF" allowTransparency></iframe>
</div>
</div>
</body>

</html>
Avatar billede mads1987 Nybegynder
03. april 2004 - 16:56 #33
Ja lige præcis, men hvordan kan det være at iframe 2 forsvinder hvis man ikke har fuldskærm? Og hvor tager det 100 år og hente siden? :)


http://www.druk.dk/eksperten/prove
Avatar billede roenving Novice
03. april 2004 - 17:05 #34
1. Fordi der ikke er en onresize på:

<body onload="alignElms()" onresize="alignElms()">


2. Fordi jeg ikke har fået fjernet linket til eksternt stylesheet, så den forsøger forgæves at finde det ...
Avatar billede roenving Novice
03. april 2004 - 17:06 #35
-- og forøvrigt behøver dine top- og bund-pics ikke at være så store, principielt skal de vel kun være 1px brede og så gentages ?-)
Avatar billede mads1987 Nybegynder
03. april 2004 - 17:38 #36
Det er rigtigt! Nu funger det bare perfekt. Kan jeg bede dig om en sidste ting, at lave en hvor der bare er en enkelt iframe.
Avatar billede roenving Novice
03. april 2004 - 17:44 #37
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Hold top og bund</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/485194">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0;padding:0;}
#top{position:absolute;z-index:1;height:45px;width:100%;background:url('http://druk.dk/eksperten/top.jpg') #222;}
#bund{position:absolute;bottom:0px;z-index:1;height:28px;width:100%;background:url('http://druk.dk/eksperten/img-main-tb-bund.jpg') #222;}
#main{position:absolute;z-index:0;top:0px;left:0px;height:100%;width:100%;background:#bb0;overflow:hidden;}
#content{position:relative;top:45px;padding:0px;background:transparent;overflow:hidden;}
#contentF{height:80%;width:100%;margin:0;padding:0;border:0;overflow:hidden;}
</style>
<script language="javascript" type="text/javascript">
function alignElms(){
  var elms = ['content','contentF'];

  var main = document.getElementById('main');
  var h = main.offsetHeight - 73;
  var w = main.offsetWidth;
  for(i=0;elms.length>i;i++)elms[i] = document.getElementById(elms[i]);
  elms[0].style.height = h + 'px';
  elms[1].style.height = h + 'px';
  elms[1].style.width = w + 'px';
}
</script>
</head>
<body onload="alignElms()" onresize="alignElms()">
<div id="top"></div>
<div id="bund"></div>
<div id="main">
<div id="content">
<iframe src="indhold.html" name="contentF" id="contentF" allowTransparency></iframe>
</div>
</div>
</body>

</html>
Avatar billede mads1987 Nybegynder
03. april 2004 - 17:46 #38
Så blev min Lørdag lige endnu bedre! :-)

Mange tak! Så må du meget gerne svare!
Avatar billede roenving Novice
03. april 2004 - 17:55 #39
Så skal vi vel også lige have steen på banen ?-)

Han prøvede længe ihærdigt, hvor jeg heller ikke kunne se skoven, fordi der stod nogle tabeller i vejen ...

-- men så havde jeg lige et andet spørgsmål, hvor denne type formattering lige pludselig blev indlysende til dit brug, så der er en eller anden fjerdemand, du også skal takke !-)

-- og ellers velbekomme '-)
Avatar billede roenving Novice
03. april 2004 - 17:55 #40
;O)
Avatar billede mads1987 Nybegynder
03. april 2004 - 18:11 #41
Ja steen må vi os have på banen!
Avatar billede steen_hansen Forsker
04. april 2004 - 09:29 #42
mads1987, roenvig, jeg skal ikke have point. Det er udelukkende roenvig's uovertrufne ekspertise, der fik løst problemet :o)

Tak, men ellers tak. Det er roenvigs fortjeneste :o)
Avatar billede roenving Novice
04. april 2004 - 09:36 #43
Hvorfor tror du, jeg kun kom med det indspark om de 100% ?-)

Fordi jeg heller ikke kunne se skoven, så dine forsøg var da absolut så gode, som de, jeg kunne have kommet med på det tidspunkt !-)

-- så på med pilen, Palle !-)
Avatar billede steen_hansen Forsker
04. april 2004 - 09:41 #44
Ok ok! :o)

Jeg lægger et svar, men forventer, at roenvig får hovedparten. Min indsats var kun vand ved siden af. Jeg lærte også en del af dit svar, roenvig. Fedt, at man kan få noget brugbart, når du har været på banen! :o)
Avatar billede steen_hansen Forsker
04. april 2004 - 10:00 #45
roenvig, jeg skal lige høre: Hvad benyttes #222 til?

#top{position:absolute;z-index:1;height:45px;width:100%;background:url('http://druk.dk/eksperten/top.jpg') #222;}

#bund{position:absolute;bottom:0px;z-index:1;height:28px;width:100%;background:url('http://druk.dk/eksperten/img-main-tb-bund.jpg') #222;}

Bare for at være sikker på, at jeg får rigtigt fat i det :o)
Avatar billede roenving Novice
04. april 2004 - 10:27 #46
Det er den baggrundsfarve, som kommer frem indtil billedet er loadet, jeg har bare sat den ind som test under udvikling ...

Normalt vil man ikke bruge den i dette tilfælde, men den er god i tilfælde, hvor man ikke gentager baggrundsbilledet !-)

og #222 er det samme som #222222, hvis du angiver farve med 3 hex-cifre, skal de hver især fordobles:

#1b7 <==> #11bb77
Avatar billede steen_hansen Forsker
04. april 2004 - 11:31 #47
Ok. Så har jeg også lært en del i dag :o)
Avatar billede mads1987 Nybegynder
04. april 2004 - 18:41 #48
Os mig :)
Avatar billede roenving Novice
04. april 2004 - 19:18 #49
-- og tak for points ;~}
Avatar billede steen_hansen Forsker
04. april 2004 - 19:52 #50
Takker også :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester