Probleem met html frames en php bestand met achtergrond

Status
Niet open voor verdere reacties.
H

Holidaybuggy

Gebruiker
Lid geworden
6 jun 2005
Berichten
42
Goedemorgen,

Ik loop al een tijdje te tobben met het volgende probleem.

Ik heb één index.html bestand
Deze maakt 3 frames, nl. links.html, rechts.php en onder.html
Nu wil ik graag dat er een achtergrondplaatje wordt gebruikt.
(rood.png)
Dit gaat prima bij de links.html en onder.html
Maar bij de rechts.php komt er een wit kader om mijn achtergrond plaatje heen.
Ik heb al veel lopen stoeien met CSS en het aanpassen van hoogte met DIV e.d. maar ik kom er niet uit.
Wie zou mij kunnen helpen?
Alvast bedankt!

Bijdeze de bestanden:
index.html
Code: 
<HTML><HEAD>
<frameset rows="175,375" FRAMEBORDER=NO FRAMESPACING=0 BORDER=0>
<frameset cols="600,600">
<frame src="links.html" noresize scrolling="no">
<frame src="rechts.php" noresize scrolling="no">
</frameset>
<frame src="onder.html" noresize scrolling="no">
</frameset> 
</HTML>

links.html
Code: 
<HTML>
<body background="rood.png"> 
<CENTER>Links</CENTER>
</CENTER></HTML>

onder.html
Code: 
<HTML>
<body background="rood.png"> 
<CENTER>Onder</CENTER>
</CENTER></HTML>

rechts.php
Code: 
<div style="height: 100%;background-image: url('rood.png');">
<?php  

// Show number of items  
$items = 2;  

// Load rss into simplexml rss
$rss        = simplexml_load_file('http://www.nu.nl/deeplink_rss2/index.jsp?r=Algemeen'); 

// Titel from rss 
//echo "<h1>{$rss->channel->title}</h1>\n";  

// Get time   
echo "<div class=\"time\">{$rss->channel->lastBuildDate}</div><br>\n";  

// show last items  
for($i=0;$i<$items;$i+=1)  
   {  
   echo "<div class=\"channel\"><a href=\"{$rss->channel->item[$i]->link}\" target=\"_blank\">{$rss->channel->item[$i]->title}</a></div>\n";  
   echo "<div class=\"description\">{$rss->channel->item[$i]->description}</div><br>\n";  
   }
?> 
</div>
 
Heb je de body padding:0; gegeven?
Bij wijze van hack zou je ook nog de background-color:red; kunnen meegeven aan rechts.php
 
ik geloof dat de css hack om alle padding en margins op nul te zetten zo ging

* {
padding: 0px;
margin: 0px;
}
 
Bedankt voor de antwoorden.
Helaas kom ik hier nog niet verder mee.
Zou iemand misschien de code die ik heb kunnen aanpassen zodat het wel een volledige achtergrond is zonder kader?
Want ik krijg nu gewoon de tekst:

* {
padding: 0px;
margin: 0px;
}

te zien in het kader en krijg het niet voor elkaar om het witte kadertje weg te krijgen :-(
 
* {
padding: 0px;
margin: 0px;
}

dit hoort in je stylesheet css file te staan, niet op je html pagina
 
Ik kom er nog steeds niet uit.
Is er iemand die mij kan vertellen wat ik in welk bestandje moet zetten?
(Sorry, heb hier weinig ervaring mee hoe dit werkt)
 
Ik denk dat je eerst maar eens moet gaan kijken naar de opbouw van je pagina, en daarmee bedoel ik vooral het gedeelte van html, head en body. Volgens de nieuwe W3C regels dient een pagina als volgt te zijn opgebouwd:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
	<head>
		<title>Title of the document</title>
	</head>
 	<body>
		The content of the document......
	</body>
 </html>

Overigens maakt het doctype hier niet erg veel uit, maar ik heb het voor jou speciaal op frameset gezet omdat je nog gebruik maakt van de hopeloos verouderde frames.

Verder zitten er nog enkele fouten in de html:
- Er zitten enkele fouten in het opbouwen en afsluiten van de pagina's.
- Er ontbreekt een doctype declaration
- De tags zijn nog in hoofdletters, maar het moet in kleine letters

Ik heb je code even door de tidy gehaald, en aangevuld, en hier is het resultaat:

index.html:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	  <title>Pagina</title>
	</head>

	<frameset rows="175,375" frameborder="NO" framespacing="0" border="0">
		<frameset cols="600,600">
			<frame src="links.html" noresize="noresize" scrolling="no" />
			<frame src="rechts.php" noresize="noresize" scrolling="no" />
		</frameset>
		<frame src="onder.html" noresize="noresize" scrolling="no" />
	</frameset>
</html>

links.html:
HTML: 
<!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">
	<head>
		<title>Pagina</title>
	</head>

	<body background="rood.png">
		<center>
			Links
		</center>
	</body>
</html>

onder.html:
HTML: 
<!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">
	<head>
		<title>Pagina</title>
	</head>
	<body background="rood.png">
		<center>
			Onder
		</center>
	</body>
</html>

rechts.php
PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Pagina</title>
	</head>
	<body>
		<div style="height: 100%;background-image: url('rood.png');">
			<?php  

				// Show number of items  
				$items = 2;  

				// Load rss into simplexml rss
				$rss        = simplexml_load_file('http://www.nu.nl/deeplink_rss2/index.jsp?r=Algemeen'); 

				// Titel from rss 
				//echo "<h1>{$rss->channel->title}</h1>\n";  

				// Get time   
				echo "<div class=\"time\">{$rss->channel->lastBuildDate}</div><br>\n";  

				// show last items  
				for($i=0;$i<$items;$i+=1) {  
					echo "<div class=\"channel\"><a href=\"{$rss->channel->item[$i]->link}\" target=\"_blank\">{$rss->channel->item[$i]->title}</a></div>\n";  
					echo "<div class=\"description\">{$rss->channel->item[$i]->description}</div><br>\n";  
				}
			?>
		</div>
	</body>
</html>

Kijk nu maar eens of je probleem is opgelost, en anders heb je in ieder geval goed opgebouwde html pagina's!
 
oja, als je je index pagina index.html hebt genoemd. Dan heeft al je php code nul komma nix geen nut.
Pas als je je index pagina index.php noemt en de server ondersteund php dan zal de php script pas geparst worden op je pagina
 
Met frames mag het gewoon index.html genoemd worden, aangezien frames gewoon een webvenster in een webvenster is: hij laad de pagina van de server, en die pagina wordt in een andere pagina weergegeven.
 
Bedankt voor de reactie's!

Inderdaad kan ik gewoon index.html gebruiken en in daar vanuit een php pagina oproepen in een frame.

Het probleem is nog steeds dat er een rand om rechts.php komt.
Waarschijnlijk is het dan niet mogelijk om een achtergrondafbeelding zonder rand te maken?
En uiteraard de vraag: Als frame's hopeloos verouderd zijn en ik wil mijn scherm in drie vakken verdelen zoals ik nu heb gedaan met mijn index.html hoe kan ik dit dan beter aanpakken?
 
ga naar youtube en zoek op : 3 column layout css
watch and learn ;)
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan