Avatar billede Slettet bruger
18. april 2007 - 01:21 Der er 6 kommentarer og
2 løsninger

Hvordan laver man dette i CSS?

Hejsa.

Jeg ønsker at lave et lille billede (med link til toppen af siden) på mit website, som ALTID er placeret i højre bund af skærmen - uanset om siden fylder mere end skærmens højde eller ej.

Præcis ligesom på dette website: http://www.comodo.com

Men hvordan kan man lave det i CSS, som kan valideres korrekt i hhv. CSS og HTML?
PS: Hvis der skal flettes JavaScript ind i koden, for at det virker, er det også helt OK. Bare det kan valideres korrekt i hhv. CSS og HTML.
Avatar billede Slettet bruger
18. april 2007 - 01:22 #1
Dette link er nok bedre, for at kunne se effekten:
http://www.comodo.com/products/free_products.html
Avatar billede efes Nybegynder
18. april 2007 - 08:53 #2
Hej extend

Hvis du går ind i koden på siden, og søger efter et grafikelement der hedder cornertrust.gif, så kan du se, hvor i koden de kalder et JavaScript der hedder cot.js (Det kan du finde her: http://www.trustlogo.com/trustlogo/javascript/cot.js)

Jeg ved ikke om det rækker, i forhold til hvad du efterlyser, men så har du da noget at kigge på, indtil andre evt. kan byde ind med noget bedre.

mvh.
Efes
Avatar billede Slettet bruger
18. april 2007 - 09:26 #3
Hej Efes.

Jepper, det kiggede jeg også på, efter at jeg havde oprettet spørgsmålet i nat.

Der er bare en hulens masse kode i det javascript, som gør en masse irelevante ting jeg ikke lige kan finde ud af at sortere fra. Og noget af den nødvendige CSS-kode, validerer desværre ikke. Det er mildest talt noget rod.

Så jeg tænkte, at der MÅ da være en nemmere måde at lave sådan et lille script på?
Avatar billede Slettet bruger
18. april 2007 - 09:27 #4
hmmm... måske jeg burde oprette spørgsmålet i Javascript-afdelingen i stedet for?
Avatar billede efes Nybegynder
18. april 2007 - 09:52 #5
Ved ikke om dette måske kan bruges. Det er bare en lille tanke, og noget hurtigt sammenflækket kode.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <title></title>
  <style type="text/css">
.corner {
    position: absolute;
    top: 100%;
    left: 100%;
}
</style> 
  </head>
  <body>
    <div class="corner">
<img src=".../test.JPG" alt="test" title="test" />
    </div>
  </body>
</html>

mvh.
Efes
Avatar billede Slettet bruger
18. april 2007 - 13:28 #6
Hej Efes.

Tak for tanken og indlægget, men nej. Det fungerer ikke. Desværre er det ikke så nemt.
Men læg et svar, så tildeler jeg dig lidt points for din indsats alligevel. :-)

Ellers så tror jeg, at jeg vil lukke her og oprette spørgsmålet i Javascript-afdelingen i stedet for.
Avatar billede efes Nybegynder
19. april 2007 - 09:00 #7
Du behøver ikke give mig point, da jeg jo ikke rigtig har bidraget med noget brugbart.

Håber du har bedre held i JavaScirpt afdelingen.

mvh.
Efes
Avatar billede Slettet bruger
19. april 2007 - 12:49 #8
Hej Efes.

Du har ikke bidraget med et brugbart svar, nej. Men du har bidraget med mulige forslag og ideer, og som situationen er, vil jeg gerne belønne din indsats med lidt points. :-)

Derfor lægger jeg også selv et svar, og kan dermed også tilbageføre points og lukke spørgsmålet.
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