Gå til innhold

hjelp til bilder i en HTML side!

cHilfiger

Av cHilfiger
i Programmering og webutvikling

Anbefalte innlegg

cHilfiger

cHilfiger

Skrevet
Skrevet

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>

 

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
Steinmann

Steinmann

Skrevet
Skrevet (endret)
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 av Steinmann
Lenke til kommentar
Stian Jacobsen

Stian Jacobsen

Skrevet
Skrevet
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...

Lenke til kommentar
Steinmann

Steinmann

Skrevet
Skrevet
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..

Lenke til kommentar
cHilfiger

cHilfiger

Skrevet
  • Forfatter
Skrevet
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...

Lenke til kommentar
Demantios

Demantios

Skrevet
Skrevet (endret)
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 av PepsiCo
Lenke til kommentar
cHilfiger

cHilfiger

Skrevet
  • Forfatter
Skrevet (endret)

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

Det blir sikkert flere innholdsknapper etterhvert!

 

post-129168-1195828784_thumb.jpg

 

<!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>

 

 

post-129168-1195828829_thumb.jpg

 

 

<!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>

 

 

post-129168-1195828874_thumb.jpg

 

 

 

<!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 av cHilfiger
Lenke til kommentar
FrodeNilsen

FrodeNilsen

Skrevet
Skrevet
...

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.

Lenke til kommentar
Vindstille

Vindstille

Skrevet
Skrevet (endret)

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 av JonT
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å
Gå til emneliste
×
×
  • Opprett ny...