Avatar billede smask Nybegynder
07. januar 2007 - 11:25 Der er 24 kommentarer og
1 løsning

Jeg skal vidst lige have lidt basal viden om tabeller

når jeg laver et website som skal stå centreret i browseren laver jeg 1 table 100% med 3 kolloner som sættes til 33%. På denne måde kommer kolonne 2 til at stå i midten.

Det virker fint i min editor - men når jeg lægger den ud på nettet sker der følgende.

Men siden loades springer siden ud til højre i et par sekunder - inden den så bliver centreret.

er det fordi jeg gør det forkert med kolonnerne og % ?

Takker
Avatar billede smask Nybegynder
07. januar 2007 - 11:26 #1
imens siden loades springer siden ud til højre i et par sekunder - inden den så bliver centreret.
Avatar billede steen_hansen Forsker
07. januar 2007 - 11:31 #2
Nej, det er simpelthen bare fordi siden hentes. Indtil hele tabellen er hentet ind, vil browseren jo vise det, der er i dokumentet. En bemærkning: Hvis din tabel er 100% i bredden, bør dine celler tilsammen også udgøre 100%, f.eks. 33%, 34% og 33%.
Avatar billede smask Nybegynder
07. januar 2007 - 11:33 #3
ok jeg forstår.. jeg prøver lige at ændre det du siger.

men når jeg er inde på andre sider synes jeg ikke den laver det hop ud mod højre.
Avatar billede smask Nybegynder
07. januar 2007 - 11:37 #4
nej.. stadig det samme..

når jeg f.eks. går herind på eksperten, så står siden i midten med det samme.. den laver ikke et hop ud mod højre.

jeg må gøre et eller andet forkert.
Avatar billede steen_hansen Forsker
07. januar 2007 - 11:41 #5
Ok. Kan du prøve at smide koden?
Avatar billede smask Nybegynder
07. januar 2007 - 11:43 #6
øhh.. hele koden ?
Avatar billede steen_hansen Forsker
07. januar 2007 - 11:43 #7
Gerne :o)
Avatar billede smask Nybegynder
07. januar 2007 - 11:44 #8
eller også kan du fortælle mig hvordan du gør hvis du vil have en side til at stå centreret i browseren.

din fremgangs måde
Avatar billede smask Nybegynder
07. januar 2007 - 11:44 #9
og smid lige et svar. du har allerede give masser af hjælp
Avatar billede smask Nybegynder
07. januar 2007 - 11:45 #10
:)
Avatar billede steen_hansen Forsker
07. januar 2007 - 11:52 #11
Jeg smider ikke et svar før du har fået din løsning. Det er irriterende, når folk smider svar med det samme i deres iver for at få point, og så er der ikke andre, der gider kigge på problemet, fordi de tror det er løst (du kan selv style dit CSS, som du lyster) :o)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<META HTTP-EQUIV="Expires" CONTENT="Fri, Jun 12 1981 08:20:00 GMT">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="content-type" content="text/html;charset=iso-8859-1">
<META HTTP-EQUIV="imagetoolbar" content="no">
<META HTTP-EQUIV="Content-language" content="dan">
<META NAME="robots" content="all">
<link rel="stylesheet" type="text/css" href="/includes/style.css">
<title>Min side</title>
</head>

<body>

<table style="width: 100%; padding: 0px; margin: 0px auto;">
    <tr>
        <td style="width: 33%; vertical-align: top;">&nbsp;</td>
        <td style="width: 34%; vertical-align: top;">&nbsp;</td>
        <td style="width: 33%; vertical-align: top;">&nbsp;</td>
    </tr>
</table>

</body>

</html>

Jeg håber jeg har forstået det rigtigt? Man kan jo godt sige, at tabellen er centreret, eftersom den fylder hele siden :o)

Det er style="margin: 0px auto;" som centrerer.
Avatar billede steen_hansen Forsker
07. januar 2007 - 12:01 #12
Hvis tabbellen skal have en fast afgrænset bredde, skal du bare erstatte de 100% med det antal px, som du ønsker:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>
<META HTTP-EQUIV="Expires" CONTENT="Fri, Jun 12 1981 08:20:00 GMT">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="content-type" content="text/html;charset=iso-8859-1">
<META HTTP-EQUIV="imagetoolbar" content="no">
<META HTTP-EQUIV="Content-language" content="dan">
<META NAME="robots" content="all">
<link rel="stylesheet" type="text/css" href="/includes/style.css">
<title>Min side</title>
</head>

<body>

<table style="width: 755px; padding: 0px; margin: 0px auto;">
    <tr>
        <td style="width: 33%; vertical-align: top;">&nbsp;</td>
        <td style="width: 34%; vertical-align: top;">&nbsp;</td>
        <td style="width: 33%; vertical-align: top;">&nbsp;</td>
    </tr>
</table>

</body>

</html>
Avatar billede smask Nybegynder
07. januar 2007 - 12:05 #13
hmm.. den gør det stadig..

men ikke i IE. Der gør den det som den skal.

men jeg bruger Firefox og der gør den det stadig. Mærkeligt.. fordi det er kun ved min side at den gør det.
Avatar billede steen_hansen Forsker
07. januar 2007 - 12:10 #14
Er siden hemmelig indtil videre, eller kan jeg få et link?
Avatar billede smask Nybegynder
07. januar 2007 - 12:16 #15
nej og ja.. den ligger på en server side som er hemmelig.. og det er ikke min egen nemlig..
Avatar billede steen_hansen Forsker
07. januar 2007 - 12:20 #16
Ok. Og jeg kan næsten forstå du ikke er så meget for at smide koden, fordi det vil afsløre for meget? Jeg ved godt man ikke kan offentliggøre en side, når den ikke er færdig, men har du mulighed for at rense siden for de informationer, som du ikke vil have frem og lægge her? Og har du prøvet at lægge 07/01-2007 12:01:04 ud, og hvordan opfører den sig i givet fald? :o)
Avatar billede smask Nybegynder
07. januar 2007 - 12:21 #17
jeg kan godt se det er lidt af en umulig opgave for dig når du ikke kan se siden..

jeg prøver at få en kammerat over i aften at kigge på det..

tusind tak for hjælpen :)

og jeg synes du skal have points for det.. jeg har lært lidt.. hihi
Avatar billede smask Nybegynder
07. januar 2007 - 12:24 #18
men hvis du absolut vil hjælpe med et eller andet :) saa har jeg faktisk et enkelt spørgsmål her.

<input type="button" onclick="displayWindow('signup.php','openWin','700','500','')" value="klik her">

Hvordan ser koden ud hvis denne skal sættes over på en .gif button ? isted for en input button
Avatar billede steen_hansen Forsker
07. januar 2007 - 12:30 #19
Hm, den var godt nok værre, for jeg har aldrig beskæftiget mig med gif's som submit. Et hurtigt skud fra hoften - uden garantier :o)

<img src="/images/submit.gif" onclick="displayWindow('signup.php','openWin','700','500','')" alt="Klik her">
Avatar billede steen_hansen Forsker
07. januar 2007 - 12:32 #20
Eller måske

<td style="display: block; width: 100%;" onclick="displayWindow('signup.php','openWin','700','500','')"><img src="/images/submit.gif" alt="Kilk her"></td>

Prøver det lige af ...
Avatar billede steen_hansen Forsker
07. januar 2007 - 12:38 #21
Jeg mangler selvfølgelig dit JavaScript for at kunne teste det. Har du prøvet det af?
Avatar billede smask Nybegynder
07. januar 2007 - 12:40 #22
<script type="text/JavaScript">
        <!--
        function displayWindow(theURL,winName,width,height,features) {
            var window_width = width;
            var window_height = height;
            var newfeatures= features;
            var window_top = (screen.height-window_height)/2;
            var window_left = (screen.width-window_width)/2;
            newWindow=window.open(''+ theURL + '',''+ winName + '','width=' + window_width + ',height=' + window_height + ',top=' + window_top + ',left=' + window_left + ',features=' + newfeatures + '');
            newWindow.focus();
        }
        //-->
    </script>
Avatar billede steen_hansen Forsker
07. januar 2007 - 12:43 #23
Jamen! Det virker jo :o)

<td style="display: block; width: 100%;" onclick="displayWindow('signup.php','openWin','700','500','')"><img src="/images/submit.gif" alt="Kilk her"></td>

På din submit.gif skal du så skrive ind i billedet "Klik her". Så skulle den være pingeling :o)

Jeg ved dog ikke om der er en smartere måde at ordne det på, der er garanteret oprettet mange spørgsmål på dét problem :o)
Avatar billede smask Nybegynder
07. januar 2007 - 12:45 #24
:) ja det virker..

tak for hjaelpen.. og nu kan du godt ta imod points
Avatar billede steen_hansen Forsker
07. januar 2007 - 12:46 #25
Glæder mig - og takker for point :o)
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
Kurser inden for grundlæggende programmering

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