Kom ihåg mig?
Home Menu

Menu


Två bilder på varandra

Ämnesverktyg Visningsalternativ
Oläst 2010-02-11, 21:58 #1
Peter_Holms avatar
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
 
Reg.datum: Jan 2004
Inlägg: 165
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
Peter_Holms avatar
 
Reg.datum: Jan 2004
Inlägg: 165
Standard Två bilder på varandra

Nu behöver jag lite hjälp...

1. Jag har en karta i jpg-format.
2. Ovanför den kartan vill jag lägga en transparent png-bild med "p-platsskyltar".
3. Bilderna är lika stora, dvs 504x500pix.

Jag har testat med ett antal olika varianter. Men jag förstår inte hur jag ska få till det.

Finns det någon som har några smarta tips.
Peter_Holm är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-02-11, 22:01 #2
Viktors avatar
Viktor Viktor är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Mar 2003
Inlägg: 663
Viktor Viktor är inte uppkopplad
Mycket flitig postare
Viktors avatar
 
Reg.datum: Mar 2003
Inlägg: 663
En fuling är att göra en tabell med samma storlek, lägg kartan som bakgrund och skyltarna som bild i tabellen.

Finns förmodligen snyggare lösningar dock =)
Viktor är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-02-11, 22:04 #3
Peter_Holms avatar
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
 
Reg.datum: Jan 2004
Inlägg: 165
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
Peter_Holms avatar
 
Reg.datum: Jan 2004
Inlägg: 165
Citat:
Ursprungligen postat av Viktor Visa inlägg
En fuling är att göra en tabell med samma storlek, lägg kartan som bakgrund och skyltarna som bild i tabellen.

Finns förmodligen snyggare lösningar dock =)
MM... men tabellbakgrunder... fan jag får klåda av sånt.. validerar väl inte ens!
Peter_Holm är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-02-11, 22:12 #4
MRosensons avatar
MRosenson MRosenson är inte uppkopplad
Flitig postare
 
Reg.datum: May 2006
Inlägg: 358
MRosenson MRosenson är inte uppkopplad
Flitig postare
MRosensons avatar
 
Reg.datum: May 2006
Inlägg: 358
Gör samma sak som han sa då, fast med divar?

Edit, läste dåligt, men ex:
<div style="JPG bilden som bakgrund">
<img src="PNG bilden">
</div>

Om du ändå inte får till de kan du slänga iväg ett PM så ska ja hjälpa dig.

Senast redigerad av MRosenson den 2010-02-11 klockan 22:19
MRosenson är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-02-11, 23:31 #5
Cosmas avatar
Cosma Cosma är inte uppkopplad
Flitig postare
 
Reg.datum: Sep 2006
Inlägg: 466
Cosma Cosma är inte uppkopplad
Flitig postare
Cosmas avatar
 
Reg.datum: Sep 2006
Inlägg: 466
Prova använd en Div med kartan i som har position: relative med fasta mått och sedan nåt sånt här:

Kod:
div#parking-lot {
      position: absolut;
      top: 0;
      left: 0;
      width:150px;
      height: 200px;
     background: url(image);
}
Annars har du CSS3 och leka med.
http://www.webdesignerdepot.com/2009...can-use-today/
Cosma är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-02-12, 08:40 #6
StefanBergfeldts avatar
StefanBergfeldt StefanBergfeldt är inte uppkopplad
Bara ett inlägg till!
 
Reg.datum: Sep 2004
Inlägg: 1 535
StefanBergfeldt StefanBergfeldt är inte uppkopplad
Bara ett inlägg till!
StefanBergfeldts avatar
 
Reg.datum: Sep 2004
Inlägg: 1 535
Vad ni krånglar till det!

<img src="skyltar.png" style="background-image: url(karta.jpg);" />
StefanBergfeldt är inte uppkopplad   Svara med citatSvara med citat
Oläst 2010-02-12, 11:00 #7
Peter_Holms avatar
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
 
Reg.datum: Jan 2004
Inlägg: 165
Peter_Holm Peter_Holm är inte uppkopplad
Medlem
Peter_Holms avatar
 
Reg.datum: Jan 2004
Inlägg: 165
Citat:
Ursprungligen postat av StefanBergfeldt Visa inlägg
Vad ni krånglar till det!

<img src="skyltar.png" style="background-image: url(karta.jpg);" />
Helt Genialt! Haha!.... så löjligt lätt! Tack!

Tack också alla andra för försök. Men ska man lägga på fler lager än ett så kan en div-lösning ändå vara bra, men just nu tror jag inte det behövs!
Peter_Holm är inte uppkopplad   Svara med citatSvara med citat
Svara


Aktiva användare som för närvarande tittar på det här ämnet: 1 (0 medlemmar och 1 gäster)
 

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 17:07.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017