Avatar billede pingvinen Nybegynder
29. januar 2003 - 23:38 Der er 12 kommentarer og
1 løsning

problem med at få billede i bund af frame

Jeg har lavet en index.htm -fil som "loader" to andre htm-filer (et.htm, og to.htm).
Hvert frame indeholder halvdelen af et billede, som jeg ønsker sat sammen.
Mit problem er at jeg ikke kan få det øverste billede til at være nederst i dens frame, så det bliver sat sammen med det andet billede i toppen af nederste frame.
Det er en betingelse at størrelsen på henholdsvis frames og billeder ikke må ændres...
Billedet skal således placeres nederst i øverste frame (et.htm)

Jeg har haft gjort det i et andet dokument, men kan ikke finde ud af hvordan :-(

Se mit nuværende problem her:
http://pingvin.adsl.dk/frame/

index.htm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Untitled Document</title>
</head>

<frameset rows="133,*" cols="*" framespacing="0" frameborder="no" border="0" bordercolor="#00CC00">
  <frame src="et.htm" name="topFrame" frameborder="no" scrolling="NO" noresize marginwidth="0" marginheight="0" >
  <frame src="to.htm" name="mainFrame" frameborder="no" scrolling="no" noresize marginwidth="0" marginheight="0">
</frameset>
<noframes><body>

</body></noframes>
</html>

et.htm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#000099" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="left">
  <p align="right"><img src="et.gif" width="283" height="115" align="bottom"></p>
  </div>
</body>
</html>

to.htm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#CC0000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="right"><img src="to.gif" width="283" height="97" align="top">
</div>
</body>
</html>
Avatar billede jpv Nybegynder
30. januar 2003 - 00:06 #1
<div id="1" style="position:absolute;
top:23;
left:142;
height:200;
width:197;
background-color:;
z-index:1">

</div>

prøv at rette i top og left
Avatar billede bearhugx Nybegynder
30. januar 2003 - 00:06 #2
evt. lad være med at sætte billedet i et.htm ind i <p> blok - der tvinger du jo "nyt afsnit" == mellemrum...

evt. udskift det med span

dvs.
<body bgcolor="#000099" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div align="left">
  <span align="right"><img src="et.gif" width="283" height="115" align="bottom"></span>
  </div>
</body>
Avatar billede bearhugx Nybegynder
30. januar 2003 - 00:11 #3
fik det til at virke ...

udskift et.htm med dette :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#000099" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" style="margin:0px;" cellspacing="0" cellpadding="0">
    <tr valign="bottom" >
        <td align="right"><img src="et.gif" width="283" height="115" align="bottom"></td>
    </tr>
</table>
</body>
</html>
Avatar billede bearhugx Nybegynder
30. januar 2003 - 00:14 #4
se evt. http://www.the-source.dk/eksperten/311281/index.htm - for at se koden "in action"

/Søren Munk Skrøder
Avatar billede esben85 Nybegynder
30. januar 2003 - 00:17 #5
skriv i div tag'et i et.htm: style="margin-top: 18px;"
Avatar billede sukos Juniormester
30. januar 2003 - 02:33 #6
hmm, prøv osse at smide padding og spacing ind:

<frame src="et.htm" name="topFrame" frameborder="no" border="0" framspacing="0" framepadding="0" scrolling="NO" noresize>

Men nu laver du jo et row som er større end billedet er højt, så ville jeg nok lave en gennemsigtig gif (spacer.gif) på 1x1 pixel, og gøre så'n:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#000099" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src="spacer.gif" width="100" height="118" border="0"><br>
<img src="et.gif" width="283" height="115">
</body>
</html>
Avatar billede sukos Juniormester
30. januar 2003 - 02:34 #7
æhm, spacer.gif blev vist lidt høj! :O)
Avatar billede bearhugx Nybegynder
30. januar 2003 - 21:18 #8
pingvinen >> kunne du bruge mit forslag ???
Avatar billede pingvinen Nybegynder
30. januar 2003 - 21:24 #9
bearhigx >> ja, det virker... Ihvertfald her på min pc. Så må vi se om jeg kan løse problemet på den mac hvor jeg sidder med samme type problem på skolen :-)
Avatar billede pingvinen Nybegynder
30. januar 2003 - 21:48 #10
sorry; bearhugx :-)
Avatar billede bearhugx Nybegynder
30. januar 2003 - 22:09 #11
pingvin >> der er skam ikke noget at undskylde for ... Spørgsmålet er ikke engang 1 døgn gammelt, hvis du evt. skulle tænke, at det er trukket i langdrag... Jeg har da oplevet "mere grelle" tilfælde, bl.a. et, hvor stilleren af spørgsmålet ikke kom med et indlæg før 13 dage efter han havde oprettet det -- og da nævnte han, at han havde stillet et forkert spørgsmål i forhold til, hvad han gerne ville have løst.....

Angåënde mit svar, så håber jeg da, at du kan få det til at virke på din mac ... Er det også IE på mac'en (evt. version) ?
Avatar billede pingvinen Nybegynder
30. januar 2003 - 22:22 #12
bearhugx >> jeg skrev nu sorry fordi jeg havde stavet dit navn forkert
først :-)
Ang. min mac: Ja, det er IE, men jeg kan ikke huske hvilken version.
Den "rigtige" side ser lidt anderledes ud, (problemstillingen er dog den samme, men jeg kan ikke uploade fra skolen og vise det) men jeg prøvede at kopiere dit svar ind og det ville ikke virke. Men her på min pc vil det.
Så jeg tror jeg vil prøve at finde en pc og se den på, for jeg ved at der sommetider er meget stor forskel på hvad en pc-IE browser viser og det en Mac-IE browser viser. Mac'er kan vise noget der er helt hen i vejret :-)
Men endnu en gang tak for dit svar.. Det du egentlig gjorde var at sætte en tabel ind, ikke? Jeg er ikke så stiv i HTML, da jeg mest bruger editor (dreamweaver). Men jeg kan da de mest simple koder :-)
Avatar billede bearhugx Nybegynder
31. januar 2003 - 00:54 #13
jo . der er sat en tabel ind, og deri er en celle, hvor øverste halvdel af billedet er - og her er det så justeret i forhold til bundlinien - Ved at have det i en tabel kan man nemlig have tekst på samme linie, som ikke nødvendigvis behøver at være højrestillet ligesom billedet (man kan sætte text-align individuelt for hver celle) .. Det er bl.a. det, som er gjort ¨på min hjemmeside. (både i et.htm og to.htm :-))

/Søren
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