Denna delen av 99 uppdateras inte längre utan har arkiverats inför framtiden som ett museum.
Här kan du läsa mer om varför.
Mac-nyheter hittar du på Macradion.com och forumet hittar du via Applebubblan.

Placera bilder i en frame

Tråden skapades och har fått 17 svar. Det senaste inlägget skrevs .
1
Skriv svar
#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???

Anmäl Ändra Svara
#2

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>

Anmäl Ändra Svara
#3
  • 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>

Anmäl Ändra Svara
#4

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?

Anmäl Ändra Svara
#5

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.

Anmäl Ändra Svara
#6
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>
Anmäl Ändra Svara
#7
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.

Anmäl Ändra Svara
#8
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.

Anmäl Ändra Svara
#9
  • 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
Anmäl Ändra Svara
#10
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....

Anmäl Ändra Svara
#11
  • 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.

Anmäl Ändra Svara
#12
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...

Anmäl Ändra Svara
#13
  • 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.

Anmäl Ändra Svara
#14
  • 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.

Anmäl Ändra Svara
#15

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?

Anmäl Ändra Svara
#16
  • 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?

Anmäl Ändra Svara
#17
  • 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?

Anmäl Ändra Svara
#18
  • 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

Anmäl Ändra Svara
1
Bevaka tråden
Nytt i forumet
Debatterade nyheter
Senaste nytt
2 Hur ser ditt julpynt ut hemma?
0 3 ljusa tips för att hålla inbrottstjuvarna borta – använd smart belysning!
12 Slutet på något gammalt - början på något nytt
5 Rykte: Apple väntas lansera en uppdaterad 27" iMac i början av 2022
22 99mac blir Macradion på en helt ny plattform
1 Macradion: Vi släpper lös kraften tillsammans
0 Apple backar på den nya designen av Safari i macOS Monterey
24 Apple släpper macOS Monterey den 25 oktober
0 HomePod mini kommer i fler färger
91 Apple presenterar MacBook Pro, M1 Pro och M1 Max
4 Apple presenterar tredje generationens AirPods
2 Så här ser du Apples event ikväll
1 Apple Watch Series 7 - är det värt att uppgradera?
0 Macradion: Unleash the MF appstore
7 Detta tror vi att Apple visar upp på eventet
1 Apple förlänger sitt serviceprogram för AirPods Pro
0 Rykte: MacBook Pro har samma leverantör av miniLED-paneler som iPad Pro
3 Apple bjuder in till event den 18 oktober
1 BaseLynx: Modulär laddstation utan gränser
1 Tile håller koll på allt från plånbok till nycklar men saknar en nyckelfunktion
0 Apple överklagar domen för betalning genom tredjepartsutvecklare i App Store
Copyright © 2024. Allt innehåll tillhör Svenska Tekniknyheter AB. Citering är tillåten om källan anges. Vi reserverar oss för eventuella informationsfel.
Om 99, RSS, Kontakta oss, Feedback, Trivselregler, Teknisk information och cookies