Hive banner ned i bunden... Hvordan?

Det bliver nok ikke helt så nemt, som du tror. Du kan gøre det vha. JavaScript, hvis du vil det.

Dit ser sådan her ud:
<CENTER>
<A HREF="http://www.prcdata.dk/">
<IMG SRC="Billeder/banner/www.prc.dk.gif" ALT="PRC Data" BORDER="0">
</A>
</CENTER>

det mangler en bestemt position.


f.eks.
<IMG SRC="Billeder/banner/www.prc.dk.gif" ALT="PRC Data" BORDER="0"
style="position:absolute;bottom:15px;left:200px;z-index:2;">


Håber du forstår

phoenixv >> Nej, det kan laves med CSS... Men jeg vil da gerne se dit forslag...

-master-d- >> Lige præcis.. ku ikke lige huske det... Men hvis nu siden er højere end skærmbilledet, vil det så  ikke bare komme til at ligge i bunden af skærmen, måske oveni noget tekst? Kan jeg få den til at ligge helt i bunden af siden, ikke af skærmen...

//e-SKape

e-skape>> Nej, det kan ej. Ikke hvis det skal virke i alle opløsninger i de fleste browsere!

Nej, det er oss det jer er bange for... ang. browserne, supporterer Netscape ikke CSS-positionering? Det kommer nok...

//e-SKape

Mit forslag er som følger:

1. Giv den TD, hvor banneret ligger i, en id, fx "minTD":

<td id="minTD">

2. Tilføj dette til banneret:

<div id="minDiv" style="position: absolute; left: -300; top: -300; visibility: hidden;">
<a href="http://www.prcdata.dk/">
<img src="Billeder/banner/www.prc.dk.gif" alt="PRC Data" border="0">
</a>
</div>

3. Sæt dette ind lige efter banner-koden:

<script language="JavaScript" type="text/javascript">
bredde = 300; //Bredden på dit banner
hojde = 100; //Højden på dit banner

function obj(id) {
if (document.getElementById)
return document.getElementById(id);
else if (document.all)
return document.all[id];
}

l = obj("minTD").offsetLeft;
t = obj("minTD").offsetTop;
w = obj("minTD").offsetWidth;
h = obj("minTD").offsetHeight;
obj("minDiv").style.left = l + (w - bredde) / 2;
obj("minDiv").style.top = t + h - hojde;
</script>

Netscape understøtter skam det hele, men der kan opstå små forskydninger pga. anderledes forståelse for små bagateller. Og det er det, den perfektionistiske designer må tage højde for!

Ups, der mangler lige denne linje før det afsluttende </script>-tag:

obj("minDiv").style.visibility = "visible";

Hmmm.. Nu er jeg ikke så faens scrap til det dersen JS.. Kan jeg ikke få en forklaring på, hvad de forskellige linier gør?

Og hvorfor faen skriver mit tast nu engelsk??? Det er jo ikke til at finde tasterne saa....

&& Argh!!!
Naa i faar den uden skraastreger saa...

e-SKape

Tja, basically så aflæser scriptet td'ens position fra venstre og toppen af skærmen og dens bredde og højde.
Herefter placerer den div'en med banneret i på en position fra venstre svarende nøjagtig til td'ens position fra toppen + (td'ens bredde - bannerets bredde) / 2.
Fra toppen bliver div'en placeret lig med td'ens position fra toppen + td'ens højde - div'ens højde.

Jeg håber du kan følge mig, men elles kommer det nok! :)
Det eneste, du faktisk skal gøre, er, at indsætte bannerets dimensioner øverst i scriptet!

Ok... Jeg tester lige inden jeg accepterer.

&& Damned... det er kun herinde paa E, at den skriver med engelsk...
//e-SKape

Har ikke lige testet dit forslag endnu, jeg fik et andet et på usenet i dk.edb.internet... et eller andet :)

Kan man ikke bare en table, der fylder resten af td'en ud (dvs. height="100%")?
Jeg har lavet det sådan:

<TABLE ALIGN="center" BORDER="0">  <!-- Kan man ikke bruge height her? -->
<TR VALIGN="bottom">
  <TD VALIGN="bottom" HEIGHT="100%" STYLE="border:0;">
  <A HREF="http://www.prcdata.dk/" TARGET="BannerOut">
    <IMG SRC="<%= SitePath %>Billeder/banner/www.prc.dk.gif" ALT="PRC Data" BORDER="0">
  </A>
  </TD>
</TR>
</TABLE>

Men det virker ikke... burde det ikke det?

Du kan se den fulde kilde i Vis Kilde

prøv:
<table style="width:100%;height:100%;">
<tr>
<td align="center" valign="bottom">
<img src="mitbillede.gif" border="0">
</td>
</tr>
</table>

Ja, du har fat i noget... Men banneret kommer mærkværdigvis ikke frem med en style="height:100%;" Den kan sige hvor bred billedet er, da jeg har taget border=1 på table, og så viser den en ramme med banner-bredde, men billedet kommer ikke frem... Prøver lige som du sagde med en width:100%; også

//e-SKape

Nej, det hjalp ikke... Det var sq da .... Tænke-tænke

Jeg kunne selvfølgelig også tage copyrigth og opdateret-teksten og putte helt udenfor (ned i det grå) og så bruge den nederste blå ramme til reklamer...

//e-SKape

phoenixv >> Jeg har endnu ikke afprøvet din løsning, da jeg synes det er lidt meget, bare for et reklame-banner...

alle >> Hvorfor virker det ikke? Jeg kan sq ikke se det.

<table style="width:100%;height:100%;"> <-- Laver en tabel, der fylder 'resten' ud
<tr>
  <td align="center" valign="bottom"> <-- centrerer, og lægger indholdet ned i bunden af TD'en
  <img src="mitbillede.gif" border="0">
  </td>
</tr>
</table>

Men det virker ikke... Jeg har også prøvet med height:'*' , men så bliver højden bare bannerets højde, og så kommer banneret jo ikke helt ned til linien.

Jeg forstår det ikke

//e-SKape

Jeg har på fornemmelsen at din side har meget stor chance for at blive lukket hvis udbyderne opdager dette!!
http://sk.lir.dk/e-skapehp/vis_artikel.asp?art=cracks.asp

Årh, slap af... hehe

Hvis nu de har tænkt sig eat gøre noget, for de 10 (gamle) cracks jeg har, så må jeg jo fjerne dem.. Det er sq ikke for at alle mulige går ind på min side, og henter cracks... Det har vi jo astalavista.box.sk til... hehe

Hvordan lavede du linket? Kom det automatisk eller hvad?

Er der nogen der har lavet en løsning der virker?

I teorien burde det, i skriver her, virke. Men det gør det ikke!

//e-SKape

Hejsa...

Jeg har godt nok stadig ikke fået det til at du... Men jeg er ved at lave et nyt layout, det jeg har er sq for kompliceret og tungt at hente.

pooenixv >> Tak for din tid, men jeg vil ikke bruge så meget kode på et simpelt banner... det _må_ kunne laves mere simpelt... :-) Undskyld hvis jeg er for tykhovedet...

yuosif >> Det var også sådan jeg ville lave det, men af mærkværdige grunde løber tablet ned bagved den hvide linie, eller også er den kun bannerets højde, dvs, den når ikke helt ned til bunden :-(

Tak for hjælpen begge to

Med venlig hilsen
e-SKape