2 eller 3 spalter css styret

Er det PHP'en eller CSS'en du ikke kan få til at virke, eller er det hvordan du implementeret det?

Har du en if sætning i PHP, hvor du checker hvor meget som er udfyldt, og derefter vælger den style som den skal bruge?

Det er css jeg ikke kan klare. If'en er vist indbygget i scriptet

Det virker på denne måde, kunden udfylder 3 felter (første spalte) klikker derefter på et plustegn, og 3 nye form-fields fremkommer osv. Scriptet holder styr på hvor mange der er ibrug.

I øjeblikket bruger jeg som følger:
.column1{
    margin:0px 0px 0px 0px;
    padding:0px 5px 5px 5px;
    border:1px solid #D1D1D1;
    position:relative;
    color:#000000;   
    font-family: Helvetica,Arial,Sans-Serif;
      font-size:11px;
    font-style: normal;
      z-index:3;
float:left;clear:none;
    width:150px;
        top:10px;
}
.column2{
    margin:0px 0px 0px 0px;
    padding:0px 5px 5px 5px;
    border:1px solid #D1D1D1;
    position:relative;
    color:#000000;   
    font-family: Helvetica,Arial,Sans-Serif;
      font-size:11px;
    font-style: normal;
      z-index:3;
float:left;clear:none;
    width:150px;
        top:10px
}

Men dette efterlader blot en tom plads, ved kun 2 spalter

Sorry, kun .column1 bruges.

Jeg glemte da helt scriptet:

<div class="column1">

<?php for ( $i = 0, $n = sizeof( $jSeblod->overskrift_groupx)-1; $i < $n; $i++ ) { ?>
<div class="<?php echo $n ?>">

<b><?php echo $jSeblod->overskrift_groupx[$i]['overskrift']->value; ?></b>
<?php echo $jSeblod->overskrift_groupx[$i]['tekst']->value; ?><br>
<b> <?php echo $jSeblod->overskrift_groupx[$i]['pris']->value; ?></b></b>
</div>
<?php } ?>

Derfor du skal bruge en if sætning i din PHP.

Eksempel,



På den måde skifter den mellem de rigtige styles, når du vælger hvilken visning der skal være, udfra hvilke/hvor mange spalter der er udfyldte.

Hvis du har noget som holder styr på hvor mange som er udfyldte i forvejen, har du det måske som et tal i en variabel et sted.

I såfald kan du istedet for at sige if ($spalte && $spalte2 osv... nøjes med if ($antalSpalter > 2) {
//Hvis der er flere end 2 spalter... Denne process kan gentages med andre tag, 1, 2, 3, 4 og så videre...
}

Denne holder styr på hvormange grupper der er:

<?php for ( $i = 0, $n = sizeof( $jSeblod->overskrift_groupx)-1; $i < $n; $i++ ) { ?>
<div class="<?php echo $n ?>">

Problemet er at det bliver placeret under hinanden, dette skal klares v.h.a denne float:left;clear:none;

Column 1 news Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.
98,-
Column 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
125,-
Column 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor.
145,-
-ellers ser det således ud

Jeg kan også lave de 3 koloner således:

<div class="column1">
<b> <?php echo $jSeblod->overskrift_groupx [0]['overskrift']->value; ?></b> <br>           
<?php echo $jSeblod->overskrift_groupx [0]['tekst']->value; ?><br>
<b> <?php echo $jSeblod->overskrift_groupx [0]['pris']->value; ?></b>
                </div>                   
<div class="column2">
<b><?php echo $jSeblod->overskrift_groupx [1]['overskrift']->value; ?></b> <br>           
<?php echo $jSeblod->overskrift_groupx [1]['tekst']->value; ?><br>
<b><?php echo @$jSeblod->overskrift_groupx [1]['pris']->value; ?></b>
</div>
<div class="column3">
<b><?php echo $jSeblod->overskrift_groupx [2]['overskrift']->value; ?></b> <br>           
<?php echo $jSeblod->overskrift_groupx [2]['tekst']->value; ?><br>
<b><?php echo $jSeblod->overskrift_groupx [2]['pris']->value; ?></b>
  </div>
- så bliver de placeret ved siden af hinanden, men med fast bredde

Her er hvad en anden foreslog:
This is what I'll do, in php, I count the number of results in groupx. Putt the result in a variable and this variable will be the css class of my columns.
Som dette:
<?php for ( $i = 0, $n = sizeof( $jSeblod->your_groupx )-1; $i < $n; $i++ ) { ?>
<div class="<?php echo $n ?>">
<?php echo $jSeblod->your_groupx[$i]['groupx_content']->value; ?>
</div>
<?php } ?>

Og dertil css class:
div.2 {width:50%;}
div.3 {width:33%;}

- men jeg kan ikke få dette til at virke

Tæller den rigtigt, når du kører scriptet? Og kalder den på den rigtige style? Og dermed den rigtige width? :)

Opgaven er løst med anden hjælp.
Mange tak for din hjælp.

Okay godt :)

Det var så lidt ...