Avatar billede ragout.dk Nybegynder
09. juni 2001 - 13:24 Der er 3 kommentarer og
2 løsninger

centrering af side

Jeg vil gerne centrere en tabel der f.eks. er 900px bred, på følgende måde:

I ventre side er der en celle på 75px, så en stor celle på 750px og til sidst en celle på 75px. Det skal være sådan at man i 800x600 kun ser den store celle på 750px og i 1024x768 (eller større) ser det hele og centreret - altså med de 800px i midten af skærmen. Kan det lade sig gøre?!

På forhånd tak, og med venlig hilsen i øvrigt
Avatar billede x4all_dk Nybegynder
09. juni 2001 - 13:35 #1
ja!

jeg har ikke testet det, men sådan er ideen->

.. tabel.js ..

if (window.width >> 900) {

document.write(\'<Table width=\"100%\">\')
document.write(\'<TD width=\"*\"></TD>\')
document.write(\'<TD width=\"750\"></TD>\')
document.write(\'<TD width=\"*\"></TD>\')

}
else {
document.write(\'<Table>\')
document.write(\'<TD width=\"750\"></TD>\')
}


Din HTML :

<body>


<script language=\"javaScript\" src=\"tabel.js\"></script>
...
...
...
</TABLE>
Avatar billede olebole Juniormester
11. juni 2001 - 18:41 #2
<ole>
Du laver en transparent gif på 1*1 pixel og kalder den \'trans.gif\'. Så skriver du således...NB: Læg mærke til scriptet står efter body-tag\'et:

<body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">

<script language=\"JavaScript\">
winW = (document.layers)? window.innerWidth : document.body.offsetWidth;
tblStr = \'<table width=\"\'+winW+\'\">\\n\';
tblStr = \'<tr><td><img src=\"trans.gif\" width=\"\'+((winW-750)/2)+\'\" height=\"1\"></td><td><img src=\"trans.gif\" width=\"750\" height=\"1\"></td><td><img src=\"trans.gif\" width=\"\'+((winW-750)/2)+\'\" height=\"1\"></td></tr>\'
document.write(tblStr);
</script>

Det skriver dit første table-tag plus den første række med tre celler i rigtig størrelse. Derefter skriver du bare resten af rækkerne med tilhørende celler - samt naturligvis et table-slut-tag  :o)

/mvh
</bole>
Avatar billede olebole Juniormester
11. juni 2001 - 18:42 #3
Shit....  :o(

<script language=\"JavaScript\">
winW = (document.layers)? window.innerWidth : document.body.offsetWidth;
tblStr = \'<table width=\"\'+winW+\'\">\\n\';
tblStr += \'<tr><td><img src=\"trans.gif\" width=\"\'+((winW-750)/2)+\'\" height=\"1\"></td><td><img src=\"trans.gif\" width=\"750\" height=\"1\"></td><td><img src=\"trans.gif\" width=\"\'+((winW-750)/2)+\'\" height=\"1\"></td></tr>\'
document.write(tblStr);
</script>
Avatar billede olebole Juniormester
11. juni 2001 - 18:44 #4
Der manglede et \'+\' i den anden linie med \'tblStr\'...denne linie skal være én lang, ubrudt linie - frem til og med:  .............</tr>\'
Avatar billede ragout.dk Nybegynder
30. juli 2001 - 17:30 #5
Undskyld der gik så lang tid! Jeg fik aldrig rigtigt set så meget på det, og nu går der nok endnu en måned før jeg begynder at rode med det! Umiddelbart ser olebole\'s ud til at virke - tak for svaret...

Med venlig hilsen i øvrigt
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