Vedr. Anchor i background-image: url("billede.gif");

No way.  det er kun din forgrund der kan indeholde links.

men du kan måske plavere et billede i forgrunden så det er over den rette del af baggrundsbilleder og så lægge et link om det billeder.

Hmm Jakob, jeg tror vidst lige du skal se hvad jeg har gang i :o), for så let er det ikke <- gid det var *G*

Har du ikke en mail jeg kan prøve at maile en adresse til?

//>Rune

post den her.

Vil jeg helst ikke, da det ikke er noget der må komme frem endnu...

Men kan du ik' prøve at sende din mail til
rune@medions.dk
så kan jeg prøve at sende dig linkt...

//>Rune

?

Ikke testet, men prøv

<style type="text/css">
.fancylink {
display:block;
background-image: url('ditimage.jpg');
}
</style>

...

<a class="facylink">klik på mit fancy link</a>

korrektur:

<a href="http://www.neteffect.dk/" class="fancylink">klik på mit fancy link</a>

Neteffect> Mit problem er jo at jeg allerede har min BG! -Prøv at send min en mail, så sender jeg dig lige et link så du kan se sitet..!

//>Rune

Tricket med display:block gør, at du fx kan lægge en hel tabel med links i lige så mange celler du vil hen over et baggrundsbillede. Der behøver ikke være tekst i linksene - du kan bruge &nbsp; i stedet for.

Hmm okay... Jeg kan se jeg er nødt til at give jer linket her alligevel...

www.webcorner.dk/div/snb/new/

Hele koden er bygget på CSS...

//>Rune

hey.. er det den der side til ham der, der skulle ha' et nyt side til sit bus-turist-firma-tingest ?

side = design

Thesurfer> Øhh, ja! -Well, det kommer ikke denne debat ved...

Kontakt mig over ICQ hvis der er noget...

//>Rune

du har klaret at placere scrolleren fast på din baggrung.
brug samme metode til at placere en række aktive link-arealer ser hvor de skal være.

et fif der ofte er nyttigt er at adressere på een måde. På den side blander du marginstørrelser og absolut positionering så det bliver rimeligt svært at hitte ud af hvad der foregår.

Hmm jakob, jeg har set mig totalt blind i dette... Så vil du ik' være flink og komme med en for a en løsning... Hvis du vil ha' flere poinz er det ok... -for jeg er virklig lost!

//>Rune

her placerer du scrollerlayer,  0,6cm fra MidleCenterBox's venstrekant og 90px under dens overkant.

        #ScrollerLayer {
            visibility: hidden;
            overflow: hidden;
            clip: rect(0px 320px 300px 0px);
            position: relative;
            margin-left: 0.6cm;
            top: 90px;
            left: 10px;
            width: 345px;
            height: 300px;
        }

det er oppe i den 90px brede stribe dine links ligger. så vi laver en div til dem:

                #LinksLayer {
            position: relative;
            margin-left: 0.6cm;
            top: 30px;              /* vi sætter den 30 under */
            left: 10px;
            width: 345px;
            height: 60px;            /* og laver den 60 høj (nu fylder den 90 i højden) */
        }


        #ScrollerLayer {
            visibility: hidden;
            overflow: hidden;
            clip: rect(0px 320px 300px 0px);
            position: relative;
            margin-left: 0.6cm;
            top: 0px;              /* vi behøver ikke de 90px her mere for #LinkLayer skubber ned */
            left: 10px;
            width: 345px;
            height: 300px;
        }

      .fancylink {        /* neteffects tabel-celle fylder */
          display:block;
      }



så kan vi skrive neteffekst tabel i en ny #linkslayer div som vi stopper ind foran scrollerlayer:

<div id="MidleCenterBox">

        <div id="LinksLayer">
            <table border=0><tr>
                <td width='60'><a href="forside.html" class="fancylink">&nbsp;</a></td>
                <td width='60'><a href="profil.html" class="fancylink">&nbsp;</a></td>
                <td width='60'><a href="budder.html" class="fancylink">&nbsp;</a></td>
                <td width='60'><a href="kontakt.html" class="fancylink">&nbsp;</a></td>
            </tr></table></div>

    <div id="ScrollerLayer">

de tal jeg har sat på er sikkert gale, men det skulle være ideen.

mvh JakobA

DAMN hvor fedt!!! -Tak Jakob, og tak Neteffect, det er sq guld at ha' jer her!!!

//>Rune

Nu hvor jeg lige har jer, hvordan får jeg så mine links til at være transperant, så den ik' forstyre billedet?

//>Rune

hmm, jeg synes den burde være gennemsigtig allerede. det plejer at være default. men du kan da sætte  background: transparent;  i #LinksLayer og .fancylink  eller hvor det evt kan være den ikke er gennemsigtig (<table, <td)

fair nok..! Thx endnu engang ;o)

//>Rune

Nej hov, vent nu lidt *G* det var teksten jeg mente ;o) -hvad kan jeg gøre ved det?

//>Rune

Ups, ja der kommer da en underline på blanktegnet når du fører musen over:
  <td width='60'><a href="kontakt.html" class="fancylink">&nbsp;</a></td>

lav fancylink om til:
      .fancylink {        /* neteffects tabel-celle fylder */
          display:block;
          text-decoration: none;
      }

så skulle den være ok.

jakoba: undskyld jeg bliver ved, nu skal jeg nok beskrive det ordentlig...
Som du kan se står der med blå skrift test  test  test  test, det er dette jeg vil ha' til ikke og være synligt... Altså transperant så man kun kan se billedet bag ved...

//>Rune

.fancylink {        /* neteffects tabel-celle fylder */       
            display: block;
                        width: 100%;
                        height: 100%;
            text-decoration: none;
        }

og så lader du simpelthen være med at skrive "test" efter  &nbsp;

det var vist den der width og height der manglede for at få linket til at fylde cellen ud.

Ok, har fundet ud af det nu..
            text-decoration: none;
            color: transparent;

//>Rune

lol fair nok ;o)

//>Rune