PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
H

div's

Door Herbert Foppen op 09-05-2006 22:26
1.423 views
Hoi allemaal,
hier een ontwerp: http://www.foppen.nu/site.jpg die ik aan het maken ben. Heb al afbeeldingen etc. maar die wil ik in div's stoppen.

Hoe pak ik dit aan? Als het kan zou alleen de main moeten wijzigen bij een andere optie in het menu. Header wordt gewoon een include van "header.php" en rechts denk ik ook zoiets.

Zou zowel voor IE als voor FF moeten werken.

Iemand die mij kan/wil helpen?
Herbert
R
Robert Deiman
10-05-2006 13:51
Met DIV's is dat lastig te doen, niet dat alleen die div veranderd, maar hij moet wel de hele pagina opnieuw laden. Je kan ook met een I-frame werken, die kan je net als een div op een pagina plaatsen, en die kan je met een link als target opgeven. Voor een voorbeeld zie
http://curacao.robertdeiman.net.
Het lichtere deel van de pagina (de main zeg maar) is een iframe die ik gedeeltelijk doorschijnend heb gemaakt, waardoor je dit effect kreeg.
Jan Koehoorn
10-05-2006 14:46
Wat je laat zien in je voorbeeld heet in vaktaal de "Holy Grail" van CSS; een lay-out met een header, drie kolommen en een footer.

Daar zijn vrij veel artikelen over geschreven, bijvoorbeeld deze op A List Apart.
H
Herbert Foppen
13-05-2006 18:15
ik heb het nu redelijk voor elkaar. De menu doe ik gewoon met iframe's..werkt wel netjes.

Waar ik nog wel even mee zit is de footer. De div is 640*50 en de afbeelding (als achtergrond) 600*50. Hoe kan ik die centreren?
Jan Koehoorn
13-05-2006 18:59
In je CSS:

#footer {
    background: #fff url(jouwplaatje.jpg) center top repeat-y;
}

M
Mebus Hackintosh
13-05-2006 19:10
om hetgene hoe jij het zou willen hebben:

http://www.foppen.nu/site.jpg

ken je zo met table's maken:)

zal zo wel ff posten dat stukje table van hoe jij het ongeveer wilt hebben:)

GR. mebus!
M
Mebus Hackintosh
13-05-2006 19:19
asje ongeveer zoals jij het wilt hebben:

<html>
<head>
<title></title>
</head>
<body>
<table border="1" cellpading="0" cellspacing="0" height="100%" align="center">
	<tr>
		<td colspan="3" height="140">
		header
		</td>
	</tr>
	<tr>
		<td width="160">
		menu links
		</td>
		<td width="480">
		content
		</td>
		<td width="160">
		menu rechts
		</td>
	</tr>
	<tr>
		<td colspan="3" height="30">
		jouw copy bla bla bla
		</td>
	</tr>
</table>
</body>
</html>


asje ik hoop dat je hier wat mee kunt je moet zelf maar de gewenste opvullingen toepassen:)

GR. mebus!
Jan Koehoorn
13-05-2006 19:48
@Mebus: het gebruik van tabellen voor je lay-out is af te raden. Stel dat je een site hebt met 50 pagina's en je besluit ineens dat het contentdeel niet 480 pixels breed moet zijn, maar 520. Dan kun je 50 pagina's aan gaan passen in plaats van één stylesheet.
M
Mebus Hackintosh
13-05-2006 20:22
en als je het nou zo doet:

<?php

include 'header.php';

?>
inhoud
<?php

include 'footer.php';

?>

header.php:

<html>
<head>
<title></title>
</head>
<body>
<table border="1" cellpading="0" cellspacing="0" height="100%" align="center">
    <tr>
        <td colspan="3" height="140">
        header
        </td>
    </tr>
    <tr>
        <td width="160">
        menu links
        </td>
        <td width="480">


footer.php

        </td>
        <td width="160">
        menu rechts
        </td>
    </tr>
    <tr>
        <td colspan="3" height="30">
        jouw copy bla bla bla
        </td>
    </tr>
</table>
</body>
</html>


index.php:

<?php

include 'header.php';

?>
content
<?php

include 'footer.php';

?>

en zo doe je dan ok de andere pagina's:)

GR. mebus:p!

Reageren

Inloggen om te reageren