Sigurd26
-
Innlegg
106 -
Ble med
-
Besøkte siden sist
Innholdstype
Profiler
Forum
Hendelser
Blogger
Om forumet
Innlegg skrevet av Sigurd26
-
-
Jeg får ikke noe frem, filene ser slik ut:
index.html:
CODE<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
<title>Bitter Sweet</title>
</head>
<body>
<div class="container">
<div class="top">
<a href="index.html"><span>Bitter Sweet</span></a>
</div>
<div class="header"></div>
<div class="main">
<div class="item">
<div class="date">
<div>JAN</div>
<span>14</span>
</div>
<div class="content">
<h1>Porttitor posuere</h1>
<div class="body">
<p>test</p>
</div>
</div>
</div>
</div>
<? include ("meny.php") ?>
<div class="clearer"><span></span></div>
<div class="footer">© 2006 <a href="index.html">Website.com</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a href="http://templates.arcsin.se">Arcsin</a>
</div>
</div>
</body>
</html>
meny.php:
CODE<div class="navigation"><h1>Something</h1>
<ul>
<li><a href="index.html">pellentesque</a></li>
<li><a href="index.html">sociis natoque</a></li>
<li><a href="index.html">semper</a></li>
<li><a href="index.html">convallis</a></li>
</ul>
<h1>Another thing</h1>
<ul>
<li><a href="index.html">consequat molestie</a></li>
<li><a href="index.html">sem justo</a></li>
<li><a href="index.html">semper</a></li>
<li><a href="index.html">sociis natoque</a></li>
</ul>
<h1>Third and last</h1>
<ul>
<li><a href="index.html">sociis natoque</a></li>
<li><a href="index.html">magna sed purus</a></li>
<li><a href="index.html">tincidunt</a></li>
<li><a href="index.html">consequat molestie</a></li>
</ul>
</div>
Altså jeg har satt inn:
<? include ("meny.php") ?>
der det som nå står i meny.php sto før...
-
Jeg leste dette temaet. Der står det forklart en metode som bruker PHP, men jeg vet fortsatt ikke hvordan jeg skal få med designet på menyen. Og jeg kan heller ikke noe om PHP...
-
Jeg har lyst til å ha menyen i en ekster fil. Jeg bruker home.no.net til å hoste siden, og slik jeg har forstått det støtter de ikke PHP, noen som vet om en løsning?
Jeg bruker dette designet.
Siden bruker css:
CODE/*#############################################################
Name: Bitter Sweet
Date: 2006-10-02
Description: Lime flavoured template with two columns.
Author: Viktor Persson
URL: http://templates.arcsin.se
Feel free to use and modify but please provide credits.
#############################################################*/
/* standard elements */
* {
margin: 0;
padding: 0;
}
a {color: #682;}
a:hover {color: #9A6;}
body {
background: #5F8000 url(img/bg.gif) repeat-y center top;
color: #333;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}
input {
color: #555;
font: normal 1.1em "Lucida Sans Unicode",sans-serif;
}
p,cite,code,ul {
font-size: 1.2em;
padding-bottom: 1.2em;
}
ul {margin-left: 1.2em;}
li {list-style-image: url(img/li.gif);}
h1 {font-size: 1.4em;}
blockquote {
background: #FFF;
border-bottom: 1px solid #EEE;
border-top: 1px solid #EEE;
color: #333;
display: block;
font-size: 0.9em;
margin-bottom: 1.2em;
padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
h1,h2,h3 {color: #654;}
/* misc */
.clearer {clear: both;}
/* structure */
.container {
background: url(img/bgcontainer.gif) repeat-y;
margin: 0 auto;
width: 702px;
}
/* top */
.top {
background: #567300;
font: normal 2.4em Verdana,sans-serif;
height: 60px;
margin: 0 auto;
width: 630px;
}
.top a {
color: #FFF;
display: block;
line-height: 60px;
text-decoration: none;
width: 100%;
}
.top span {padding-left: 24px;}
.top a:hover {
background: #688B00;
color: #FFF;
}
/* header */
.header {
background: url(img/header.jpg) no-repeat;
height: 180px;
margin: 0 auto;
width: 630px;
}
/* item */
.item {clear: both;}
.item .date {
background: url(img/bgdate.gif) no-repeat;
color: #FDD;
float: left;
height: 40px;
text-align: center;
width: 36px;
}
.item .date div {padding-top: 4px;}
.item .date span {font: normal 1.6em serif;}
.item .content {
float: left;
width: 420px;
}
.item h1 {
background: #567300;
color: #FFF;
line-height: 40px;
padding-left: 16px;
}
.item .body {padding: 12px 18px;}
/* main */
.main {float: left;}
/* navigation */
.navigation {
float: left;
margin-left: 1px;
width: 208px;
}
.navigation h1 {
background: #81AC00;
color: #FFF;
font-size: 1.3em;
line-height: 40px;
padding-left: 12px;
}
.navigation ul {margin: 0; padding: 0;}
.navigation li {
border-bottom: 1px solid #D5E8AD;
list-style: none;
}
.navigation li a {
background: #E8F6BF url(img/bgnavigation.gif) repeat-x;
color: #553;
display: block;
padding: 8px 4px 8px 12px;
text-decoration: none;
}
.navigation li a:hover {
background: #F0FFC6;
color: #553;
}
/* footer */
.footer {
background: url(img/bgfooter.gif) repeat-x;
color: #FFF;
font-size: 1.1em;
line-height: 40px;
margin: 0 auto;
text-align: center;
width: 626px;
}
.footer a {color: #FFF;}
.footer a:hover {color: #FAFCB0;}
Og HTML filen ser slik ut:
CODE<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<meta name="description" content="description"/>
<meta name="keywords" content="keywords"/>
<meta name="author" content="author"/>
<link rel="stylesheet" type="text/css" href="default.css" media="screen"/>
<title>Bitter Sweet</title>
</head>
<body>
<div class="container">
<div class="top">
<a href="index.html"><span>Bitter Sweet</span></a>
</div>
<div class="header"></div>
<div class="main">
<div class="item">
<div class="date">
<div>OCT</div>
<span>01</span>
</div>
<div class="content">
<h1>Porttitor posuere</h1>
<div class="body">
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, <a href="index.html">nunc eget pretium</a> porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est.</p>
<blockquote><p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</p></blockquote>
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam.</p>
<p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="index.html">quam aliquam</a> risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod ultricies.
</p>
</div>
</div>
</div>
<div class="item">
<div class="date">
<div>SEP</div>
<span>30</span>
</div>
<div class="content">
<h1>Adipiscing</h1>
<div class="body">
<p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla eget urna.</p>
<ul>
<li>Tristique</li>
<li>Aenean</li>
<li>Pretium</li>
</ul>
<p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla mi.</p>
</div>
</div>
</div>
</div>
<div class="navigation">
<h1>Something</h1>
<ul>
<li><a href="index.html">pellentesque</a></li>
<li><a href="index.html">sociis natoque</a></li>
<li><a href="index.html">semper</a></li>
<li><a href="index.html">convallis</a></li>
</ul>
<h1>Another thing</h1>
<ul>
<li><a href="index.html">consequat molestie</a></li>
<li><a href="index.html">sem justo</a></li>
<li><a href="index.html">semper</a></li>
<li><a href="index.html">sociis natoque</a></li>
</ul>
<h1>Third and last</h1>
<ul>
<li><a href="index.html">sociis natoque</a></li>
<li><a href="index.html">magna sed purus</a></li>
<li><a href="index.html">tincidunt</a></li>
<li><a href="index.html">consequat molestie</a></li>
</ul>
</div>
<div class="clearer"><span></span></div>
<div class="footer">© 2006 <a href="index.html">Website.com</a>. Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> & <a href="http://validator.w3.org/check?uri=referer">XHTML</a>. Template design by <a href="http://templates.arcsin.se">Arcsin</a>
</div>
</div>
</body>
</html>
Håper noen vet om en løsning som ikke blir for komplisert, for jeg er ikke veldig flink i html...
-
Jeg kjøpte min maskin i juni, og fikk med recovery på cd/dvd, denne kan også brennes med medfølgende programvare
-
gtagaming.comHar noen her prøvd VCMM??? Det er genialt!!!! Når du gar lei av en bil bare fjærner du den igjen, du kan også velge vilken bil du vil erstatte!
[Løst]Meny i ekstern fil
i Programmering og webutvikling
Skrevet
Nå virker det, takk for hjelpen!