JerexMedlem sedan dec. 20046 inlägg Hejsan, jag är ganska nybörjare när det gäller HTML kåder så jag skulle undra om jag kunde få lite hjälp här.
Jag skulle villja ha en ruta så här:
http://www.webdesignskolan.com/html/iframe/exempel_transparent2.htm
Och då ska jag använda den här kåden, enligt sidan:
<BODY>
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle">
<iframe src="iframe-sidan.htm" name="iframe" width="300" height="300" scrolling="auto" frameborder="0" allowtransparency="true"></iframe>
</td>
</tr>
</table>
</BODY>
MEN! Var och hur skriver jag in kåden för den bilden där rutan ska vara i?
frankofMedlem sedan jan. 20016 874 inlägg "knyck" båda sidorna då ;)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Dreamweaverskolan, IFRAME i tabell</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(iframe_bakgrund2.jpg);
background-repeat: no-repeat;
background-position: center center;
}
-->
</style>
</head>
<body>
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle"><iframe src="iframe-text_transparent2.htm" width="300" height="300" scrolling="auto" frameborder="0" allowtransparency="true"></iframe> </td>
</tr>
</table>
</body>
</html>
Och innehållet i iframen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>iframe-text</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="iframemall.css" rel="stylesheet" type="text/css">
</head>
<body style="background-color:transparent">
<p>I det här exemplet är IFRAME <strong>centrerad </strong>på
sidan <strong>både vertikalt och horisontellt</strong>. Det är gjort
genom att lägga IFRAME i en tabell där det angivits att <strong>bredd
och höjd på tabellen </strong>ska vara<strong> 100%</strong> och
<strong>cellens </strong>innehåll ska vara <strong>centrerat</strong>:</p>
<p><font color="#004080"><body><br>
<strong><table width="100%" height="100%" border="0"></strong><br>
<tr><br>
<strong><td align="center" valign="middle"><br>
</strong></font><font color="#004080"><font color="#0066CC"><iframe src="iframe-text.htm"
width="300" height="300" scrolling="auto" frameborder="0"
allowtransparency="true"></iframe><br>
</font></td><br>
</tr><br>
</table></font></p>
<p>Det här exemplet visar att det då går att anpassa en ram över
en bakgrundsbild <strong>utan att behöva dela upp bakgrundsbilden</strong>
som i traditionella ramar/frames. För att bakgrundsbilden också ska
vara centrerad och aldrig upprepas i bredd- eller höjdled används
<strong>CSS</strong> för att ge bakgrundsbilden egenskaperna <font color="#004080"><strong>no-repeat</strong></font>
och <font color="#004080"><strong>position: center</strong></font>.<font color="#004080"><strong>
</strong></font>Exemplet nedan visar koden för denna sida:</p>
<p><br>
<font color="#004080"><head><br>
<style type="text/css"><br>
<!--<br>
body {<br>
<strong>background-image: url(bakgrund.jpg);<br>
background-repeat: no-repeat;<br>
background-position: center center;</strong><br>
}<br>
--><br>
</style><br>
</head></font></p>
<p> </p>
<p>...och slutligen lite brödtext för att fylla ut IFRAME så att
du får scrolla i den:</p>
<p>En IFRAME (Inline Floating Frames) är en ram som är oberoende av
webläsarens fönster avseende storlek och placering. Ett vanligt frameset
består ju av två eller flera ramar som storleksmässigt anges
i pixlar, procent eller andel förhållande till fönsterstorleken.
<a href="../frames/frameindex.htm">Läs mer om Frames/Ramar här »</a>.
En IFRAME placeras i ett dokument men visar liksom Frames/Ramar innehållet
i ett annat källdokument. Den sida som ska visas i IFRAME är alltså
en annan HTML-sida som du förberett och sparat tidigare.</p>
<p>IFRAME kan placeras <strong>överlappande</strong> och kan ha även
ha en <strong>transparent bakgrund</strong>. OBS! Även om IFRAME är
standard från och med HTML 4 (<a href="http://www.w3.org" target="_blank">läs
mer på [url]www.w3c.org[/url]</a>) så är stödet begränsat i
andra webläsare än Internet Explorer. Överlappande IFRAME använder
attributet <font color="#004080"><strong>z-index</strong></font> vilket stöds
av IE 4 när det gäller Lager (layers). Z-index för IFRAME
stöds däremot bara av <strong>IE 5.5 och senare versioner</strong>.
Om webläsaren inte stöder IFRAME visas inget innehåll alls!</p>
</body>
</html>
Den första kan du döpa till vad du vill, den andra döper du till "iframe-text_transparent2.htm" eller ändrar till något mera lämpligt ;)
JerexMedlem sedan dec. 20046 inlägg Ok. Allt ät helt rörigt nu. Hur placerar jag båda kåderna, (de du nämnde) ihopp? Bilden till bakrunden hoss mig är "!!!!!!.JPG", var placerar jag detta?
Ursäkta min okunnighet.
Alpha IIMedlem sedan maj 20002 993 inlägg
Ursäkta min okunnighet.
Kod stavas med ett "o". Nu är ursäktad ;)
dectgapMedlem sedan sep. 20021 655 inlägg
Alpha II skrev:
Nu är ursäktad ;)
Satser brukar ha subjekt.
Jerex skrev:
Ok. Allt ät helt rörigt nu. Hur placerar jag båda kåderna, (de du nämnde) ihopp? Bilden till bakrunden hoss mig är "!!!!!!.JPG", var placerar jag detta?
Spara de två HTML-filerna och bilden i samma mapp.
Byt ut iframe_bakgrund2.jpg till namnet på den bild du vill ha som bakgrund (!!!!!!.JPG).
JerexMedlem sedan dec. 20046 inlägg Hur sätter jag ihopp båda koderna? efter varandra bara?
icaaqMedlem sedan okt. 20005 273 inlägg
dectgap skrev:
Spara de två HTML-filerna och bilden i samma mapp.Byt ut iframe_bakgrund2.jpg till namnet på den bild du vill ha som bakgrund (!!!!!!.JPG).
Mer behöver du inte göra :)
mv icaaq
frankofMedlem sedan jan. 20016 874 inlägg
Jerex skrev:
Hur sätter jag ihopp båda koderna? efter varandra bara?
öppna notepad med ett tomt dokument, klistra in den första kodbiten, spara filen som t.ex. "index.html".
Gör samma med den andra kodsnutten, och spara som "iframe-text_transparent2.htm"
Sedan gör du som "AlphaII" skriver.
JerexMedlem sedan dec. 20046 inlägg Så här ser min kod ut just nu:
<BODY>
<table width="100%" height="100%" border="0">
<tr>
<td align="left" valign="middle">
<iframe src="!!!!!!.JPG" name="iframe" width="750" height="600" scrolling="auto" frameborder="0" allowtransparency="true"></iframe>
</td>
</tr>
</table>
</BODY>
MEN! Hur gör jag för att skriva rakt på bilden?
frankofMedlem sedan jan. 20016 874 inlägg Ok, vi provar igen, ta denna koden och gör en sida som heter "index.html", det är här du "sätter upp" iframen och bakgrundsbilden.
<html>
<head>
<title>Dreamweaverskolan, IFRAME i tabell</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
background-image: url(!!!!!!.JPG);
background-repeat: no-repeat;
background-position: center center;
}
-->
</style>
</head>
<body>
<table width="100%" height="100%" border="0">
<tr>
<td align="center" valign="middle"><iframe src="iframe.html" width="300" height="300" scrolling="auto" frameborder="0" allowtransparency="true"></iframe> </td>
</tr>
</table>
</body>
</html>
Så tar du detta och gör ett nytt html-dokument, och döper den till "iframe.html", det är här du gör texten.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>iframe-text</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body style="background-color:transparent">
<p> din text här </p>
</body>
</html>
Spara alla filer i samma mapp, du skall nu ha tre(3) filer i den mappen(index.html, iframe.html och !!!!!!.JPG)
Öppna nu index.html i din favoritwebläsare och "beundra" resultatet ;)
JerexMedlem sedan dec. 20046 inlägg Allting fungerer utmärkt när jag klickar på filerna, men efter att jag skickat in dem med pfp program så visar det inget på hemsidan.
JerexMedlem sedan dec. 20046 inlägg Sen så har jag redan en fil med namn Index.
Jag har ett liknande problem funkar fint att få genomskinligt i en iframe men försökte sedan att få genomskinligt i en iframe med frames. Detta funkade bra i Mozilla Firefox och netscape men inte i ie vet nån varför?
frankofMedlem sedan jan. 20016 874 inlägg
moss king skrev:
Detta funkade bra i Mozilla Firefox och netscape men inte i ie vet nån varför?
IE är korkad?
IE är känd för att ha sämre stöd för det mesta, varför det är så i ditt fall vet jag inte, säkert någon som har stenkoll som kan svara på det(http://www.alistapart.com/ http://www.blooberry.com/ osv...)
