Php-include med divar

Det är många som har mailat och undrat hur man delar in en div-layout i php-include. Så på allmän begäran skriver jag nu ut en helt ny guide. Den är skriven utifrån min två-kolumns layout som finns att ladda ned, både i htmlversion som i php-version. Så här ser layouten ut i html-versionen. Glöm bara intebort att länka till css-mallen! Här har jag tagit bort den.

Layoutens html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Din Titel på sidan</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
</head>
<body>
<div id="container">
<div id="banner"></div>
<div id="sidebar-a">
<div id="menu">
<a href="#">Länk</a>
</div>
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>
</body>
</html>

Nu ska vi börja med att dela in sidan i de olika filerna. Jag föreslår att Du redan nu döper om ditt indexdokument till index.php så det får rätt filändelse. Skapa sedan tre tomma dokument som du döper till header.php – main.php – footer.php. Spara!

Layoutens php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Din Titel på sidan</title>
meta name="keywords" content="" />
<meta name="description" content="" />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" />
</head>
<body>

<div id=”container”>
<div id=”banner”></div>

Den gröna koden kopierar du in i ditt dokument header.php. Tag sedan bort samma kod från index.php och ersätt den med denna kod istället:

<?php
include ‘header.php’;
?>

Spara!

<div id=”sidebar-a”>
<div id=”menu”>
<a href=”#”>Länk</a>
<a href=”#”>Länk</a>
<a href=”#”>Länk</a>
<a href=”#”>Länk</a>
</div>
</div>
<div id=”content”>

Den gröna koden kopierar du in i ditt dokument main.php. Tag sedan bort samma kod från index.php och ersätt den med denna kod istället:


<?php
include ‘main.php’;
?>

Spara!

</div><div id=”footer”></div></div></body>
</html>

Den gröna koden kopierar du in i ditt dokument footer.php. Tag sedan bort samma kod från index.php och ersätt den med denna kod istället:


<?php
include ‘footer.php’;
?>

Spara!

Så här ska alla filerna se ut om de är korrekt delade.

index.php

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>Din Titel på sidan</title>
<meta name=”keywords”content=”" />
<meta name=”description”content=”" />
<meta http-equiv=”Content-Type” content=”application/xhtml+xml; charset=iso-8859-1? />
</head>
<body>

<?php
include ‘header.php’;
?>

<?php
include ‘main.php’;
?>
Här emellan dessa två include-märkningar skriver du in din text

<?php
include ‘footer.php’;
?>

header.php

<div id=”container”>
<div id=”banner”></div>

main.php

<div id=”sidebar-a”>
<div id=”menu”>
<a href=”#”>Länk</a>
<a href=”#”>Länk</a>
<a href=”#”>Länk</a>
<a href=”#”>Länk</a>
</div>
</div>
<div id=”content”>

footer.php

</div><div id=”footer”></div></div>
</body>
</html>

Lycka till!

Liknande poster:

4 Comments Add yours

  1. linus says:

    hej jag har 2 frågor hur gör jag om ja vill använda center och om ja vill använda 3 columber ist (sidhuvud, vänster, content, höger)
    ?

    1. Lena says:

      Hej!
      För att få centrerat så anger du stilmallen. Läs mer i länken om 10 lektioner om css. Vill du ha tre kolumner får du ladda ned eller bygga ett sådant template och därefter skapa dina php-filer.

  2. Hej!

    Jag har då testat ditt tips på php med divar, det här är det jag får upp sen när jag har lagt ut det på nätet!

    Warning: include(‘headerphp’) [function.include]: failed to open stream: No such file or directory in /home/nygrenvs/public_html/index.php on line 28

    Warning: include(‘headerphp’) [function.include]: failed to open stream: No such file or directory in /home/nygrenvs/public_html/index.php on line 28

    Warning: include() [function.include]: Failed opening ‘‘headerphp’’ for inclusion (include_path=’.:/usr/lib/php:/usr/local/lib/php’) in /home/nygrenvs/public_html/index.php on line 28

    Warning: include(‘mainphp’) [function.include]: failed to open stream: No such file or directory in /home/nygrenvs/public_html/index.php on line 32

    Warning: include(‘mainphp’) [function.include]: failed to open stream: No such file or directory in /home/nygrenvs/public_html/index.php on line 32

    Warning: include() [function.include]: Failed opening ‘‘mainphp’’ for inclusion (include_path=’.:/usr/lib/php:/usr/local/lib/php’) in /home/nygrenvs/public_html/index.php on line 32
    Här emellan dessa två include-märkningar skriver du in din text
    Warning: include(‘footerphp’) [function.include]: failed to open stream: No such file or directory in /home/nygrenvs/public_html/index.php on line 37

    Warning: include(‘footerphp’) [function.include]: failed to open stream: No such file or directory in /home/nygrenvs/public_html/index.php on line 37

    Warning: include() [function.include]: Failed opening ‘‘footerphp’’ for inclusion (include_path=’.:/usr/lib/php:/usr/local/lib/php’) in /home/nygrenvs/public_html/index.php on line 37

    1. Lena says:

      Om du har kopierat mina koder från sidan kan du behöva skriva om dubbelfnuttarna eftersom WordPress inte implementerar citattecken riktigt “rätt”. De blir snedställda. Men vore jag dig så skulle jag nog också kika på sökvägen. Det ser ut som om filerna inte kan hittas. No such file or directory

Leave a Reply

Your email address will not be published. Required fields are marked *