Ik heb een PHP script gekocht en wil in het middan van het scherm van 1 groot blok naar 3 kleine blokken. Maar als ik het blok wat nu al bestaat verklein en 3 keer kopieer in het script dan komen alle blokken onder elkaar ipv naast elkaar. kan iemand me opweg helpen met deze code?

Het gaat om de add2.php en add3.php en add4.php. in deze bestanden staat nu alleen nog een simpele text die ik later dus wil gaan opvullen

PHP code:
<?PHP
<div id="frontpage">
<div id="fpleft">
<div id="searchfp">
<?php include('includes/searchform.php'); ?>
</div>
<div id="fplisting">
<div id="center">
<?php
include('includes/add2.php');
include('includes/add3.php');
include('includes/add4.php')
?>
</div>

<div id="fpright">

<?php

//print content if exsists
if(!empty($frontpText))
echo '<div id="contentfp">'.$frontpText.'</div>';

?>

<?php

//print banners on frontpage
echo $bannboxFP

?>
</div>
<br class="clear" />
</div>
?>

CSS code:
<?PHP
#frontpage #fpleft #fplisting{
background:#fff url(../images/web_images/soldby_bg_old.png) bottom right no-repeat;
margin-bottom:15px;
padding:14px;
border:1px solid #d9d9d9;
height:370px;
width:650px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #;
}
#frontpage #fpleft #fplisting .title{
display:block;
color:#<?php echo $css_color['value6'] ?>;
font-size:2.2em;
margin-bottom:15px;
border-bottom:1px solid #d9d9d9;
}
#frontpage #fpleft #fplisting .fpitem{
width:120px;
border:1px solid #eee;
margin:0 8px 16px 8px;
padding:10px;
font-size:0.9em;
float:center;
height:130px;
overflow:hidden;
cursor:pointer;
text-align:center;
background:#fff
}
#frontpage #fpleft #fplisting .fpitem:hover{
border:1px solid #d9d9d9;
}
#frontpage #fpleft #fplisting .fpitem span{
display:block;
margin-bottom:6px;
}
#frontpage #fpleft #fplisting .fpitem .cb{
font-weight:bold;
color:#<?php echo $css_color['value'] ?>
}
#frontpage #fpleft #fplisting .fpitem .pb{
color:#<?php echo $css_color['value6'] ?>
}
#frontpage #fpleft #center{
background:#fff url(../images/web_images/soldby_bg_old.png) bottom right no-repeat;
margin-bottom:15px;
padding:14px;
border:1px solid #d9d9d9;
height:370px;
width:200px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
border:1px solid #;
}
#frontpage #fpleft #center .title{
display:none;
color:#<?php echo $css_color['value6'] ?>;
font-size:2.2em;
margin-bottom:15px;
border-bottom:1px solid #d9d9d9;
}
#frontpage #fpleft #center .fpitem{
width:120px;
border:1px solid #eee;
margin:0 8px 16px 8px;
padding:10px;
font-size:0.9em;
float:center;
height:130px;
overflow:hidden;
cursor:pointer;
text-align:center;
background:#fff
}
#frontpage #fpleft #center .fpitem:hover{
border:1px solid #d9d9d9;
}
#frontpage #fpleft #center .fpitem span{
display:none;
margin-bottom:6px;
}
#frontpage #fpleft #center .fpitem .cb{
font-weight:bold;
color:#<?php echo $css_color['value'] ?>
}
#frontpage #fpleft #center .fpitem .pb{
color:#<?php echo $css_color['value6'] ?>
}
?>

Mocht er iets onduidelijk zijn dan hoor ik het graag!

alvast bedankt!
Kijk eens naar css float daar doe ik het altijd mee

Reageren