hjelp til bilder i en HTML side!

cHilfiger · 22. november 2007

hei!

Har akkuratt begynt å forske litt i html og lagd en litten begynnelse på en side... problemet er at jeg ikke får lastet opp bildene. altså størrelsen etc. er der men bilde kommer ikke fremm? hva må jeg gjøre?

det som er i spoileren er bare det ene biilde::

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<Head>
<title> Tommy's hjemmeside</title>
</Head>

<body>
<img src="C:\Users\Tommy\HTML\første siden\bilder/banner front.jpg" width="600" height="150" alt="Banner" />


</body>

</html>

MindTooth · 22. november 2007

file:///D:/Pictures/Capture.JPG

Du må bruke file:/// foran, og "/", ikke "\".

Birger

cHilfiger · 22. november 2007

yeah..takk

hvet du hvordan man midtstiller ting?

som en tekst så man får plass til "bilder til venstre for teksten?

Stian Jacobsen · 22. november 2007

file:/// funker fint lite på web..

Du midtstiller med css. Her er et eksempel

body { width: 960px; margin: 0 auto; }

Jeg anbefaler å bruke en container.. så da blir koden

div#container_name { width: 960px; margin: 0 auto; }

cHilfiger · 22. november 2007

kk, har ikke lest så my css, bare html.

hvordan linker man bilder til andre sider?

Danny Boy · 22. november 2007

Ta en titt innom HTML Dog Der står alt kjempefint forklart.

cHilfiger · 22. november 2007

Ta en titt innom HTML Dog Der står alt kjempefint forklart.

har lest der, men bare på begynner html, og prøvde meg på begynner css, men det begynte å bli for vanskelig.

MindTooth · 22. november 2007

file:/// funker fint lite på web..

No shit Sherlock! Trenger ikke å være rakettforsker for å forstå det. Men jeg siden han har brukt en lokal path, tenkte jeg han lekte seg lokalt. Og med "laste opp bildet", and bilde skulle vise seg.

Birger

cHilfiger · 22. november 2007

jeg driver å leker meg lokalt ja

Endret 22. november 2007 av cHilfiger

Steinmann · 22. november 2007

file:/// funker fint lite på web..
Du midtstiller med css. Her er et eksempel
body { width: 960px; margin: 0 auto; }
Jeg anbefaler å bruke en container.. så da blir koden
div#container_name { width: 960px; margin: 0 auto; }

Hvorfor anbefaler du det?

Endret 22. november 2007 av Steinmann

Stian Jacobsen · 22. november 2007

file:/// funker fint lite på web..
Du midtstiller med css. Her er et eksempel
body { width: 960px; margin: 0 auto; }
Jeg anbefaler å bruke en container.. så da blir koden
div#container_name { width: 960px; margin: 0 auto; }
Hvorfor anbefaler du det?

- Cross browser kompatibilitet (med andre ord.. IE!)

- Andre platformer.. mobil/PDA, TV, print etc..

Men, dette er en diskusjon jeg ikke gidder å ta, noen liker, andre ikke...

øl_i_tastaturet · 22. november 2007

Hvis du legger bildefilen i en mappe ved siden av html-filen din kan du forkorte linken til:

<img src="bilder/banner front.jpg" width="600" height="150" alt="Banner" />

Revolution · 22. november 2007

yeah..takk
hvet du hvordan man midtstiller ting?

som en tekst så man får plass til "bilder til venstre for teksten?

Du kan bruke taggen <center></center> vis du ikke vil begynne helt på css enda.

Edit: Var kansje ikke til mye hjelp til ditt spm.

Endret 22. november 2007 av Revolution

Steinmann · 23. november 2007

file:/// funker fint lite på web..
Du midtstiller med css. Her er et eksempel
body { width: 960px; margin: 0 auto; }
Jeg anbefaler å bruke en container.. så da blir koden
div#container_name { width: 960px; margin: 0 auto; }
Hvorfor anbefaler du det?
- Cross browser kompatibilitet (med andre ord.. IE!)

- Andre platformer.. mobil/PDA, TV, print etc..

Men, dette er en diskusjon jeg ikke gidder å ta, noen liker, andre ikke...

Jeg gidder :wee:

Eneste grunnen til å bruke en wrap div er dersom du har en layout/design som krever det. Eneste nytten den gjør er å putte inn enda et element uten semantisk betydning og bør unngåes om mulig.

-

Trådstarter:

Det er liten vits i å begynne med html uten også å sette seg inn i css. Html er jo kun teksten, og det er litt kjedelig å se på.

Ang html vil jeg ambefale artiklen Markering er viktig av Arve Systad.

Sidenote: Må få opp kafeen snart..

cHilfiger · 23. november 2007

yeah..takk
hvet du hvordan man midtstiller ting?

som en tekst så man får plass til "bilder til venstre for teksten?

Du kan bruke taggen <center></center> vis du ikke vil begynne helt på css enda.

Edit: Var kansje ikke til mye hjelp til ditt spm.

takk det var det lurte på,

ang. css synes jeg det ble littt vanskelig når man skulle skrive

"{}" og andre symboler...

MindTooth · 23. november 2007

http://w3schools.com/

En helt utmerket side å starter på. Hvis du ikke allerede har startet der da

Birger

Demantios · 23. november 2007

yeah..takk
hvet du hvordan man midtstiller ting?

som en tekst så man får plass til "bilder til venstre for teksten?

Du kan bruke taggen <center></center> vis du ikke vil begynne helt på css enda.

Edit: Var kansje ikke til mye hjelp til ditt spm.

eventuelt <div align="center"></div>

trådstarter: når du laster opp bilder bør du ha dem i samme mappe som du arbeider med htmlen i

root

---img

------banner.png

------button.jpg

------button_hover.jpg

------button_active.jpg

------logo.gif

------203.png

---docs

-----info.pdf

-----howto.doc

index.htm

style.css

script.js

osv..

da kan du bruke i html-filen:

<img src="img/banner" />

Da er den også klar for å lastes opp uten store modifikajoner sånn som du må når du bruker localfile

Endret 23. november 2007 av PepsiCo

cHilfiger · 23. november 2007

HAr nå gjort bittelitt, men lurer på hvordan få tekst ved siden av "innholdet"?

Det blir sikkert flere innholdsknapper etterhvert!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<Head>
<title> Tommy's hjemmeside</title>
</Head>

<body>
<p><img src="bilder/banner front.jpg" width="600" height="150" alt="Banner" /></p>

<p><a href="mallorca.html"><img src="bilder/Innhold1 - Kopi.jpg"></a></p>	

<p><a href="paris.html"><img src="bilder/innhold2 - kopi.jpg"></a></p>


</body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<Head>
<title> Mallorca</title>
</head>

<body>

<p><img src="bilder/banner-mallorca.jpg" width="600" height="150" alt="mallorca" /></p>

<p><a href="forside.html"><img src="bilder/innhold3 - kopi.jpg"></a></p>

<p><a href="paris.html"><img src="bilder/innhold2 - kopi.jpg"></a></p>

<body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<Head>
<title> Paris</title>
</head>

<body>
<p><img src="bilder/banner-paris.jpg" width="600" height="150" alt="paris" /></p>

<p><a href="forside.html"><img src="bilder/innhold3 - kopi.jpg"></a></p>

<p><a href="mallorca.html"><img src="bilder/innhold1 - kopi.jpg"></a></p>

<body>

</html>

Endret 23. november 2007 av cHilfiger

FrodeNilsen · 24. november 2007

...
Eneste grunnen til å bruke en wrap div er dersom du har en layout/design som krever det. Eneste nytten den gjør er å putte inn enda et element uten semantisk betydning og bør unngåes om mulig.

Ett div element er ett block element som skal brukes semantisk til å gruppere informasjon sammen. Dette gir struktur til dokumentet, derav begrepet "block element".

I praksis fungerer det også slik for de aller fleste. Vi lager en navigerings div, en header div, en content div, og en footer div.

Til trådstarter og andre som vil lære seg html, og som ikke vil lære det to ganger:

Ikke gidd å sett dere inn i inline formatering.

Inline formatering er enklere å mestre, men blir astronomisk komplisert ved selv middels til lett avanserte sider. Du blir fort tvunget til å lære deg css.

Inline formatering vil si at du formaterer elementet visuelt i selve elementet, ved for eks. å definere sentrering i selve elementet, isteden for eksternt som i css.

For å skrive en nettside trenger du strengt tatt ikke mye mer enn <div>, <h1>-<h6>, <p>, <em>, <a> og <img>. Utfordringen ligger i css. css er enklere enn inline formatering.

Vindstille · 24. november 2007

url="http://w3schools.com/"]http://w3schools.com/[/url]

Jeg har sagt det før og jeg sier det igjen. Den siden er utdatert!

Den var kanskje korrekt i 1999, men ikke idag.

Anbefaler deg isteden HTMLdog

Når det gjelder HTML er det ikke bare å lete seg fram til en guide. Flesteparten av dem er gamledagse og driver med vranglære. Det gjelder også mange andre spørsmål om ting når det gjelder webutvikling.

Endret 24. november 2007 av JonT

Logg inn

hjelp til bilder i en HTML side!

Anbefalte innlegg

cHilfiger

Videoannonse

MindTooth

cHilfiger

Stian Jacobsen

cHilfiger

Danny Boy

cHilfiger

MindTooth

cHilfiger

Steinmann

Stian Jacobsen

øl_i_tastaturet

Revolution

Steinmann

cHilfiger

MindTooth

Demantios

cHilfiger

FrodeNilsen

Vindstille

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer