Avatar billede Smorkongen Nybegynder
31. august 2011 - 12:14 Der er 13 kommentarer og
1 løsning

(Nybegynder)

Jeg har et par begynder spørgsmål som jeg godt kunne bruge noget hjælp til.

Er ved at opbygge en side. Jeg bruger Dreamweaver med en af de template som man kan vælge for at komme i gang med en god struktur, da jeg er ny til kodning.

Håber i kan hjælpe mig med disse spørgsmål ?

1. Placering af billeder, er det bedst at placerer dem i CSS eller Html ? (snakker ikke om styleing af billederne)

2. Jeg har lavet designet til siden i Photoshop, slices de billeder jeg skal bruge ud. Mit spørgsmål er så, hvordan placerer jeg dem mest korrekt ?

Har forsøgt mig med :
<div id ="kontaktknappen "
Billeder ryger så ind her i html
</div>

#kontaktknappen { position: relative; left: 42px, osv.

}

Er det ok at placerer alle sine elemnter på den måde ? Viker nemlig ok tror jeg, eller får jeg et problem senere?
Avatar billede majbom Novice
31. august 2011 - 13:08 #1
byg din side i divs og sæt background-image på, hvis der skal være et billede.

hvad mener du med 1.? hvordan du bestemmer nøjagtigt hvor de skal være?
Avatar billede rmk24 Nybegynder
31. august 2011 - 13:18 #2
helt klart sæt dem ind i css og ikk i html.

du placere dem i background-image i din css altså så den blir sat ind som baggrund. som splazz siger. er det en præcis kode du leder efter eller?

html

<div class="tester"></div>

css

.tester {
  background-image:url('billede.jpg);
}
Avatar billede keysersoze Ekspert
31. august 2011 - 13:30 #3
Her vil jeg gerne erklære mig lidt uenig medmindre jeg har misforstået spørgsmålet - billeder kan og skal sættes både i HTML og CSS, men selvfølgelig kun ét af stederne af gangen og hvilket sted afhænger af formålet.

Hvis billedet er en del af din markup, fx billedet til en artikel, skal det sættes i HTML, og hvis billedet er en del af styringen (= stylingen) af din markup, fx baggrundsbillede, skal det i CSS. Samtidig skal man tænke på, at baggrundsbilleder som udgangspunkt ikke printes så på den måde kan der også være en idé i at vælge hvor billedet lægges.
Avatar billede Smorkongen Nybegynder
31. august 2011 - 13:53 #4
Først tak for svar.

Ok, jeg vil fra nu af bruge:

<div class="tester"></div>
css
.tester {
  background-image:url('billede.jpg);
}

Og placerer alt mark-up i css.

Skal man bruge "div class" til at placere navigationen også ?

Hvornår bruger man så "id" frem fra "class"?

Er der evt nogle som sidder inde med en kildekode fra en simpel side så jeg ligeom kan få en ide om der er andre ting jeg skal være opmærksom på.
Avatar billede rmk24 Nybegynder
31. august 2011 - 14:01 #5
class kan du bruge hvis du kan bruge samme class flere steder. id kan kun bruges et sted som udgangspunkt. og som keysersoze siger. hvis det feks er til at artikel så skal den helst være i html. men alt designmessigt vil jeg mene der skal være i css.
Avatar billede Smorkongen Nybegynder
31. august 2011 - 14:41 #6
Når jeg bruger :


<div class="tester"></div>

css

.tester {
  background-image:url('kontakt.png);
}

kommer min knap ikke frem. Skal div'n i html bare så tom så ?
Eller er billedet der et eller andet sted, men skal finde det frem via z-index ?
Avatar billede Smorkongen Nybegynder
31. august 2011 - 17:05 #7
Nogle der kan hjælpe med den sidste kommentar der ?
Avatar billede Smorkongen Nybegynder
31. august 2011 - 17:12 #8
Jeg fandt ud af det tror jeg, man skal ind og fortælle bredden og højden på billedet.:)
Avatar billede Smorkongen Nybegynder
31. august 2011 - 17:13 #9
.
Avatar billede majbom Novice
31. august 2011 - 18:24 #10
ja, hvis der ikke er indhold i diven og/eller dimensioner på, er den 0px høj, så kan man ikke se billedet...

jeg er også enig ked keysersoze omkring design-billeder i CSS og artikel-billeder i HTML (som jeg også skrev i mit første indlæg)
Avatar billede Smorkongen Nybegynder
31. august 2011 - 19:12 #11
Tak for svar

Det går lige galt med de der point :(
Avatar billede majbom Novice
31. august 2011 - 19:18 #12
tfp ;)
Avatar billede majbom Novice
31. august 2011 - 19:18 #13
du har vel bare skrevet 0, da du oprettede spørgsmålet?
Avatar billede olebole Juniormester
31. august 2011 - 19:25 #14
<ole>

Udover, hvad der printes og ikke printes, er det også vigtigt, at billeder, der gerne skulle findes under en billedsøgning på Google, ligger i HTML-koden - og ikke som baggrundsbilleder i CSS'en

/mvh
</bole>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester