Just nu i M3-nätverket
Gå till innehåll

Include Sida och Fot


Jompan

Rekommendera Poster

Jag försöker bygga min indexsida så att jag i foten och sidan enklare ska kunna göra ändringar, utan att behöva ändra alla sidor.

 

Jag har kallat dessa sidor för fot.php och sida.php

 

Jag har börjat med att försöka sätta in foten i index, men med olika placeringar så blir effekten ingen alternativt att boxarna flyttas. (I och med att det handlar om php så har jag även laddat upp sidan på webben för att kolla.)

<!DOCTYPE html>
<html lang="en-US">
	<head>
		<title>Test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link rel="stylesheet" href="stil.css" type="text/css">
	</head>
<body>

<nav>
<ul id="meny">
<li><a href="index.html" id="current">Hem</a></li>
<li><a href="#">AAA</a></li>
<li><a href="#">BBB</a></li>
<li><a href="#">CCC</a></li>
</ul>
</nav>
<section>
<h2>Huvudrubrik</h2>
<p>Huvudinnehåll</p>

	<article>
	<h2>Rubrik 1</h2>
	<p>	Innehåll 1 med rubriker</p>
	</article>

	<article>
	<h2>Rubrik 2</h2>
	<p>	Innehåll 2 med rubriker
	</p>
	</article>

</section>		
	
<aside>
Nyhetsbrev H-spalt
</aside>

<?php include("incl/fot.php"); ?>

<!-- flyttad info till egen fil
<footer>
   <address>© Copyright
Sidan uppdaterad 2016 xxxx.......</p>
 

</address>

</footer>
-->

</body>

</html>

 
 
 



<footer>
<address>

© Copyright
Sidan uppdaterad 2016 xxxx.......</p>

</address>
</footer> 

</body> 
</html>

   

css

html {  overflow-y: scroll;}

body  {
    background: white;
	border: 1px solid #0000ff;
    font-family: calibri, arial, sans-serif;
	width: 750px;
	margin: 25px auto;
	padding: 0;
}

header {
	height: 175px;
	background-color: #edffff;
	margin-top: -16px;
	padding: 0;
}	

nav	{
	height: 35px;
	background-color: #edffff;
	padding-left: 10px;
}

section	{
	width: 550px;
	float: left;
	min-height: 400px;

}

article	{
	width: 550px;
	float: left;
	background-color: yellow;
}

aside	{
	width: 200px;
	float: right;
	background-color: lightgrey;
}

footer	{
	clear: both;
	position: relative;
	height: 55px;
	padding: 5px ;
	text-align: center;
	background-color: magenta;
}	

address	{
	font-size: 12px;
	font-style: normal;
}	

/* Menykataloger */


ul {
margin: 0;
padding: 0;
}


#meny li {
display: inline;
padding: 5px 1px;
}

#meny li a {
margin: 0 5px 0 5px;
padding: 5px 15px;
text-align: center;
font-family: arial;
font-size: 13px;
font-weight: bold;
color: black;
border: 1px solid black;
border-radius: 5px;
background: yellow;
}

#meny li a:hover {
background: #CCEBFF;
color: black;
}

#meny a:link, #meny a:visited {
color: black; 
text-decoration: none;
}

#meny a:active {
color: white; 
}

#meny a#current {
background: white;
}

Är det någon som ser vad jag har gjort för fel?

 

// Agneta

 

Länk till kommentar
Dela på andra webbplatser

Ser lite konstigt ut (men det kanske är forumet som stökat till koden) med två stycken slut-taggar för body och html.

 

i de include-filer som används så skall bara "vanlig" markup finnas. Inga taggar som enbart får förekomma en gång så som just body och html t.ex.

Länk till kommentar
Dela på andra webbplatser

Det blev något knas med indexsidan.

 

Så här ska den vara:

<!DOCTYPE html>
<html lang="en-US">
	<head>
		<title>Test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link rel="stylesheet" href="stil.css" type="text/css">
	</head>
<body>

<nav>
<ul id="meny">
<li><a href="index.html" id="current">Hem</a></li>
<li><a href="#">AAA</a></li>
<li><a href="#">BBB</a></li>
<li><a href="#">CCC</a></li>
</ul>
</nav>
<section>
<h2>Huvudrubrik</h2>
<p>Huvudinnehåll</p>

	<article>
	<h2>Rubrik 1</h2>
	<p>	Innehåll 1 med rubriker</p>
	</article>

	<article>
	<h2>Rubrik 2</h2>
	<p>	Innehåll 2 med rubriker
	</p>
	</article>

</section>		
	
<aside>
Nyhetsbrev H-spalt
</aside>

<?php include("fot.php"); ?>

Med include (där sluttaggar för body och html ligger i fot-filen) som avslutande kod tappar index formen mot nedre kanten. Den omslutande linjen lägger sig bara runt huvudet. Är det fel i CSS-koden?

Länk till kommentar
Dela på andra webbplatser

ChromaWoods

I ditt första inlägg angav du att "fot.php" skulle ligga under mappen "inkl" men i ditt senaste skulle den ligga i samma mapp som index-filen.

 

Var ligger "fot.php"? Kan det vara så att includen inte hittar filen?

Länk till kommentar
Dela på andra webbplatser

Det ser "rätt" ut tycker jag, Ram runt hela innehållet.

 

Hur blir html-koden när den är genererad?

Länk till kommentar
Dela på andra webbplatser

Jag har skickat med en skärmdump, men ser den inte i svaret.

Finns den med någonstans?

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

×
×
  • Skapa nytt...