PHP speciel design

hvis du skal have 2 divs ved siden af hinanden, skal du bruge float: left / right i din style.

og for at bruge hhv den ene eller anden style (alt efter om nyheden skal være den første eller anden i rækken) kan du have en tæller som du ligger én til for hver iteration, som du hver gang laver en modulus på - hvis den er lige laver du med den ene style og hvis den er ulige laver du den anden style

Kan du give et splazz?

et?

eksempel :)

Hvordan laver du det sammen med den kode jeg skrev i starten?

hvordan ser dit design ud? har du kun dén kode?

Jah det har jeg.

Jeg har denne kode:
echo "<div class=\"top\"><b>News</b></div>";
<div class=\"info\">";
$query = mysql_query("SELECT * FROM news ORDER BY id");
if(mysql_num_rows($query)) {
    while ($row = mysql_fetch_array($query, MYSQL_ASSOC)) {
    ?>
        <div class="news_margin">
            <div class='news_top'>
                <div class='news_news_h1'>
                    <a href='news.php?news_id=<?php echo $row['id']; ?>'><?php echo $row['news']; ?></a>
                </div>
            </div>
            <div class='news_message'>
                <div class='news_message_margin'>
                    <?php echo $row['message']; ?>
                </div>
            </div>
        </div>
        <?php
    }
}
echo "</div>";

Og denne:
.top {
    background: #202121;
    color: #ffffff;
    border-bottom: 1px solid #000;
    padding: 8px;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
}
.info {
    background: #dcdbdc;
    color: #000000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #bbb;
    padding: 6px;
    font-size: 12px;
}
.news_margin {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    width: 40%;
}
.news_top {
    background: #f5f5f5;
    padding: 0;
    padding-left: 10px;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -moz-border-radius-topleft: 0.5em;
    -moz-border-radius-topright: 0.5em;
}
.news_news_h1 {
    font-size: 24px;
    font-weight: bold;
}
.news_message {
    background: #FFFFFF;
    padding-left: 10px;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
}
.news_message_margin {
    padding-top: 10px;
    padding-bottom: 10px;
}

Hvordan får jeg den ind der?

er der nogen grund til at du har så mange divs til dine nyheder?

anyways, så skal du som sagt lave to classes; én med float: left; og én med float: right; (og bredden skal selvfølgelig være det halve af den samlede bredde)

Det er noget med opsætningen :)

Men hvordan skal jeg lige gøre det?

div.right
{
  float: right;
}

div.left
{
  float: left;
}

??

Jaah det ved jeg.

Men i php, hvordan skal det gøres?

se #5 ?

der smider den først i venstre side og anden og tredje oven i hinanden

har du et link?

http://lol.offlines.dk/test.php

hmm nu har du jo alligevel sat din side op i tables, så hvorfor ikke bare fortsætte den _dårlige_ hele vejen?

Jamen jeg skal bruge divsne

du har jo heller ikke sat den bredde på som jeg skrev i #10...

prøv at se siden nu. Nu kommer den tredje ikke over i venstre

Sorry. Det virker nu. MANGE TAK

Du skrive bare et svar :)

selv tak - jeg forstår dog ikke din combo af tables og divs...

tfp

Prøv at se siden nu.
http://lol.offlines.dk

du har stadig ingen bredde på din divs med float attributerne

Jeg giver op. Det vil ikke virke :(

Men tak for al din hjælp :)

kig her: http://majbom.com/testarea/exp/946237/