Søg
Avatar billede znopie Nybegynder
10. februar 2009 - 16:48 Der er 9 kommentarer

Script flytter mit design

Hej Eksperter

Jeg har et problem med den her kode flytter på mit design:

<?php /* START */

class templateParser
    {
        public $template = "default_template.htm";
        public $output, $tags;
        public function parse()
            {
                $this->output = file_get_contents($this->template);

                    foreach($this->tags AS $tag => $data)
                        {
                            $this->output = str_replace('{{'.$tag.'}}', utf8_encode(trim($data)), $this->output);
                        }
                echo $this->output ;
            }
}

/* END */ ?>

http://img144.imageshack.us/img144/1157/rykketdesignbe4.th.jpg
Avatar billede znopie Nybegynder
10. februar 2009 - 16:48 #1
Her er billedet igen: http://img144.imageshack.us/img144/1157/rykketdesignbe4.jpg
Avatar billede dkfire Nybegynder
10. februar 2009 - 16:53 #2
Det er nok mere et spørgsmål om hvordan dit html output er. Og det er ikke lige til at se her.
Kan også være et css problem.
Avatar billede znopie Nybegynder
10. februar 2009 - 17:16 #3
I min css står margin og padding til 0 i alt. Har også prøvet med en side uden alt mulig design. Altså bare med tekst
Avatar billede k_jr Nybegynder
10. februar 2009 - 18:10 #4
"Vis kilde" eller kom med url... :-)
Avatar billede znopie Nybegynder
11. februar 2009 - 17:31 #5
Kilde:&#65279;<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>.dk</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   
    <meta name="Description" content="">
    <meta name="Keywords" content="">
   
    <link rel="stylesheet" href="style.css" type="text/css">
</head>

<body>
    <div id="page">
        <div id="header">
            <div id="logo"><a href="/" title=""><img src="logo.png" alt=""></a></div>
            <div id="menu-top"><ul><li><a href="/">1</a></li><li><a href="#">2</a></li><li><a href="#">3</a></li><li><a href="#">4</a></li><li><a href="#">5</a></li></ul></div>
        </div>
        <div id="page-content">

            <div id="menu">
                <ul><li><a href="/">Forside</a></li><li><a href="#">1</a></li><li><a href="#">2</a></li></ul>
                <div id="ads-box">Google Ads here</div>
            </div>
            <div id="content">
                <h1>Velkommen til .dk</h1>Dette er en test af template
            </div>

        </div>
        <div class="clear"></div>
    </div>
</body>
</html>
Avatar billede k_jr Nybegynder
12. februar 2009 - 16:01 #6
inkl. stylesheet :P
Avatar billede znopie Nybegynder
12. februar 2009 - 16:22 #7
/** GENERAL  **/
html, body {
        margin                            : 0px;
        padding                            : 0px;
        font                                : bold 11px Arial, Sans-Serif;
        background-color        : #E7E7E7;
    }
    img {
            border                        : 0px;
        }
    form {
            margin                        : 0px;
            padding                        : 0px;
        }
    h1, h2, h3 {
            margin-top                : 0px;
            padding                        : 0px;
            color                            : #017BBA;
        }
        h1 {
                font-size                    : 16px;
            }
        h2 {
                font-size                    : 14px;
            }
        h3 {
                font-size                    : 12px;
            }
    .clear {
            clear                            : both;
        }
/** PAGE **/
#page {
            width                            : 910px;
            margin                        : 0 auto;
            padding                        : 7px 5px 7px 5px;
            background-color    : #FFFFFF;
        }
#header {
            height                        : 80px;
            background-color    : #017BBA;
        }
        #header #logo {
                float                        : right;
                width                        : 235px;
                height                    : 45px;
                margin                    : 35px 15px 0px 0px;
            }
            #header #menu-top {
                    float                    : left;
                }
                #header #menu-top ul {
                        margin                            : 60px 0px 0px 15px;
                        padding                            : 0px;
                        list-style-type            : none;
                    }
                #header #menu-top li {
                        color                                : #FFFFFF;
                        margin-right                : 10px;
                        display                            : inline;
                        cursor                            : pointer;
                    }
                    #header #menu-top a, #header #menu-top a:visited {
                            color                                : #FFFFFF;
                            cursor                            : pointer;
                            text-decoration            : none;
                        }
                    #header #menu-top a:hover, #header #menu-top a:active {
                            border-bottom                : 1px solid #FFFFFF;
                            cursor                            : pointer;
                        }
#page-content {
        padding                            : 7px 0px 0px 0px; /* TOP, RIGHT, BOTTOM, LEFT */
    }
    #menu {
        width                                : 185px;
        float                                : left;
        border                            : 1px solid #D6D6D6;
        background-color        : #F7F7F7;
        display                            : block;
    }
    #menu ul {
        margin                            : 0px;
        padding                            : 0px;
        list-style-type            : none;
    }
    #menu li {
        margin                            : 2px;
        padding                            : 3px;
        display                            : block;
    }
    #menu a, #menu a:visited {
        cursor                            : pointer;
        text-decoration            : none;
        color                                : #017BBA;
    }
    #menu a:hover, #menu a:active {
        border-bottom                : 1px solid #017BBA;
        cursor                            : pointer;
        color                                : #017BBA;
    }
    #content {
        width                                : 700px;
        float                                : left;
        padding                            : 0px 10px 10px 10px; /* TOP, RIGHT, BOTTOM, LEFT */
    }
    #footer {
        border-top                    : 5px solid #ffffff;
        background-color        : #017BBA;
        color                                : #FFFFFF;
        text-align                    : center;
    }

/** SEARCH **/
#search {
        margin                            : 0px;
        padding                            : 0px;
    }   

/** ADS **/
#ads-box {
        margin                            : 10px 0px 10px 0px;
        padding                            : 5px;
    }
Avatar billede dkfire Nybegynder
12. februar 2009 - 16:42 #8
For det første ser det ud til at du har et tegn i starten af din kode, før din header, prøv at se hvor den kommer fra.

Dernæst vil det være en god hjælp til sig hvis du satte en border på din #page, så vil du se hvor den <div> gik til.
Du har heller ikke sat padding eller margin på din #header, kan være det er den som driller.
Avatar billede k_jr Nybegynder
12. februar 2009 - 16:51 #9
Html og css fejler ingenting, så det må ligge i utf8 konverteringen...
http://img155.imageshack.us/img155/1245/webtestfy5.png

Prøv evt. at kigge her: http://dk.php.net/utf8_encode og søg på Byte Order Mark (eller google)
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 PHP kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bruge PHP til at hente hjemmeside med fsockopen Af Strawberry i PHP 18 29/01/202613:08 02/02/202610:29
Hjemmeside der virker både på mobil og computer Af Strawberry i PHP 6 25/01/202620:06 30/01/202618:53
Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP 1 20/01/202621:11 23/01/202618:04
MS Graph vis kalenderaftaler Af dane022 i PHP 0 06/11/202508:43 -
Hente data fra DEVICE via websocket Af nemlig i PHP 6 25/06/202512:37 25/06/202519:17
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 dag 16:53 HTML Af Asky i Programmeringsværktøjer
I dag 10:01 Mister internettet efter slumre, Af valby i Windows
I går 13:02 Lille smart tingest Af nu_igen i Fitness & Smartwatches
03/0500:59 Mobilepay app virker ikke mere på Xiaomi Redmi Note 13 Pro Af henrixx i Apps til Android
02/0519:09 Download Win 11 - 25H2 Af ErikHg i Windows
White papers
Flere white papers »