div's omwisselen

Door Kevin Kroos op 31-03-2013 14:24

1.625 views

Beste,

Ik ben bezig met een website waar het onderdeel 'blog archiveren' inkomt. Nu zit ik met een probleem, er zijn twee verschillende div's. Bij blog 1 tm 4 gebruikt hij class left, bij 6 en 6 komt het in class right.

Nu is mijn vraag, hoe kan ik dit het beste implanteren? Ik had iets geprobeerd met 3 ifjes en een for loop, maar ik denk dat er betere oplossingen zijn.

Dit is mijn HTML stuk


                        <h2>Blog archief</h2>
                        
                        <div class="left">
                        	
                            <ul>
                            	<li><span>01-03-2013</span> - Blog kopregel 3</li>
                            	<li><span>06-03-2013</span> - Blog kopregel 4</li>
                            	<li><span>15-03-2013</span> - Blog kopregel 5</li>
                            	<li><span>21-03-2013</span> - Blog kopregel 6</li>
                            </ul>
                        
                        </div>
                        
                        <div class="right">

                            <ul>
                            	<li><span>01-03-2013</span> - Blog kopregel 3</li>
                            	<li><span>06-03-2013</span> - Blog kopregel 4</li>
                            </ul>
                            
                            <a class="more" href="#">Bekijk archief</a>
                        
                        </div>

Ik hoop dat jullie mij goede tips of eventueel voorbeelden kunnen geven.

Met vriendelijke groet,
Kevin.

- Pepijn -

31-03-2013 14:32

Maak het een UL

Eddy E

31-03-2013 14:37 gewijzigd op 31-03-2013 14:40

Wat lukt er niet?
Het implementeren van ... ?

De PHP?
Ik zie toch goede HTML hierboven? Wil je dit handmatig doen? Of geautomatiseerd?
Je zou ook iets met [php]array_slice[/php] kunnen doen en dan 2 loopjes (1 voor blog1 tm blog4) en 1 voor de rest (of dat er nou 2 of 100 zijn).

Of lukt het niet met de CSS?
Je kan toch prima dit doen?

div.right a
 {
 color: red;
 }
div.left a
 {
 color: green;
 }

Of als je het toch in 1 while-loop wilt en na het vierde linkje doe je dit:


<?php
$i = 0;
while($data = mysqli_fetch_assoc($result, $link))
 {
 $i++; // verhoog teller
 echo '<a ....>';
 
 // na 4e element
 if($i == 4)
  {
  echo '</div>
        <div class="right">';
 }
?>

Kevin Kroos

31-03-2013 15:23 gewijzigd op 31-03-2013 15:58

Sorry ik denk dat ik wat onduidelijk was. De lay-out is al volledig gesliced. Het gaat echt puur om hoe ga je hier het beste mee om met behulp van PHP

Edit: opgelost met de oplossing van Eddy E, dankje. Had even niet door dat de oplossing zo voor de hand lag ;)

Reageren

Inloggen om te reageren