Avatar billede lille_nina Nybegynder
23. juli 2002 - 15:56 Der er 12 kommentarer og
1 løsning

layer abosolute eller relativt? Tekst på billede der rykker sig

Jeg sidder med en hjemmeside hvor alt indholdet er i et table der er centreret.
Jeg har noget tekst og billeder som skal ovenpå et andet billede. Jeg har brugt et layer til at placere teksten og billederne, men da hele indholdet på siden er centreret rykker det sig selvfølgelig, og mit layer er positioneret absolute. Kan man gøre det relativt?

Det letteste ville selvfølgelig være hvis mit baggrundsbillede kunne være baggrund i et table, men det fylder ikke så meget, og jeg vil ikke have det gentaget. Teksten og billederne der skal ligge ovenpå vil kunne være ret lange og variere fra side til side.

Hvordan løses dette lettest?
Avatar billede ztyxx Nybegynder
23. juli 2002 - 16:15 #1
kan du ikke gøre det sådan??

<div style="position:relative;top: 10px;left: 50px">ting og tekst</div>
Avatar billede =maddog= Nybegynder
23. juli 2002 - 16:17 #2
den funktion du bruger til at placerere dine div's med (layer er betegnelsen for en absolut positioneret div, mens en ilayer er en relativt positioneret div) kalder du med onresize.
Jeg regner med at du anvender en rutine til at finde højde/bredde med

function setDivs() {
den og den div.top = en funktion der finder skærmhæjde / 3;
og så videre
}
onresize = setDivs;
Avatar billede =maddog= Nybegynder
23. juli 2002 - 16:20 #3
skal jeg lave et eksempel til dig?
Avatar billede lille_nina Nybegynder
23. juli 2002 - 16:29 #4
Måske ville et eksempel være godt...
Jeg har lige lagt det omtalte dokument op på vores server, så er det lidt lettere at vide hvad det er jeg taler om...

http://www.zapin-webdesign.net/design5/
Avatar billede =maddog= Nybegynder
23. juli 2002 - 17:09 #5
Avatar billede lille_nina Nybegynder
23. juli 2002 - 17:22 #6
det ser godt ud.
Kan du evt. hjælpe med hvor meget af det jeg skal bruge? Det var da en satans masse kode, for sådan et lille problem.
Og hvilke parametre er det jeg skal ændre? Hvad er det der definere hvor div'en er? Den skal placeres relativt i forhold til hvad?
Avatar billede =maddog= Nybegynder
23. juli 2002 - 17:35 #7
div'en placeres i forhold til øverste venstre hjørne og vinduets proportioner. Jeg kan ikke engang se din side i NS7 så jeg valgte at lave et eksempel i stedet.
Koden er objekt-orienteret og som sådan er det selve problemet der kræver al koden. yderligere div's kan positioneres med to linjer kode pr. stk.
dv1.css.top = parseInt(getWD("height"))/3 + px; // sætter y koordinat
dv1.css.left = parseInt(getWD("width"))/3 + px; // sætter x koordinat
kort sagt:
højde/koefficient +/- fast værdi
(parseInt(getWD("width"))/4 + 150) + px
sætter x koordinaten en fjerdedel af bredden plus 150.
Avatar billede lille_nina Nybegynder
23. juli 2002 - 17:41 #8
Hvis du vil se den, prøv evt. her:
http://www.zapin-webdesign.net/design5/html/home.html
Jeg vil sætte mig ned og læse din kommentar igennem et par gange eller 10 og se om jeg kan finde ud af det.
Avatar billede =maddog= Nybegynder
23. juli 2002 - 17:56 #9
hvilken opløsning har du optimeret til?
Avatar billede lille_nina Nybegynder
23. juli 2002 - 18:00 #10
800x600
Avatar billede =maddog= Nybegynder
23. juli 2002 - 18:33 #11
nu skulle de flytte sig efter vinduets størrelse. du må selv lige rette det til. jeg har lidt svært ved at visualisere hvad du mener.
Avatar billede lille_nina Nybegynder
23. juli 2002 - 19:00 #12
prøv at gå ind på det sidste link jeg sendte dig. Det er det dokument som du har rettet i. Problemet er det skide "layer3".
Hvis du laver dit vindue større sidelæns, så bevæger det sig ikke med. Giver det mere mening?
Avatar billede =maddog= Nybegynder
23. juli 2002 - 19:13 #13
så. nu må du selv rode med resten.
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