Søg
Avatar billede unknown_someone Juniormester
02. juli 2003 - 21:30 Der er 5 kommentarer og
2 løsninger

placering af billede

Jeg søger noget kode til hvordan jeg kan placere et billede helt ude i højre side af browseren samtidig med at det skal være centreret.

billedet er meget højt, så man vil ikke kunne se hele billedet ved 800x600. Det specielle ved centreringen er, at billede ikke på stoppe oppe ved browserens kant når det ikke kan være der - det skal skubbes op over browserens kant sådan så der skæres lige meget af bunden og af toppen så man kun ser der midterste af billedet.

En ekstra ting er, at hvis billedet går ned unde browserens kant må der helst ikke fremkomme scrollbars - men det er ikke et must i første omgang.
Avatar billede roenving Novice
02. juli 2003 - 21:54 #1
Fik dette til umiddelbart at se rigtigt ud:

<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">
function posPic(){
var x=y=0;
i=document.getElementById('myImage');
y=i.clientHeight;
i.style.top=(document.body.scrollHeight-y/2);
//alert(y+" "+document.body.scrollHeight+" "+i.style.top);

}
</SCRIPT>
</HEAD>
<BODY ONRESIZE="posPic()" ONLOAD"posPic()">
<div id="myImage" style="position:absolute;top:-50px;right:0px;"><IMG SRC="billede.jpg"></DIV>
<BR>
Avatar billede mm12010 Nybegynder
02. juli 2003 - 22:08 #2
du kan også klare det med css:

body{
  background-image: url(billede.gif) no-repeat right center;
  }
Avatar billede unknown_someone Juniormester
02. juli 2003 - 22:20 #3
mm12010 >> har godt nok ikke forsøgt dit eksempel endnu, men vil den ikke stadig stoppe når billedet når toppen af body?

roenving >> heller ikke prøvet, men kigger lige på det hurtigst muligt
Avatar billede unknown_someone Juniormester
14. juli 2003 - 12:35 #4
vi fandt en løsning så det kunne gøres med styles - lidt som mm12010 skriver...

så hvis begge kommer med svar deles point
Avatar billede roenving Novice
14. juli 2003 - 12:45 #5
Hvordan ser det så ud ?-)
Avatar billede mm12010 Nybegynder
05. august 2003 - 11:50 #6
:o)
Avatar billede unknown_someone Juniormester
24. august 2003 - 00:13 #7
siden er pt sat på stand-by af kunden - og pga vores aftale kan jeg ikke vise den frem før den lægges online
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:17 Kan man kopiere en DVD og afspille den på * Linux Mint - Cinnamon - 22.1 - "Xia" * ? Af Ikke-ekspert i Linux
27/0821:03 Kan man få Word viewer gratis Af Strawberry i Word
26/0813:28 Findes der en brugsanvisning til : "ONKYO Stereo Casette - Tape Deck - R1" Af Ikke-ekspert i Musik & videoafspillere
24/0820:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
24/0811:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
White papers
Flere white papers »