text i bild

3 svar · 401 visningar · startad av nille99 22 dec. 2006

nille99Medlem sedan aug. 2002352 inlägg

Frågan22 dec. 2006 11:40#1

jag har en bild på startsidan som jag harolika länkar med hjälp av USEMAP

mitt problem är hur jag kan få öppen tiderna som text på bilden

Så jag kan lät kan ändra tiderna

<img src="../bilder/startbildoppen.gif" USEMAP="#Kontakt" BORDER=1>
<map name="Kontakt">
  <area shape="rect" coords="9,264,307,438" href="../lokal.asp"  alt="Till lokalsidan">
  <area shape="rect" coords="9,136,308,263" href="cafe.asp"  alt="Till cafesidan">
  <area shape="rect" coords="9,0,307,135" href="../studion.asp"  alt="Till studionsidan" >
  <area shape="rect" coords="309,6,721,438" href="kontakt.asp"  alt="Till kontaktsidan" >
    </map>

silfverMedlem sedan apr. 200312 679 inlägg

22 dec. 2006 12:09#2

Gör en <div> med startbildoppen.gif som bakgrund, sätt positionen till relative och skapa sen <span> inuti div-elementet med positon absolute. Är inte det enklare?

nille99Medlem sedan aug. 2002352 inlägg

22 dec. 2006 12:22#3

hur skriver jag då?
hur gör man positon absolute i div?

silfverMedlem sedan apr. 200312 679 inlägg

22 dec. 2006 12:28#4

Nåt sånt här kanske. Du får lägga till resten själv.

div#enter {
	background: url(../bilder/startbildoppen.gif) no-repeat;
	height: höjd;
	width: bredd;
	position: relative;
}
span#lokalsida {
	position: absolute;
	top: 0;
	left: 0;
}

<div id="enter">
	<span id="lokalsida">Till lokalsidan</span>
</div>