Just nu i M3-nätverket
Jump to content

Bilden syns inte.......


lyc

Recommended Posts

Hej!

Har gjort mina första trevande försök med programmet Arachnophilia. I fönstret 'Instant Wiew' syns text och bild men när man laddat upp filen syns bara texten. Text och bild är sparade i 'index.html'.

Nå'n som har några förslag? Tack på förhand!

Så här ser koden ut:<!doctype html public "-//w3c//dtd html 3.2//en">

 

<html>

 

<head>

<title>Min Hemsida</title>

<meta name="GENERATOR" content="Arachnophilia 4.0">

<meta name="FORMATTER" content="Arachnophilia 4.0">

</head>

 

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">

<img src="May.gif" width="500" height="328" alt="växthus" align="right">

<font size="6" color="blue" face="arial">

Välkommen till min hemsida!</font>

 

</body>

 

</html>

Link to comment
Share on other sites

Har du laddat upp även bilden?

 

Har bilden samma namn på servern som den här lokalt på din hårddisk?

 

Ligger bilden i samma mapp som html-filen på servern (det måste bilden göra annars kommer inte bilden att visas)?

 

Tänk på att ibland kan uppdateringen strula i browsern så att du kan vara tvungen att göra en "riktig-reload" genom att välja Ctrl+F5 (i IE) resp. hålla ned shift-tangenten samtidigt som du klickar på reload-knappen (i NC).

 

/Henke

Link to comment
Share on other sites

Tack för ditt svar Henke. Så här är det: Jag tänkte ha webbsidan som en anslagstavla till att börja med. Lite inledande text och dom senaste fotona för släkt och vänner att titta på. Då såg jag den här artikeln i Internetguiden och medföljande program. Jag har så klart följt artikeln och sparat bilden i 'index.html' genom att använda verktygsknappen med disketten på. Innan har jag sparat texten och döpt filen via Arkiv/Spara. Jag har inte ändrat namn på bilden. Det konstiga är att filen enligt FTP-programmet är något mindre efter uppladdningen. Kan det vara där som felet ligger? Texten ser ut som den ska' men där bilden skall vara är det bara en tom ram med en bildtext i när IE5 meddelar att sidan är klar.

mvh.....Hasse

 

 

 

Link to comment
Share on other sites

Förstår inte vad du menar med att du sparar bilden i index.html? För det går nämligen inte att spara en bild i en html-fil (det går bara att skriva en referens i html-filen, vilket du har gjort i följande kod: "<img src="May.gif" width="500" height="328" alt="växthus" align="right">").

 

För att bilden ska synas på sidan måste du alltså ladda upp både html-filen och bilden till servern. När du är uppkopplad i ftp-programmet mot servern - finns både "index.html" och bilden "May.gif" där?

 

<citat>

Det konstiga är att filen enligt FTP-programmet är något mindre efter uppladdningen. Kan det vara där som felet ligger?

</citat>

Tror inte att det är felet om det inte skiljer mkt i filstorlek - små differenser är det nästan alltid.

 

/Henke

Link to comment
Share on other sites

Hej Henke!

Tack för hjälpen. Du hade helt rätt i att man måste ladda upp bilden separat, men det står i Internetguiden att bilden sparas i 'index.html' om man kryssar 'yes' i en dialogruta somm kommer upp!

Hur som helst, nu funkar det ialla fall tack vare dig.

Om man i attributet 'align' skriver right eller left hamnar bilden till höger eller vänster om texten, men vad skriver man om man vill ha bilden över eller under texten och spelar det nå'n roll om det är .gif eller .jpg?

mvh.......Hasse

Link to comment
Share on other sites

<citat>

Tack för hjälpen.

</citat>

Det är lugnt! :-)

 

<citat>

men vad skriver man om man vill ha bilden över eller under texten

</citat>

Det är bara att du trycker enter efter bilden om du vill ha texten nedanför bilden och omvänt om texten ska vara över bilden.

 

<citat>

spelar det nå'n roll om det är .gif eller .jpg

</citat>

Ja! Tumregeln lyder så här: Symboler ska vara gif-bilder medan fotografier ska vara jpeg-bilder (detta beroende på att man vill ha så hög kvalitet och så liten filstorlek som möjligt). (Kan ge en utförligare förklaring om du är intresserad.)

 

/Henke

Link to comment
Share on other sites

Hej Henke!

Jag vill gärna ha lite mer kött på benen, tack!

Det vore toppen om du ville maila mig direkt så kan jag mer i detalj tala om vad jag skulle vilja veta.

Hoppas du kan hitta mitt inlägg i det här nya forumet bara........

Min adress: lyc@chello.se

........Hasse

Link to comment
Share on other sites

Visst kan jag maila dig, men posta gärna här i forumet vad du vill vet så kan även andra läsa det! :-)

 

/Henke

Link to comment
Share on other sites

Hej Henke!

Du har rätt, det finns så klart flera nybörjare som kan ha glädje av ditt svar.

Ok, vad jag vill ha är en rubrik typ 'Semestern' eller nå't och ett antal bider under varandra med en kort bildtext under varje och ev. några avslutande ord.

Vad jag har lyckats åstadkomma är en rubrik och en(!) bild till höger eller vänster om rubriken. (se koden i mitt första inlägg) Skickar jag upp en bild till, hamnar den delvis ovanpå den första. (jag har ändrat till jpeg)

Ja, om jag kan få det här att funka så har jag tänkt mig att man går in i källkoden och ändrar text och bilder vid behov, eller.......? Sen mailar man släkten att nu är det nå't nytt på gång!

Sen har jag planer på att lära mig mycket mer, men då skulle man iaf. komma i gång lite snabbt. Du får gärna kommentera mitt resonemang, för och nackdelar eller överhuvudtaget komma med förslag. :-)

mvh........Hasse

 

 

Link to comment
Share on other sites

Lyc, för att det ska se snyggt ut behöver du använda tabeller/lager.

Ett exempel med en tabell med 1 rad och tre kolumner, 3 bilder:

 

<div align="center">

<table width="600" border="0" cellspacing="2" cellpadding="2">

<tr>

<td>

<div align="center">

<p><img src="valkommen.gif"></p>

<p>Välkommen till min hemsida, nedan hittar du lite trevliga bilder

:-) </p>

</div>

</td>

</tr>

</table>

<p> </p><table width="600" border="0" cellspacing="2" cellpadding="2">

<tr>

<td>

<div align="center"><img src="bild.jpg" ></div>

</td>

<td>

<div align="center"><img src="bild.jpg"></div>

</td>

<td>

<div align="center"><img src="bild.jpg" ></div>

</td>

</tr>

</table>

</div>

 

Lägg koden mellan <body> och </body>. Just nu är det bara en rad med 3 bilder, vill du ha en till rad kopierar du bara allt mellan <tr> och </tr> och klistar in efter den första </tr> :-)

Bredden på tabellen är 600 pixlar vilket gör att det inte blir några scrollister även om du kör med en mycket låg upplösning.

 

Om du bara vill ha en enkel sida kan du även göra så här:

 

<html>

<head>

<title>Fotografier</title>

</head>

<body bgcolor="#FFFFFF">

<font face="Verdana, Arial, Helvetica, sans-serif" size="2">

 

<img src="valkommen.gif">

<p>

Välkommen till min hemsida, här hittar du massor av fotografier på mig och bla bla bla

<br>

Du får inte kopiera bilderna.. blablabla

<p>

<img src="bild1.jpg">

<p>

Beskrivning på bild1

<p>

<img src="bild2.jpg">

<p>

beskrivning på bild2

<p>

<img src="bild3.jpg">

<p>

beskrivning på bild3

<p>

Lite mer text här..<br>

blablabla<br>bla

 

</font>

</body>

</html>

 

Kanske lite lättare att förstå :-)

 

 

-------------------------

Mvh Matti Kolu

http://www.mk.st

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...