Avatar billede dj.iceman Nybegynder
19. april 2003 - 16:58 Der er 14 kommentarer og
1 løsning

Kan man lave dette billed-gallary?!

Jeg vil starte ud med at sige at jeg ikke er helt sikker på at det overhovedet kan lade sig gøre, men prøver alligevel.

Jeg er igang med at lave lidt arbejde for min onkel. Siden ligger her: http://www.hot-design.dk/jpmtransport/ ...
Som I kan se er der en skiftende baggrund, det eneste der skifter er "Forside" --> "Menu" --> "Kontakt" !
Der hvor at der står disse ting vil jeg godt have skrevet "Næste". Det er dog heller ikke noget problem, problemet er at "Næste" skal være et link!
Nogen der er noget så langt med at læse og måske ved hvordan jeg kan få det til at være et link?!
Avatar billede dj.iceman Nybegynder
19. april 2003 - 16:58 #1
noget --> nået!
Avatar billede dj.iceman Nybegynder
19. april 2003 - 17:02 #2
Btw. ingen andre kommentarer til "projektet"... Tak!
Avatar billede cdc Novice
19. april 2003 - 17:05 #3
Da du har lagt den som bg, må du lave en celle med en transparent gif i, som du setter et hotspot på
Avatar billede dj.iceman Nybegynder
19. april 2003 - 17:08 #4
Dvs. jeg skal lave baggrunden uden nogen tekst, og en transparent gif hvori der står "Næste"!

Problemet tror jeg bliver at jeg ikke kan få cellen til passe perfekt med baggrunden!
Avatar billede cdc Novice
19. april 2003 - 17:13 #5
Her et eksempel, dog hurtigt lavet i FP:

<html>
<head>
<title>J</title>
<style TYPE="text/css">
a.test {
    text-decoration: none
}
a.test:hover {
    text-decoration: underline
}
</style>
<base target="nederst">
</head>
<body topmargin="0" leftmargin="0" link="#000000" vlink="#000000" alink="#000000">
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="100%">
  <tr>
    <td width="100%">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" height="100%">
      <tr>
        <td colspan="3" valign="top">
        &nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td width="720" height="446" background="forside.gif">
        <table border="0" height="100%" cellspacing="0" cellpadding="0" width="100%">
          <tr>
            <td width="100%" height="30%"></td>
          </tr>
          <tr>
            <td width="100%" height="40%">
        <p align="center"><font face="Verdana" size="1"><u><b>J.P.M. Transport<br>
        </b></u>
        <br>
        <img border="0" src="logo_falck.gif" width="100" height="36"><br>
        <br>
        Vi kører også for <b>
        <a target="_blank" class="test" href="http://www.falck.dk/">Falck</a></b></font><p align="center">
        <font face="Verdana" size="1">
        <a class="test" target="_self" href="start.asp">Kom videre...</a></font></td>
          </tr>
          <tr>
            <td width="100%" height="30%">
              <p align="center"><map name="FPMap0">
              <area href="http://jubii.dk" shape="rect" coords="285, 17, 342, 34"></map><img border="0" src="spacer.gif" width="383" height="87" usemap="#FPMap0"></td>
          </tr>
        </table>
        </td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td colspan="3" valign="bottom">
        &nbsp;</td>
      </tr>
    </table>
    </td>
  </tr>
</table>
</body>
</html>
Avatar billede nicklasb Nybegynder
19. april 2003 - 17:15 #6
du kunne også evt lave en div i et andet z-index, med position angivet som absolute. med det burde du kunne lave en større præsition i placeringen..
Avatar billede dj.iceman Nybegynder
19. april 2003 - 17:20 #7
/cdc: Virker det i alle opløsninger! Altså med de samme "coords"?!

nicklasb: Hvordan?!
Avatar billede nicklasb Nybegynder
19. april 2003 - 17:21 #8
et eksempel kunne se således ud :


<html>
<head>
      <title>Næste-knap forudbestemt sted på skærmen!</title>
<style type="text/css">
.midt {
position: absolute;
z-index: 1;
font-family: tahoma, arial, verdana;
font-size: 11px;
line-height: 15px;
margin-top: 150px;
margin-left: 150px;
}
</style>
</head>
<body>
<div class="midt"><a href="#">Næste</a></div>
</body>
</html>


Som du kan se har jeg her valgt at den skal være 150 px fra både toppen og venstre side.
Det kan måske tage lidt tid at finde det nødagtige tal.. Men det kommer det jo til aligevel.. Men når du først har målene kan du jo bare "genbruge" dem..
Avatar billede dj.iceman Nybegynder
19. april 2003 - 17:23 #9
nicklasb: Samme script virker så ikke i alle opløsninger, right?!
Avatar billede cdc Novice
19. april 2003 - 17:24 #10
tror nok jeg ville bruge niclas b's forslag
Avatar billede nicklasb Nybegynder
19. april 2003 - 17:25 #11
nu ved jeg ikke lige  hvordan du har sat din side op.. har ikke lige kigget så meget mere end en gang på den.. men hvis den fx er centeret kan du også bare gøre dette med diven..

se et eksempel på centreret div her : http://www.bornstein.dk/centereddiv.htm
altså du har ud over det der er herover en top og en left sat til 50%

left: 50%;
top: 50%;
margin-top: -125px;
margin-left: -125px;

Du ved at kassen er 250 · 250 ( i mit tilfælde )
Da der er én halvdel til hver side bliver det 125 i margen midre end de 50%..
Hvis du skal have den længere til højre skal du derfor bare tage et højre tal.. Fx 150.. Prøv dig frem.. :)
Avatar billede nicklasb Nybegynder
19. april 2003 - 17:27 #12
hov.. hvis den skal længere til højre, skal du selvfølgelig bare trække mindre fra.. altså ved at skrive 150 kommer den længere til venstre.. og ved fx 100 kommer den længere til højre.. simpelt.. ;)
Avatar billede dj.iceman Nybegynder
19. april 2003 - 17:28 #13
Okay, jeg prøver...!
Avatar billede dj.iceman Nybegynder
20. april 2003 - 16:24 #14
Okay, det virker jo perfekt... Tak, begge to! Jeg brugte nicklasb's forslag, så læg nogen svar!
Avatar billede nicklasb Nybegynder
20. april 2003 - 16:30 #15
glad for at du kan bruge det.. og værsgo :D
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
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

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