Avatar billede smil Nybegynder
17. april 2001 - 01:01 Der er 10 kommentarer og
1 løsning

Placering af image i bunden af en html side

Det lyder som et simpelt spørgsmål, men jeg kan ikke finde ud af det.

Hvordan får jeg placeret et billede(image) i bunden af min HTML side ?

Jeg vil gerne placere et billede i nederste venstre hjørne. Pointen er at det skal være den nederste synlige del af HTML siden og altså dermed være på en forskellig absolut position, alt efter opløsningen på skærmen.
Avatar billede perla Nybegynder
17. april 2001 - 03:12 #1
<table width=\"100%\" cellpadding=\"0\" cellspacing=\"0\" valign=\"bottom\" border=\"0\" height=\"100%\">
  <tr>
    <td valign=\"bottom\">
      <table width=\"100%\" border=\"1\">
        <tr>
          <td>Nederst venstre</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
Avatar billede thomasskov Nybegynder
17. april 2001 - 09:08 #2
hvis du bruger programmer som frontpage eller dreamweaver har du mulighed for at se tabellen som perla foreslår. Begge programmer giver et godt overblik og en forståelse for ovenstående kode.
thomasskov
Avatar billede jonas_html.dk Nybegynder
17. april 2001 - 16:09 #3
Det laver du nemt med CSS:

Positionering af et billede kan du læse mere om her:
http://www.html.dk/tutorials/css/lektion14.asp

Hvis du vil lave det samme trick med et baggrundsbillede:
http://www.html.dk/tutorials/css/lektion3.asp#background-position

Mvh
Jonas
Avatar billede ras2000 Nybegynder
18. april 2001 - 10:52 #4
Denne javascript kode sætter forskellige div-tags forskellige steder på en side, afhængig af hvor bred siden er.
function centrer() {
    a = document.body.clientWidth/2 - 370;
    if (a < 5) a = 5;
    b = document.all.venstre.style.pixelWidth;
    c = document.all.midt.style.pixelWidth;
    d = document.all.hoejre.style.pixelWidth;
    document.all.venstre.style.left = a;
    document.all.midt.style.left = a + b + 5;
    document.all.hoejre.style.left = a + b + c + 10;
    document.all.note.style.left = 10;
    if (document.all.midt.offsetHeight + document.all.midt.offsetTop + 5 > document.body.clientHeight - 40||document.all.venstre.offsetHeight + document.all.venstre.offsetTop + 5 > document.body.clientHeight - 40) {
        if (document.all.midt.offsetHeight > document.all.venstre.offsetHeight) {
            document.all.note.style.top = document.all.midt.offsetHeight + document.all.midt.offsetTop + 5;
        }
        else {
            document.all.note.style.top = document.all.venstre.offsetHeight + document.all.venstre.offsetTop + 5;
        }
    }
    else {
        document.all.note.style.top = document.body.clientHeight - 40;
    }
    document.all.alt.style.visibility=\'visible\';
}
Den der starter document.all.note bliver sat i nederste venstre hjørne. Du kan se siden på http://www.mur-tag.dk/beta/index.asp
Avatar billede gryn Nybegynder
19. april 2001 - 20:54 #5
<div style=\"position:absolut; left:0; bottom:0; z-index:2;\">
<img ...>
</div>

brug Z-INDEX, så det ikke blander sig med andet på siden.
Avatar billede gryn Nybegynder
19. april 2001 - 20:58 #6
rettelse: ...position:absolute;...
Avatar billede smil Nybegynder
30. april 2001 - 00:10 #7
Undskyld jeg har været væk.

Det er rart med et par svar, desværre kan jeg ikke rigtig bruge de fleste af dem.

Perla: Ideen er god, men den garantere ikke at billedet altid står nederst på siden, det kan        forekomme at billedet bliver sat nedenfor skærmbilledet og derfor ikke kan ses.

Jonas og gryn: Også en god ide, men den er ikke understøttet af Netscape 4, først fra                      Netscape 6. Jeg har brug for at lave en side der både dur med Netscape
                    og Internet explorer.

ras2000: Det lyder som min løsning, men jeg er ikke 100 m. mester i Javascript. Hvordan              bruger jeg den, således at mit billede kommer til at stå i nederste hjørne.
   
Avatar billede perla Nybegynder
30. april 2001 - 00:15 #8
??, Tabellen er dimentionet til 100% af skærmen

-Per
Avatar billede perla Nybegynder
30. april 2001 - 00:19 #9
Virker hvis alt andet html er placeret inden </tabel>
Avatar billede perla Nybegynder
30. april 2001 - 00:34 #10
Prøver lige igen

<table width=\"100%\" height=\"100%\" cellpadding=\"0\" cellspacing=\"0\">
<tr>
  <td valign=\"top\">  [ Her Skal Alt Andet Indhold på siden være.....]</td>
</tr>
<tr valign=\"bottom\">
  <td align=\"center\"> <a href=\"#\">©2001</a> </td>
</tr>
</TABLE>

-Per
Avatar billede smil Nybegynder
30. april 2001 - 08:58 #11
Jeg ved ikke lige, hvad jeg gjorde forkert første gang, men nu virker det.

Perfekt!

Mange tak, det er en flot og simpel løsning :-)
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