Placera bilder i en frame

Tråden skapades och har fått 17 svar. Det senaste inlägget skrevs .
1

Jag fortsätter att komma med dumma frågor, så håll i hatten.

Har byggt upp en sida med frames. Har en frame mitt i smeten som ska innehålla menyn. Nu gör jag detta exempel väldigt enkelt, kommer inte göra exakt så här, men förklarar problemet:

Jag har gjort denna frame 751px bred, och 105px hög. Jag har gjort en jpg exakt lika stor. Jag går upp i menyn i Dreamweaver och väljer att placera in bilden i den frame:en. Vad händer? Jo, typ 30 pixlar av bildens nedkant försvinner under framen som ligger nedanför min meny-frame... och OVANFÖR bilden blir det 30 pixlar av ingenting. Frame:ens bakgrundsfärg syns.

Jag har testat sjuttielva olika metoder för att bildjä**n ska passa in sig i den lika stora frame:en, men får det bara att lyckas om jag lägger bilderna (ska ju göra flera bilder av menybilden som jag skapat i photoshop) som bakgrundbild. Och det vill jag ju inte då jag då inte kan göra rollovers eller göra bilden länkbar.

Jag har testat sätta align:s på bilden. Typ:
align="top"
align="left"
align="justify"

Jag blir tokig... hur svårt kan det vara???

Det är alltid x pixlars marginal kring innehållet på en html-sida om man inte specar annat. Testa att lägga in nedanstående mellan <head> och </head> (i det dokument som bilden ligger i).

<style type="text/css">
body {margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px;}
</style>

  • Medlem
  • Karlstad
  • 2006-08-23 17:14

Är det BARA bilden du drar in i framen, eller ligger bilden i en sida som drar in?

Om det är en sida med bilden, så testa TZWs lösning. Den ska vara OK, men om jag får vara löjligt petig om nåt som kanske inte ens spelar nån rill i sammanhanget, så har jag modifierat hans kod till

<style type="text/css">
body, html {margin:0px; padding:0px;}
</style>

Här är adressen för test:
http://www.danieleriksson.nu/crave/

Här är koden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Menu</title>
<style type="text/css">

</style>
<script type="text/JavaScript">

</script>
</head>

<body onLoad="MM_preloadImages('images/menu-foto2.jpg','images/menu-film2.jpg','images/menu-daniel2.jpg','images/menu-gastbok2.jpg')">
<p><img src="images/menu-left.jpg" width="104" height="61" border="0" align="top"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('foto','','images/menu-foto2.jpg',1)"><img src="images/menu-foto1.jpg" name="foto" width="71" height="61" border="0" align="top"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('film','','images/menu-film2.jpg',1)"><img src="images/menu-film1.jpg" name="film" width="96" height="61" border="0" align="top"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('daniel','','images/menu-daniel2.jpg',1)"><img src="images/menu-daniel1.jpg" name="daniel" width="97" height="61" border="0" align="top"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gastbok','','images/menu-gastbok2.jpg',1)"><img src="images/menu-gastbok1.jpg" name="gastbok" width="99" height="61" border="0" align="top"></a><img src="images/menu-right.jpg" width="284" height="61" border="0" align="top"><img src="images/menu-bottom.jpg" width="751" height="44" border="0" align="bottom"></p>
</body>

</html>

Trodde jag redan gjort det sni sa... eller hur menar ni?

Det var lite rörigt. Men det verkar vara i http://www.danieleriksson.nu/crave/top.html som felet ligger. Ta bort <p> och </p> kring blocket med bilder så fungerar det.

Ursprungligen av TZW:

Det var lite rörigt. Men det verkar vara i http://www.danieleriksson.nu/crave/top.html som felet ligger. Ta bort <p> och </p> kring blocket med bilder så fungerar det.

Hjälpte tyvärr inte. Så här ser koden ut nu:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Menu</title>
<style type="text/css">

</style>
<script type="text/JavaScript">

</script>
</head>

<body onLoad="MM_preloadImages('images/menu-foto2.jpg','images/menu-film2.jpg','images/menu-daniel2.jpg','images/menu-gastbok2.jpg')">

<img src="images/menu-left.jpg" width="104" height="61" border="0"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('foto','','images/menu-foto2.jpg',1)">
<img src="images/menu-foto1.jpg" name="foto" width="71" height="61" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('film','','images/menu-film2.jpg',1)">
<img src="images/menu-film1.jpg" name="film" width="96" height="61" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('daniel','','images/menu-daniel2.jpg',1)">
<img src="images/menu-daniel1.jpg" name="daniel" width="97" height="61" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('gastbok','','images/menu-gastbok2.jpg',1)">
<img src="images/menu-gastbok1.jpg" name="gastbok" width="99" height="61" border="0"></a>
<img src="images/menu-right.jpg" width="284" height="61" border="0">
<img src="images/menu-bottom.jpg" width="751" height="44" border="0">
</body>

</html>
Ursprungligen av Daniel Eriksson:

Hjälpte tyvärr inte.

Inte? Går jag till http://www.danieleriksson.nu/crave/top.html nu så ser det bra ut, dvs bilderna ligger mot kanterna.

Ursprungligen av TZW:

Inte? Går jag till http://www.danieleriksson.nu/crave/top.html nu så ser det bra ut, dvs bilderna ligger mot kanterna.

Jä**a refresh.
Du är en klippa, vet inte vad jag skulle göra utan er alla för övrigt.

  • Medlem
  • Mölndal
  • 2006-08-23 19:55

1. Nån speciell anledning till att du valt att använda frames på en nyutvecklad sida? Det anses allmänt vara en något förlegad teknik som bara ställer till en massa bekymmer.

2. För en sida med frames har du fel Doctype. "Transitional" tillåter inte frames, det du ska ha är istället "Frameset".

Senast redigerat 2006-08-23 20:47
Ursprungligen av memark:

1. Nån speciell anledning till att du valt att använda frames på en nyutvecklad sida? Det anses allmänt vara en något förlegad teknik som bara ställer till en massa bekymmer.

2. För en sida med frames har du fel Doctype. "Transitional" tillåter inte frames, det du ska ha är istället "Frameset".

Tack för kommentarerna.

1, anledningen är att det var så jag fick lära mig att göra hemsidor back in the days. Men det var länge sedan o mitt minne sviker mig. Vad rekommenderar du att jag ska använda då? Jag tar emot tips

2. Ska det verkligen vara Frameset i en specifik frame som ligger i framesetet? Koden jag klippte in här är inte från index.html som är framesetet....

  • Medlem
  • Mölndal
  • 2006-08-23 20:49
Ursprungligen av Daniel Eriksson:

1, anledningen är att det var så jag fick lära mig att göra hemsidor back in the days. Men det var länge sedan o mitt minne sviker mig. Vad rekommenderar du att jag ska använda då? Jag tar emot tips

Låt mig vända på frågan. Vilken funktionalitet har du just nu på sidan som du (med nuvarande kunskaper) inte skulle kunna göra utan frames?

Ursprungligen av Daniel Eriksson:

2. Ska det verkligen vara Frameset i en specifik frame som ligger i framesetet? Koden jag klippte in här är inte från index.html som är framesetet....

Nu blir jag osäker. Jag passar på den.

Ursprungligen av memark:

Låt mig vända på frågan. Vilken funktionalitet har du just nu på sidan som du (med nuvarande kunskaper) inte skulle kunna göra utan frames?

Nu blir jag osäker. Jag passar på den.

Well, nu kommer detta kanske låta skrattretande, så försök inte skratta. Men då jag lärde mig lite hemsidande back in the days så använde vi oss av frames för att slippa ladda om allt varje gång man klickade på en länk. I mitt fall en länk som ska öppna ny data i main.php eller main.html (vad jag nu väljer). Vill inte ladda om menyn varje gång jag klickar i menyn för att förändra datat i main...

  • Medlem
  • Mölndal
  • 2006-08-23 21:45

Jag skrattar inte, jag förstår hur man tänkte. Men du verkar själv inse att nyttan är något begränsad? Koden i din topp-frame är ca 3 kB, som du alltså sparar. Om detta är enda argumentet i det här fallet tycker jag du ska göra dig själv en tjänst och skippa framsen!

Om du dessutom lägger ditt javascript i en egen .js-fil så blir vinsten ännu mindre, samma sak med din css.

Ett annat argument man hör är att det är jobbigt att duplicera markupen för t ex menyn på varje sida. De flesta servrar tillåter dock nån form av SSI (server side includes), och då kan du på ett enkelt sätt ändå ha din meny-html den i en enda fil som inkluderas automatiskt.

  • Medlem
  • Skövde
  • 2006-08-23 22:23

Tänkte bara ge ett tips hur du kan bygga upp hemsidan istället för frames.

Gör en tabell i index-filen istället som blir "ramverket" till hemsidan. I tabellen lägger du därefter in iframes i de "celler" i tabellen där andra html-filer ska kunna länkas/visas. I dina länkar på hemsidan, tex din meny, hänvisar du (i koden) till vilken iframe länken ska visas. (Med ett javascript kan en länk byta innehåll i flera iframes)

Här har du två lättförstårliga hemsidor om hemsidebygge:
http://www.webdesignskolan.com/
http://www.ninetnet.com/

Läs lite om css också, det är bra att använda för att få hemsidan att se snyggare ut.

Vad har ni för åsikter då det gäller layers då? Kan det vara nått att bygga en sida på, eller fungerar det dåligt mellan olika browsers?

  • Medlem
  • Mölndal
  • 2006-08-24 18:20

Torsten, att använda tabeller enbart för layout är ofta en dålig idé (men det är en separat diskussion). Jag ställer samma fråga till dig som till Daniel. Vilken funktionalitet får du med dina iframes som du annars inte får?

Daniel, menar du att använda z-index i css för att lägga saker på varandra? Vid enstaka tillfällen kan det kanske vara bra, men varför inte bara lägga saker där de ska vara direkt?

  • Medlem
  • Skövde
  • 2006-08-25 08:05

Jag är verkligen hobbysnickare när det gäller hemsidor. Men jag tyckte det jag rekommenderade funkade bra för mig när jag gjorde min hemsida. Det kändes enkelt liksom.

memark: varför är tabeller en dålig idé. Jag märkte inte av några begränsningar. Tänk på att Daniel är rookie och att man kanske inte ska krångla till det för mycket ibörjan. Iframes tyckte jag kändes mer smidigt än vanlliga frames. Vad föredrar du?

  • Medlem
  • Mölndal
  • 2006-08-25 18:03

Jag föredrar att använda inget av dem. Lägg det du skulle lagt i en iframe i en <div> istället!

Tabeller-diskussionen är ständigt pågående. Här lite intro till det hela:
http://my.opera.com/thecreative/blog/show.dml/40091

1
Bevaka tråden