Notifikationer

Markér alle som læst Log ud

d797fni Nybegynder

21. september 2001 - 12:16 Der er 8 kommentarer og
1 løsning

forside skal rettes til

Hvordan laver jeg denne side, så billederne til højre (dem der står noget med NordNu på) er nemme at skifte (også for en ikke erfarne webmaster), men samtidig er siden hurtigt at hente.

Lige nu benytter jeg tabeller til at placere billederne, og bruger baggrunden i tabellen til at få resten af billedet med.

Jeg ville gerne kunne dele det store billede op, men det fungere ikke rigtigt med tabeller.

Siden må ikke laves om, den skal se ud som den gør (altså sådan 90 % af den, små ændringer gør ikke noget)

Er der en som kan lave en løsning ?

Her er det store billedes psd-fil
http://www.nordenifokus.dk/FN_hjem/start.psd

Synes godt om

d797fni Nybegynder

21. september 2001 - 12:17 #1

siden er her

http://www.nordenifokus.dk/FN_hjem/default.htm

Synes godt om

roenving Novice

21. september 2001 - 12:48 #2

Hvis du smider dine billeder ind i nogle layers, kan du helt placere dem, hvor du vil.

f.eks. <div id=\'billede1\'>

Mht. til dit vedligeholdelsesproblem, kan jeg foreslå en kombination af en preload og postudfyldelse af dine divs, altså sådan noget som:

<script type=text/javascript>
var billeder = new Array();
var bilnavne = new Array(\'img1.gif\',\'img2.gif\'); //Alle billednavne her
var bilpos = new Array(\'300,200,15,25\',\'355,255,15,25\');

for (i=0;i<bilnavne.length;i++) { //preloader
billeder[i] = new Image;
billeder[i].src = bilnavne[i];
}

function udfyldDivs(){
for (i=0;i<billeder.length;i++){
var pos = bilpos[i].split(\',\');
var imgobj = document.getElementById(\'billede\'+i);
imgobj.src=billeder[i].src;
imgobj.style=\'position:absolute;width:\'+pos[0]+\';height:\'+pos[1]+\';top:\'+pos[2]+\';left:\'+pos[3];
}
}
</script>
·
·
·
</head>

<body ... onLoad=\'udfyldDivs();\'>

hth
jes

Synes godt om

d797fni Nybegynder

21. september 2001 - 12:52 #3

Det ser godt ud, men jeg kan sgu ikke lige overskue hvor jeg skal putte hvad ind !! :-)

Synes godt om

d797fni Nybegynder

21. september 2001 - 12:53 #4

Rent faktisk er jeg slet ikke med på hvad der foregår

Synes godt om

d797fni Nybegynder

21. september 2001 - 12:55 #5

Hvor mange point skal du have for at lave det for mig ?

Synes godt om

roenving Novice

21. september 2001 - 13:16 #6

var bilnavne = new Array(\'img1.gif\',\'img2.gif\'); //Alle billednavne her
var bilpos = new Array(\'300,200,15,25\',\'355,255,15,25\');

I disse to linjer placerer du en liste over billed-navne og en liste over deres positioner som \'bredde,højde,toppos,venstrepos\'

Inde i dit dokument placerer du så lige så mange div\'er med id=\'billede0\'/1/2/3 ...
Du kan vælge at lave dem så simpelt, som jeg har angivet dem øverst, for de får de tilstrækkelige attributter ved style-angivelse i udfyldDivs()-funktionen.

Hvis du vil have f.eks. onClicks på dem kan du også angive dem i de oprindelige divs.

;·]
Ps. Mine muligheder for at lave det helt færdigt for dig er lidt pauvre lige nu, men de retningslinjer jag har angivet burde kunne få dig en hel del af vejen .-)

Synes godt om

d797fni Nybegynder

21. september 2001 - 13:44 #7

Nå jeg ar lagt scriptet ind hvad gør jeg så.

Jeg er ikke inde i det med div

Synes godt om

roenving Novice

21. september 2001 - 14:11 #8

Du laver simpelthen en stribe divs:

<div id=\'billede0\'></div>
<div id=\'billede1\'></div>
<div id=\'billede2\'></div>
<div id=\'billede3\'></div>

inde i din table

;-)

Synes godt om

d797fni Nybegynder

23. september 2001 - 10:12 #9

Jeg har lavet det lidt anderledes, men du får pointene for dine ideer.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS