Avatar billede Grumme100 Nybegynder
15. januar 2011 - 02:59 Der er 4 kommentarer

Hjemmeside - Frame af en art?

Hej.

Mig og en kammerat har valgt at starte en hjemmeside, men det er efterhånden en del år siden, så er ved at være godt rustent i at kode.

Når man skifter side så vil jeg ikke have at den loader hele siden forfra, men derimod kun hele midter siden med alt teksten på, så menu'en forbliver urørte.

Min kode ser følgenede ud hvis nogle kan hjælpe :)

<? if ($site == ""){
$site="for";
} ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Macweb.dk</title>
<link rel="shortcut icon" href="favicon.ico">
<style>
p, ol, ul, pre{font-family: Verdana; font-size: 9pt; margin: 2px; color: #000000;}
p.tag{font-family: Verdana; font-size: 7pt; margin: 2px; color: #000000;}
a:link, a:active, a:visited{font-family: Verdana; font-size: 9pt; margin: 2px; text-decoration: underline; color: #000000;}
a:hover{font-family: Verdana; font-size: 9pt; margin: 2px; text-decoration: underline; color: #999999;}
table.base{background: #F9F9F9; border: 1px #999999 solid;"}
body {
    background-color: #999;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<table width="800" cellspacing="0" border="0" align="center" class="base">
  <tr height="100">
    <td colspan="3" width="150" style="border-bottom: 1px #999999 solid; background: #CCC;" align="center"><img src="logo.gif" border="0"></td>
  </tr>
  <tr>
    <td width="150" valign="top" height="50" style="background: #CCC;">
    <? include "menu.php"; ?></td>
    <td width="500" style="border-right: 1px #999999 solid; border-left: 1px #999999 solid; background: #CCC;" valign="top"><? include "$site" . ".php"; ?></td>
    <td width="150" valign="top" height="50" style="background: #CCC;">&nbsp;</td>
  </tr>
  <tr height="50">
    <td width="150" style="border-top: 1px #999999 solid; background: #CCC;">&nbsp;</td>
    <td width="500" style="border-top: 1px #999999 solid; background: #CCC;"><p align="center">&copy; Macweb.dk 2010</p></td>
    <td width="150" style="border-top: 1px #999999 solid; background: #CCC;">&nbsp;</td>
  </tr>
</table>
<br>
<center>
<!-- chart.dk unified trackercode - v1 -->
<script src='http://www.chart.dk/js/unified.asp'></script>
<script language='javascript'>
track_visitor(129646, '');
</script>
</center>
</body>
</html>
Avatar billede scootergrisen Nybegynder
15. januar 2011 - 07:47 #1
Må jeg spørge hvorfor du ikke vil have at hele siden indlæses igen ?

Du kunne gøre det med frames og javascript men jeg tro det vil give dig flere problemer end gavn.
Også når folk linker til dine sider så skulle de jo gerne kunne linke til alle dine undersider og ikke kun forsiden.

Når nu du ikke har kodet i nogle år så vil du måske gerne vide at der er mange som nu deler layout og kode op sådan at alt hvad der heddder layout (farve, border, font, placering osv) flyttes til en css fil.

Det er smart.
Måske virker det ikke smart til at starte med men det bliver meget lettere at ændre på din kode når siden vokser.
Avatar billede Grumme100 Nybegynder
15. januar 2011 - 10:20 #2
Damn scootergrisen, har du nok ret i :-).

Men det er jeg FOR rusten til at lave.

Er det noget en af jer kan hjælpe med, den del med at lave layoutet i CSS :)?
Avatar billede scootergrisen Nybegynder
15. januar 2011 - 11:50 #3
Du skal bare have alt det der har med udseende at gøre i en seperat CSS fil.

I stedet for i din HTML fil at skrive:
<body bgcolor="#888888">

Så skriver du bare:
<body>

Lav så en fil kaldet stylesheet.css og skriv i den:
body{
  background:#888888;
}

I alle dine HTML filer skriver du så:
<head>
  <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
</head>

Forstild dig så nu at du er blevet træt af din grå baggrundsfarve på hjemmeside. Så skal du kun ændre din kode et sted for at ændre farve på alle dine sider.

Og hvis der er et eller kan du ik kan huske hvordan man gør så er http://www.w3schools.com/ en rigtig god hjemmeside til at slå ting op og se eksempler på hvordan koden virker.
Avatar billede olsensweb.dk Ekspert
15. januar 2011 - 12:32 #4
#2
læs denne tråd
https://groups.google.com/group/dk.edb.internet.webdesign.html/browse_thread/thread/42013ee9889bac64/ef2ddb0c516e0361?hl=da&lnk=gst&q=frame+layout+vs+css#ef2ddb0c516e0361

http://webdesign101.dk/csslayout/equal_height_spalter.php

så kan jeg se du bruger short_open_tag, xampp har pr default slået dette fra.
ref http://php.net/manual/en/ini.core.php
[cut]
short_open_tag boolean
Tells PHP whether the short form (<? ?>) of PHP's open tag should be allowed. If you want to use PHP in combination with XML, you can disable this option in order to use <?xml ?> inline. Otherwise, you can print it with PHP, for example: <?php echo '<?xml version="1.0"?>'; ?>. Also, if disabled, you must use the long form of the PHP open tag (<?php ?>).

[/cut]
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester