php - iinclude - Udvikleren.dk - Programmering, webdesign og grafik

Tags: php

Bruger #7791 @ 20.07.07 15:47

Hej

Jeg er lige startet på at programmerer igen efter en halv års tid pause. Jeg har lavet en hjemmeside og vil gerne dele den op i en top og en bund men teksten står på midden istedet for, foroven vil i være rare at kigge den igennem

TOP!

Kode

<!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">
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body  alink="#9900FF" vlink="#00CC99" link="#FFFFFF" style="margin-top:0px;">
<table style="width:800; height:600;" border="0" style="border:thin; border:#CCCCCC" cellpadding="0" cellspacing="0" bgcolor="#000099" align="center" >
<tr>
<td valign="top"  height="100%">

<table width="100%"  border="1" style="height:50px; border:solid; border-color:#666666" cellpadding="0" cellspacing="0" >
<tr>
<td width="20%" align="center" bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';" style="b">
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';" >
<a href="index.php">Index</a>
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';">
<a href="nyheder.php">Nyheder</a>
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';">
<a href="media.php">Media</a>
</td>
</tr>



</table>

<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td style="height:550; width:800px;">



<table border="1" style="height:400px;" width="100%" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="height:20px; color:#FFFFFF" colspan="3" valign="top" >

<b>CONTENT</b>
</td>
<td style="width:20px;"></td>
<td style="width:760px; color:#FFFFFF" valign="top" align="center">

BUND!

Kode

</td>
<td style="width:20px;"></td>
</tr>
</table>



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

<td>
</tr>
</table>

10 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 6 karma

Sorter efter stemmer Sorter efter dato

Bruger #12072 @ 20.07.07 17:37

Hej Jannik,

Når du har lavet dig et design til en hjemmeside, har du hele designet i 1 enkel fil.

Så tager du alt html kode der er over "CONTENT" området og ligger over i 1 fil og kalder den "top.php" (eller hvad du nu vil have den skal hedde).

Dernæst tager du alt under "CONTENT" og gemmer i en anden fil kald den f.eks. "bund.php".

Når du så vil have den top og bund som du har defineret i din "top.php" og "bund.php" gør du som i denne kode boks.

Kode

<?php
include('top.php');
?>
Indsæt "CONTENT" her.
<?php
include('bund.php');
?>

Bruger #8096 @ 21.07.07 00:25

Hey.. Prøv at skifte valign="top" ud med style="vertical-align: top;", måske hjælper det

Bruger #12181 @ 21.07.07 12:31

Prøv at lave dit design vha CSS.
Det kan du f.eks. lave ved at give dine objekter position:absolute.
Du kan lære CSS her : http://www.html.dk/tutorials/css/
Håber det kan hjælpe.

Indlæg senest redigeret d. 21.07.2007 12:31 af Bruger #12181

Bruger #7791 @ 20.07.07 17:49

teksten opfører sig stadig mærkeligt selvom jeg gør således. Kan i ikke prøve at tjekke koden igennem for evt fejl

Top

Kode

<!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">
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body  alink="#9900FF" vlink="#00CC99" link="#FFFFFF" style="margin-top:0px;">
<table style="width:800; height:600;" border="0" style="border:thin; border:#CCCCCC" cellpadding="0" cellspacing="0" bgcolor="#000099" align="center" >
<tr>
<td valign="top"  height="100%">

<table width="100%"  border="1" style="height:50px; border:solid; border-color:#666666" cellpadding="0" cellspacing="0" >
<tr>
<td width="20%" align="center" bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';" style="b">
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';" >
<a href="index.php">Index</a>
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';">
<a href="nyheder.php">Nyheder</a>
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';">
<a href="media.php">Media</a>
</td>
</tr>



</table>

<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td style="height:550; width:800px;">

<table border="1" style="height:400px;" width="100%" cellpadding="0" cellspacing="0">
<tr>

<td align="center" style="height:20px; color:#FFFFFF" colspan="3" valign="top" >


<b>CONTENT</b>
</td>

Bund

Kode


<td style="width:20px;"></td>
<td style="width:760px; color:#FFFFFF" valign="top" align="center">

</td>
<td style="width:20px;"></td>
</tr>
</table>



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

<td>
</tr>
</table>

Indlæg senest redigeret d. 20.07.2007 17:50 af Bruger #7791

Bruger #12072 @ 20.07.07 18:03

Tables are not made for layout!

læg mærke til nederst i din TOP kode at der er et <td> dette table data element skal du dele op så starten af den er i TOP koden og lukningen er i BUND koden.

Bruger #2330 @ 20.07.07 18:04

444

Sådan her:

Top

Kode

<!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">
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body  alink="#9900FF" vlink="#00CC99" link="#FFFFFF" style="margin-top:0px;">
<table style="width:800; height:600;" border="0" style="border:thin; border:#CCCCCC" cellpadding="0" cellspacing="0" bgcolor="#000099" align="center" >
<tr>
<td valign="top"  height="100%">

<table width="100%"  border="1" style="height:50px; border:solid; border-color:#666666" cellpadding="0" cellspacing="0" >
<tr>
<td width="20%" align="center" bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';" style="b">
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';" >
<a href="index.php">Index</a>
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';">
<a href="nyheder.php">Nyheder</a>
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';">
<a href="media.php">Media</a>
</td>
</tr>



</table>

<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td style="height:550; width:800px;">

<table border="1" style="height:400px;" width="100%" cellpadding="0" cellspacing="0">
<tr>

<td align="center" style="height:20px; color:#FFFFFF" colspan="3" valign="top" >


<b>

Bund:

Kode

</b>
</td>
<td style="width:20px;"></td>
<td style="width:760px; color:#FFFFFF" valign="top" align="center">

</td>
<td style="width:20px;"></td>
</tr>
</table>

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

<td>
</tr>
</table>
</body>
</html>

Du havde glemt at lukke body og html tagsne. Det har jeg gjort.

Så er det bare:

Kode

<?php
  include("top.php");
  echo "CONTENT".
  include("bund.php");
?>

Bruger #7791 @ 20.07.07 18:53

har gjort som i har sagt men den ser sådan her ud både i firefox og i IE

http://img339.imageshack.us/my.php?image=wierdjf6.jpg

Kode

<!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">
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body  alink="#9900FF" vlink="#00CC99" link="#FFFFFF" style="margin-top:0px;">
<table style="width:800; height:600;" border="0" style="border:thin; border:#CCCCCC" cellpadding="0" cellspacing="0" bgcolor="#000099" align="center" >
<tr>
<td valign="top"  height="100%">

<table width="100%"  border="1" style="height:50px; border:solid; border-color:#666666" cellpadding="0" cellspacing="0" >
<tr>
<td width="20%" align="center" bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';" style="b">
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';" >
<a href="index.php">Index</a>
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';">
<a href="nyheder.php">Nyheder</a>
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';">
<a href="media.php">Media</a>
</td>
</tr>



</table>

<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td style="height:550; width:800px;">

<table border="1" style="height:400px;" width="100%" cellpadding="0" cellspacing="0">
<tr>

<td align="center" style="height:20px; color:#FFFFFF" colspan="3" valign="top" >


<b>

Kode

</b>
</td>
<td style="width:20px;"></td>
<td style="width:760px; color:#FFFFFF" valign="top" align="center">

</td>
<td style="width:20px;"></td>
</tr>
</table>

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

<td>
</tr>
</table>
</body>
</html>

Indlæg senest redigeret d. 20.07.2007 18:59 af Bruger #7791

Bruger #2330 @ 20.07.07 21:14

444

Problemet er nok din HTML kode så. Har ikke lige tid til at kigge den igennem nu, men prøv lige at kigge på det.

Bruger #7791 @ 21.07.07 08:33

nu er jeg forvirret. Har fået det til at virke men kan ikke få indrykket teksten så den står inden i selve boksen og ikke fortsætter ud i det uendelige jeg havde ellers skrevet en code der skulle gøre sådan men den skal stå nede i bunden forstår jeg ikke.

Kode

<!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">
<meta http-equiv="Content-Language" content="da">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>

<body  alink="#9900FF" vlink="#00CC99" link="#FFFFFF" style="margin-top:0px;">
<table style="width:800; height:600;" border="0" style="border:thin; border:#CCCCCC" cellpadding="0" cellspacing="0" bgcolor="#000099" align="center" >
<tr>
<td valign="top"  height="100%">

<table  border="1" style="width:800px; height:50px; border:solid; border-color:#666666" cellpadding="0" cellspacing="0" >
<tr>
<td width="20%" align="center" bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';" style="b">
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';" >
<a href="index.php">Index</a>
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';">
<a href="nyheder.php">Nyheder</a>
</td>
<td width="20%" align="center"  bgcolor="#000000" onmouseover="this.style.backgroundColor='#808080'; " onmouseout="this.style.backgroundColor='#000000';">
<a href="media.php">Media</a>
</td>
</tr>



</table>

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td style="height:550; width:800px;">



<table border="1" style="height:400px; width:800px;"  cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="height:20px; width:800px; color:#FFFFFF" colspan="3" valign="top" >

<b>CONTENT
<br>
</b>

Kode

</td>
</tr>
<tr>
<td style="width:10px;"></td>
<td style="width:700px; color:#FFFFFF" valign="top" align="center">
</td>
<td style="width:10px;"></td>
</tr>
</table>




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

<td>
</tr>

</table>
</body>
</html>

Bruger #7791 @ 21.07.07 14:37

syntes ikke det løste mit problem undskyld jeg er bare så tæt på at give op. Det virker fint når jeg bare køre hele koden i en html fil men når jeg deler den op går det hele fra hianden

Indlæg senest redigeret d. 21.07.2007 15:25 af Bruger #7791

iinclude

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler