Avatar billede thomas_fogh Nybegynder
24. september 2010 - 11:38 Der er 5 kommentarer og
1 løsning

Bruge samme embedded image flere steder?

Hej,

Er det muligt at bruge samme embedded image flere steder?

Jeg skal bruge to små 13x13 billeder flere steder i mit html-dokument.
Jeg konverterer dem til Base64 vha.:
http://www.greywyvern.com/code/php/binary2base64
Kan jeg definere dem ét sted også henvise til dem flere steder?

/Thomas Fogh
Avatar billede Slettet bruger
24. september 2010 - 12:51 #1
Lav en klasse i CSS:

span.lillebillede {
  width: 13px;
  height: 13 px;
  background: url(data:image/png; base64 , DATA ) ;
}


Så er det lige til at lægge ind:

<span class="lillebillede"></span>


(Bemærk: Jeg er ikke lige i nærheden af en computer, så det er bare taget på hukommelsen, men jeg tror da det virker.)
Avatar billede thomas_fogh Nybegynder
24. september 2010 - 14:04 #2
Tak! Det giver jeg et forsøg... Er ikke den store html/css ekspert... ;)
Avatar billede Slettet bruger
27. september 2010 - 22:48 #3
Hmm... Nu har jeg selv leget rundt med det, husket at inline-elementers bredde ikke kan fikseres, erfaret at der ikke er nogle andre elementer der klarer arbejdet ordentligt, og til sidst opdatet, at den eneste løsning jeg kan se er at lave det som et img-element med en usynlig baggrund. Det virker, men så er lidt af idéen jo ligesom gået af det. Her kommer det alligevel (med en lille rød plet):

<style type="text/css">
.lillebillede {
  width: 13px;
  height: 13px;
  background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IAAAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1JREFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jqch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0vr4MkhoXe0rZigAAAABJRU5ErkJggg==');
}
</style>


<img class="lillebillede" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw%3D%3D" />


Hvis jeg var dig ville jeg bare gemme dit 13*13 billede på serveren, og så linke til det helt normalt. Det vil være bedre for både dig og dine besøgende.
Avatar billede thomas_fogh Nybegynder
30. september 2010 - 09:14 #4
kimsey0 skriv lige et svar for point... og tak! ;)
Avatar billede Slettet bruger
30. september 2010 - 17:32 #5
Selv tak :)

Hvad endte du med at gøre?
Avatar billede thomas_fogh Nybegynder
01. oktober 2010 - 09:41 #6
Det eneste jeg kunne få til at virke var: <img class=....>
Det er til en testrapport, så det skal ikke op på en server, derfor var det rart ikke at skulle ha' ekstra filer liggende...

Jeg har et andet spørgsmål, hvis du er en haj til xml/xsl/css. ;)
http://www.eksperten.dk/spm/920087
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