Søg
Avatar billede krydset Nybegynder
02. februar 2004 - 17:04 Der er 15 kommentarer og
1 løsning

Centrere en hel side

Hejsa, hvordan centrere jeg hele den her side, så den er i midten. koden kommer her
Jeg har prøvet med det her men intet kan gøre det-->
<div style="text-align:center; width:100%;">
<center>
Det skal siges at de elementer der  på siden er fastlåst med absolute:position;

-----------------------------------------------------------------

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.0 Transitional//EN"
            "http://www.w3.org/TR/REC-html40/loose.dtd" >
           
<html>
<!--
  HTML 4.0 Transitional
  Document type as defined on http://www.w3.org/TR/1998/REC-html40-19980424/
-->
<head>
    <title>Title here!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <link rel="stylesheet" type="text/css" href="cfg/style.css">
</head>
<body>

<div style="text-align:center; width:100%;">
<center>
        <img src="pic/logo.jpg" id="logo">
   
       
<div id="menu_left">
<?PHP
$_SESSION['jek'] = "OK";
$URL = $_SERVER["HTTP_HOST"].$_SERVER["PHP_SELF"];
if($_SESSION['tjek']) {
?>

<table style="width: 150px; height: 200px; border-collapse: collapse;">

<tr><td><br></td></tr>
<tr>
        <td id="over" align="center" style="padding: 3px; border: 1px solid #6a7e94; height: 20px">MENU</td></tr>
    <tr>
    <td style="padding: 3px; background-color: white; border: 1px solid #6a7e94; height: 180px; vertical-align: middle; text-align: center">
        <form action="sider/login.php" method="POST">
       
        <table align="center"  width="100%">
               
                    <tr>
                        <td>Du er logget ind som</td>
                    </tr>

                    <tr>
                        <td align="center"></td>
                    </tr>

                    <tr>
                        <td><hr></hr>
                    </tr>

                    <tr>
                        <td><a href="sider/send_mess.php" target="main">Send besked</a></td>
                    </tr>
           
                    <tr>
                        <td><a href="sider/read_mess.php" target="main">Læste beskeder</a> </td>
                    </tr>

                    <tr>
                        <td><a href="sider/unread_mess.php" target="main">U-Læstebeskeder</a> </td>
                    </tr>

                    <tr>
                        <td><hr></hr>
                    </tr>

                    <tr>
                        <td><a href="sider/show_all_movies.php" target="main">Se alle film</a></td>
                    </tr>

                    <tr>
                        <td><a href="sider/show_own_movies.php" target="main">Se egne film</a></td>
                    </tr>

                    <tr>
                        <td><a href="sider/search_movie.php" target="main">Søg film</a></td>
                    </tr>

                    <tr>
                        <td><a href="sider/print_list.php" target="main">Print list</a></td>
                    </tr>

                    <tr>
                        <td><hr></hr>
                    </tr>

                    <tr>
                        <td><a href="sider/new_movie.php" target="main">Opret film</a></td>
                    </tr>

                    <tr>
                        <td><a href="sider/new_news.php" target="main">Opret nyhed</a></td>
                    </tr>

                    <tr>
                        <td><a href="sider/new_link.php" target="main">Opret links</a></td>
                    </tr>

                    <tr>
                        <td><a href="sider/new_user.php" target="main">Opret bruger</a></td>
                    </tr>

                    <tr>
                        <td><hr></hr>
                    </tr>

                    <tr>
                        <td><a href="sider/test.php" target="main">Logud</A></td>
                    </tr>
                   


</table>
<?php
} else {
?>

</table>



<table style="width: 150px; height: 200px; border-collapse: collapse;">

<tr><td><br></td></tr>
<tr>
        <td id="over" align="center" style="padding: 3px; border: 1px solid #6a7e94; height: 20px">MENU</td></tr>
    <tr>
        <td style="padding: 3px; background-color: white; border: 1px solid #6a7e94; height: 180px; vertical-align: middle; text-align: center">
        <form action="sider/login.php" method="POST">
        <table align="center"  width="100%">

            <tr>
            <td align="center">Brugernavn</td>
            </tr>

            <tr>
            <td align="center"><input type="text" name="user_name" id="txt_box"></td>
            </tr>

            <tr>
            <td align="center">Password</td>
            </tr>

            <tr>
            <td align="center"><input type="password" name="pass_word" id="txt_box"></td>
            </tr>

            <tr>
                <td><br></td>
            </tr>

            <tr>
            <td align="center"><input type="submit" name="login" id="submit" value="login"></td>
            </tr>

            <tr>
                <td><br></td>
            </tr>


            <tr align="center">
                <td><a href="sider/test.php?id=12" target="main">Logud</a></td>
            </tr>



            </table>
           
            </form>
<?PHP
}
?>

        </td>

    </td>


        <tr><td><br></td></tr>

<tr>
</tr>
</tr>
</tr>


<tr>
        <td id="over" align="center" style="padding: 3px; border: 1px solid #6a7e94; height: 20px">MENU</td></tr>
    <tr>
        <td style="padding: 3px; background-color: white; border: 1px solid #6a7e94; height: 180px; vertical-align: middle; text-align: center">
       
        <table align="left">
        <?PHP
        if($_SESSION['tjek'] !== "OK") {
            ?>

                  <tr>
                    <td>Du er ikke logget ind</td>
                </tr>

                <?PHP
            } else {
                ?>

                <tr>
                    <td>Antal film </td>
                </tr>

                <tr>
                    <td>Antal film du ejer</td>
                </tr>

                <tr>
                    <td>Din % del er: </td>
                </tr>

                <tr>
                    <td><hr></td>
                </tr>

                <tr>
                    <td>Top poster</td>
                </tr>

                <tr>
                    <td><br></td>
                </tr>
                   
                <tr>
                    <td></td>
                </tr>
           
                <tr>
                    <td><hr></hr>
                </tr>

                <tr>
                    <td>Der er i hver kategori :<td>
                </tr>
   
               
                <?PHP
                    }
                ?>
               

        </table>
       
        </td>

    </td>

        <tr><td><br></td></tr>

<tr>
</tr>
</tr>
</tr>


<tr>
        <td id="over" align="center" style="padding: 3px; border: 1px solid #6a7e94; height: 20px">MENU</td></tr>
    <tr>
        <td style="padding: 3px; background-color: white; border: 1px solid #6a7e94; height: 180px; vertical-align: middle; text-align: center">

            <table align="center">
            <?PHP
            if ($_SESSION['tjek'] !== "OK") {
                ?>
                <tr>
                    <td>Du er ikke logget ind</td>
                </tr>
                <?PHP
                } else {
                ?>
                <tr align="center">
                    <td align="center">Velkommen</td>
                </tr>
            <?PHP
        }
        ?>

            </table>
        </td>

    </td>

        <tr><td><br></td></tr>

<tr>
</tr>
</tr>
</tr>
</table>

</div>

<DIV id="iframe">

    <iframe id="dynamIframe" name="main" width="485" height="650" frameborder="1" src="sider/start.php"></iframe>

</div>


<div id="menu_right">

<table style="width: 150px; height: 200px; border-collapse: collapse;  ">

<tr><td><br></td></tr>


<tr>
    <td id="over" align="center" style="padding: 3px; border: 1px solid #6a7e94; height: 20px">MENU</td></tr>
    <tr>
        <td style="padding: 3px; background-color: white; border: 1px solid #6a7e94; height: 180px; vertical-align: middle; text-align: center">

            <table align="Center">
            <?PHP
            if($_SESSION['tjek'] !== "OK") {
                ?>
           
                    <tr>
                        <td>Du er ikke logget ind</td>
                    </tr>
                    <?PHP
                } else {
                    ?>

                    <tr>
                        <td>Velkommen</td>
                    </tr>

                    <tr>
                        <td></td>
                    </tr>

                    <tr>
                        <td></td>
                    </tr>

                    <tr>
                        <td></td>
                    </tr>
                    <?PHP
                }
                    ?>
               
            </table>
        </td>


        <tr><td><br></td></tr>


<tr>
        <td id="over" align="center" style="padding: 3px; border: 1px solid #6a7e94; height: 20px">MENU</td></tr>
    <tr>
        <td style="padding: 3px; background-color: white; border: 1px solid #6a7e94; height: 180px; vertical-align: middle; text-align: center">

            <table align="center">
            <?PHP
            if($_SESSION['tjek'] !== "OK") {
                ?>
                <tr>
                    <td>Du er ikke logget ind</td>
                </tr>
                <?PHP
            } else {
                ?>
                    <tr>
                        <td>Velkommen</td>
                    </tr>
                    <?PHP
                }
                ?>


       
            </table>
        </td>

<tr><td><br></td></tr>


<tr>
        <td id="over" align="center" style="padding: 3px; border: 1px solid #6a7e94; height: 20px">MENU</td></tr>
    <tr>
        <td style="padding: 3px; background-color: white; border: 1px solid #6a7e94; height: 180px; vertical-align: middle; text-align: center">

            <table align="center">
            <?PHP
            if($_SESSION['tjek'] !== "OK") {
                ?>
       
                <tr>
                    <td>Du er ikke logget ind</td>
                </tr>
                <?PHP
            } else {
                ?>

           
                <tr>
                    <td><a href="sider/delete_movie.php" target="main">Slet / Redigere film</a></td>
                </tr>

                <tr>
                    <td>Slet bruger</td>
                </tr>

                <tr>
                    <td>Slet link</td>
                </tr>

                <tr>
                    <td>Slet nyhed</td>
                </tr>

                <tr>
                    <td><br></td>
                </tr>

                <tr>
                    <td><a href="sider/change_movie.php">Redigere film</a></td>
                </tr>

                <tr>
                    <td>Redigere bruger</td>
                </tr>

                <tr>
                    <td>Rediger link</td>
                </tr>

                <tr>
                    <td>Rediger nyhed</td>
                </tr>


                <tr>
                    <td><br></td>
                </tr>

                <tr>
                    <td>Se iplog</a></td>
                </tr>

                <?PHP
            }
                ?>


       
            </table>

    </tr>
   
</table>

</div>

</div>




</body>
</html>

Jeg ville være meget taknemmelig over lidt hjælp
Avatar billede henrik6666 Nybegynder
02. februar 2004 - 17:12 #1
Jeg synes den ser pænt centreret ud med IE6.0
Avatar billede nute Nybegynder
02. februar 2004 - 17:20 #2
du skal sætte

text-align:center;

som style på dit body-tag

/nute
Avatar billede krydset Nybegynder
02. februar 2004 - 17:23 #3
Den bliver ikke centreret med det nute
kig her

http://www.bluedevils.dk/ny/

og henrik kig på min url så kan du se den ikke er i center
Avatar billede skovenborg Nybegynder
02. februar 2004 - 17:23 #4
nute >> Ja, hvis du bruger IE så er text-align nok. Men normalt plejer man at skrive margin:0px auto; på det sted man vil centrere. I dette tilfælde giver det dog ikke så meget mening da han samtidig laver et <center>-tag som klarer det for ham.
Avatar billede henrik6666 Nybegynder
02. februar 2004 - 17:27 #5
http://www.jubee.dk/table3.htm
Avatar billede nute Nybegynder
02. februar 2004 - 17:33 #6
tja ... det havde jo måske også hjulpet *endel* hvis HTML var skrevet ordentlig ... et hurtig blik på de første linjer kode:

<body style="text-align:center;">
<div style="text-align:center; width:100%;">
  <center>
  <img src="pic/logo.jpg" id="logo">
  <div id="menu_left">
  </table>


den </table> skal da ikke være der.

/nute
Avatar billede krydset Nybegynder
02. februar 2004 - 17:44 #7
ok er der nogen der kan lave det så logo i top iframe i midt, 3 menu bokse på hver side, jege r ikke skrap til det. eller er der nogen af jer der har en skabelon og ligge
Avatar billede krydset Nybegynder
02. februar 2004 - 17:46 #8
det hele skal være centreret!!!!
Avatar billede nute Nybegynder
02. februar 2004 - 18:07 #9
du positionerer jo alting i dit stylesheet. det er jo ikke så mærkelig at ingenting ikke er i midten !! du positionerer jo blandt andet dit ene <div> her:


#menu_right
{
    position: absolute;
    top: 80px;
    left: 675px;
}

dette <div> vil jo aldrig blive centreret

/nute
Avatar billede skovenborg Nybegynder
02. februar 2004 - 18:12 #10
Du kan i hvert fald lave det her om i starten:
<div style="text-align:center; width:100%;">
<center>
        <img src="pic/logo.jpg" id="logo">

til:
<div style="width:800px;margin:0px auto;position:relative;">

        <img src="pic/logo.jpg" id="logo">

Og så skal du nok lige rode lidt med dine positions i dit css.
Avatar billede skovenborg Nybegynder
02. februar 2004 - 18:14 #11
...nåja og så skal du nok også få rodet lidt op i din HTML som nute bemærker.

Du kan få lidt ideer om hvad der skal rettes her:
http://validator.w3.org/check?uri=http://www.bluedevils.dk/ny/

(kan være lidt svær at forstå, men generelt set er problemmet at du afslutter nogle steder hvor du ikke har startet endnu)x
Avatar billede krydset Nybegynder
02. februar 2004 - 18:19 #12
Skovenborg dit centrerede det :-D
Læg et svar
Avatar billede krydset Nybegynder
02. februar 2004 - 18:20 #13
Så må jeg hellere få ryttet op i koden =;)
Avatar billede skovenborg Nybegynder
02. februar 2004 - 18:25 #14
ja, det kan tage lidt tid når du nu er kommet så langt som du er - men det altid dejligt at få lidt styr på tingene ;-)
Avatar billede krydset Nybegynder
02. februar 2004 - 19:40 #15
takker
Avatar billede skovenborg Nybegynder
02. februar 2004 - 19:57 #16
og takker for point :-)
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 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.

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 15:02 Gemme besked fra Facebook / Messenger Af lurup i Sociale medier
29/0820: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
White papers
Flere white papers »