Gå til innhold

[Løst] Hjelp med HTML


Anbefalte innlegg

Hei!

 

Jeg har Informasjonsteknologi som programfag på skolen (2.VGs).

Vi fikk i lekse å lage timeplanen vår som tabell i Notepad++.

 

Det gikk greit, klarte å lage selve timeplanen, men tenkte jeg skulle imponere litt å sette inn et bildet av timeplanen itillegg.

Da kom problemet...

 

Jeg søkte litt rundt på nettet og fant to koder som jeg kunne bruke:

 

Kode 1

<a href='http://bildr.no/view/YWNOYXc3'><img src="http://bildr.no/thumb/YWNOYXc3.jpeg" height="230" width="330" /></a>

 

Kode 2

<img src="http://bildr.no/view/YWNOYKc3" height="230" width="230" />

 

Men når jeg ser på "nettsiden" jeg opprettet, så blir det ene bildet helt utydelig, men hvis jeg trykker på det, så blir jeg sendt videre til den siden jeg lastet bildet opp på (www.bildr.no), og der er bildet helt skarpt og tydelig. Mens det andre bildet jeg "lastet" opp, kommer ikke opp i det hele tatt...

 

Jeg legger ved to bilder, et av selve ''nettsiden'' og et av Notepad++ kodene

 

En ting til... Hvordan legger jeg bildene under tabellen jeg har laget? Samme hvor i dokumentet jeg skriver koden, så havner alltid bildene på topp..

 

 

Håper noen kan hjelpe meg :)

 

Jørgen W.

post-313285-0-78413200-1377456577_thumb.png

post-313285-0-27931200-1377456579_thumb.png

Lenke til kommentar
Videoannonse
Annonse

Kode1:

Har vel noe med at det er en ekstern server e.l. som etterspør bildet, derfor får du det i dårligere kvalitet fra bildr.no. Bruk en annen tjeneste enn bildr.no.

 

Kode2:

src-attributen inneholder ikke kilden til en bildefil, derfor får du ikke noe bilde opp.

 

Du har ikke lukket tabellen med </table>, noe som sikkert forårsaker at bildene havner over tabellen uansett.

 

Og så et tilleggsspørsmål; font-tagene med color-attributene, er det noe dere lærer i det faget?

Lenke til kommentar

Kode1:

Har vel noe med at det er en ekstern server e.l. som etterspør bildet, derfor får du det i dårligere kvalitet fra bildr.no. Bruk en annen tjeneste enn bildr.no.

 

Kode2:

src-attributen inneholder ikke kilden til en bildefil, derfor får du ikke noe bilde opp.

 

Du har ikke lukket tabellen med </table>, noe som sikkert forårsaker at bildene havner over tabellen uansett.

 

Og så et tilleggsspørsmål; font-tagene med color-attributene, er det noe dere lærer i det faget?

 

Kode 1: Har prøvd flere forskjellige sider, men like dårlig kvalitet, enkelte ganger kommer ikke bildet opp i det hele tatt..

 

Kode 2: Er ganske fersk med HTML så skjønner ikke helt hva src-attribut er, kunne du prøvd å forklare litt enklere? Evt, prøvd å veilede meg til hvordan jeg får lastet inn bildet på "siden"?

 

Det hjalp å lukke tabellen med </table> taggen, takk!

 

Font-tagene med color-attributene er ikke noe vi lærer, men tok meg den friheten til å lære det selv :)

Lenke til kommentar

Kode1: Dropp å bruke en tjeneste. Bare legg bildefilen i samme mappe som .html-filen og pek til bildet.

<img src="bilde.jpg" />

Kode2: src-attributten er attributten du bruker inne i <img> tag'en som bestemmer hvilket bilde du vil skal vises. src-attributten inneholder altså "adressen" eller plasseringen til bildet du vil ha og som du ser i koden over. Det jeg mente var at i denne src-attributen så peker du ikke til selve bildet, du peker til en side hvor bildet vises. Du vil derfor ikke få opp noe bilde når du prøver å peke til en side.

 

 

Når det kommer til <font>-tagene så er det en utgått standard. Et alternativ er f.eks.:

 

Rød tekst:

<p style="color:red;">Tekst</p>

Endret av banansplitt™
Lenke til kommentar

Nå prøvde jeg å bruke koden du sa, og jeg la bildet i samme mappe som filen jeg jobber på

Jeg legger ved et bildet så du kan se hvordan det blir da

Hva er problemet her?

 

Det med <font> tagg; Jeg bare søkte litt rundt på nettet, men takk for tipset med det andre alternativet

Lenke til kommentar

Hvis du er sikker på at navnet er riktig, så bør det virke så lenge som filen ligger i samme mappe. Eneste jeg kommer på da er hvis du ikke har filetternavn visende, slik at filen egentlig heter timeplan.jpeg.jpeg (da bør du slå på visning av etternavn, samt det er med på å gjøre din bruk sikrere med pc (iom du ser etternavn på filer og kan unngå kjøring av kjørbare filer som inneholder virus mm av mistak))

Endret av KarpeSkrotum
Lenke til kommentar

Brukte denne koden:

 

<img src="timeplan.jpeg" />

 

 

Det er det bildet jeg skal ha heter

 

Om bildet ligger i www-mappen ser jeg ikke hvorfor det ikke skal fungere. Er du sikker på at ikke filendelsen er .jpg og ikke .jpeg?

 

Hvorfor er det ikke brukt f.eks <br> og </br>. Eller det det jeg som roter nå?

 

Er nok du som roter, ja. Hva skulle det vært brukt til? ;)

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...