Just nu i M3-nätverket
Jump to content
Farväl och lycka till framöver! Eforum stängdes 20 juni 2022, klicka för att läsa vad som hände och om alternativ.

Include Sida och Fot

Jompan

By Jompan,
in Webbutveckling

Recommended Posts

Jompan

Jompan

Posted
Posted

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

 

Link to comment
Share on other sites
Cluster

Cluster

Posted
Posted

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.

Link to comment
Share on other sites
Jompan

Jompan

Posted
  • Author
Posted

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?

Link to comment
Share on other sites
ChromaWoods

ChromaWoods

Posted
Posted

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?

Link to comment
Share on other sites
Jonas__B

Jonas__B

Posted
Posted

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

 

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

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing


×
×
  • Create New...