Ik ben een website aan het maken, een website voor een blog.
http://stefandmindy2.netne.net/
Ik heb met hulp van standaard PHP scripts een blog post systeem kunnen maken.
Je vult gegevens van de blog in, je drukt op post en de blog wordt opgeslagen in een database.
Nu wilde ik de blogs posten op de index pagina (dus uit de DB halen) en in mijn lay-out zetten, maar nu kom ik een design probleem tegen.
De blogs gaan door elkaar heen lopen en de Footer van de pagina wist ook niet meer waar het moest blijven.
Ik wil eigenlijk een vaste ruimte tussen mijn blogs en ik wil graag dat mijn footer met een tussenruimte direct onder de blogs komt te staan.
Helaas weet ik geen raad meer en zou het erg fijn zijn als jullie een oplossing kunnen verzinnen.
Alvast bedankt,
Stef
Mijn css kan je vinden op:
http://stefandmindy2.netne.net/default.css
Mijn HTML/PHP:
<?php
/* errors weergeven. */
error_reporting(E_ALL);
/* Connectie met de database maken. */
require_once ('connect_db.php');
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head>
<title>Stef&Mindy - Blogging2You</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="default.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="header">
<div id="headertekst">
<p>
Stef&Mindy - Blogging2You
</p>
</div>
<div id="navcontainer">
<ul id="navlist">
<li> <a href="#"> Home </a> </li>
<li> <a href="#"> About Us </a> </li>
<li> <a href="#"> Blogs </a> </li>
<li> <a href="#"> Vlogs </a> </li>
<li> <a href="#"> Contact </a> </li>
</ul>
</div>
</div>
<div id="spacer"></div>
<div id="left">
<?PHP
# Errors weergeven
error_reporting(E_ALL);
# Query uitvoeren
$Query =
"
SELECT
ID,
Titel,
Author,
Date,
Preview,
Bericht
FROM
blog
ORDER BY
ID
DESC LIMIT 4
";
# Resultaat van de query
$Result = mysql_query($Query);
# Kijken of de query is gelukt
if(!$Result)
{
# Fout in query
echo 'Foutje opgetreden: '.mysql_error();
}
else
{
# Kijken of er wel resultaten zijn
if(mysql_num_rows($Result) == 0)
{
# Geen resultaten
echo 'Er staan geen resultaten in de database.';
}
else
{
# While loop uitvoeren om gegevens te laten zien
while($Row = mysql_fetch_assoc($Result))
{
echo '
<div id="prevblog">
<div id="prevblogphoto">
<div id="prevblogtitle">
<a href="#">' .$Row['Titel'].' </a>
</div>
</div>
<div id="prevblogtekst">
<p>' .nl2br($Row['Preview']). '</p>
</div>
<div id="prevblogfooter"><p> Date:' .$Row['Date']. ' Author:' .$Row['Author'].' Comments:</p>
</div>
</div><br>'
;}
}
}
?>
</div>
<div id="right">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 4,
interval: 6000,
width: 250,
height: 300,
theme: {
shell: {
background: '#f03c00',
color: '#ffffff'
},
tweets: {
background: '#fffff0',
color: '#000000',
links: '#FFFFFF'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'all'
}
}
).render().setUser('stefandmindy').start();
</script>
</div>
</div>
<div id="footer">
<p>Copyright © Stef&Mindy - Blogging2You - All rights Reserved 2010 - Design by: Stef van de Ven - Email: [email protected]</p>
</div>
<br>
</body>
</html>
