Подреждане в две колони с CSS

[montana]

Значи искам това което е на първата снимка, да стане като това на втората ..

Снимка 1

Снимка 2

Ето го и кода:

:

<div id="txtHint">
        <font color="#2d8506">
                <?php if (!mysql_num_rows($query)) { ?>
                <a href="javascript:void(null)" onclick="showHint('1','<?=$id?>')" onmouseover="movepic('pic1','vote_up.png');" onmouseout="movepic('pic1','vote_up2.png');"><? } ?>
                        <img name="pic1" src="<?=$vote_yes?>.png" border="0"><?php if (!mysql_num_rows($query)) { ?></a><? } ?> <b><?=$yess?> (<?=$procent_yes?>%)</b> 
        <font>
        
        <font color="#a30d00">
                <?php if (!mysql_num_rows($query)) { ?>
                <a href="javascript:void(null)" onclick="showHint('-1','<?=$id?>')" onmouseover="movepic('pic2','vote_down.png');" onmouseout="movepic('pic2','vote_down2.png');"><? } ?>
                        <img name="pic2" src="<?=$vote_no?>.png" border="0"><?php if (!mysql_num_rows($query)) { ?></a><? } ?> <b><?=$noo?> (<?=$procent_no?>%)</b><br /> 
        </font>
        

</div>

 

[Vladkata]

<br />

?

или задаваш стил на двата елемента:
[css]
float: left;
[/css]

и после в html-а след затварянето на горния елемент:

<div style="clear: both;"></div>

Пробвай и кажи, би трябвало и двете да работят.

Между другото използването на тага <font> е забранено!

 

[montana]

с това стават едни под други елементите, а не както е на 2-та картинка

 

[Vladkata]

Добре дай CSS, ти си дал PHP... Трябва и палците да са ти в един <div> и процентите.

 

[montana]

Добре дай CSS, ти си дал PHP... Трябва и палците да са ти в един <div> и процентите.

Само с това изкарвам всичко. Няма css или нещо друго. Останалото е php код

 

[eddyy93]

Нещо от този сорт ще е. Размерите не знам дали са така, нагласи си ги според твойте изисквания.

<div id="txtHint" 

       style = "
                        
              width: 400px;
              height: 100px;
              text-align: left;        
">

<div style = "

position: relative;
width: 150px;
float: left;

">

                <?php if (!mysql_num_rows($query)) { ?>

                <a href="javascript:void(null)" onclick="showHint('1','<?=$id?>')" onmouseover="movepic('pic1','vote_up.png');" onmouseout="movepic('pic1','vote_up2.png');"><? } ?>

                        <img name="pic1" src="<?=$vote_yes?>.png" border="0"><?php if (!mysql_num_rows($query)) { ?></a><? } ?> 

<div style = "

color: #2d8506;
position: absolute;
bottom: 0px;

">

<?=$yess?> (<?=$procent_yes?>%)

</div> 

        </div>

        

        <div style = "

position: relative;
width: 150px;
float: left;

">

                <?php if (!mysql_num_rows($query)) { ?>

                <a href="javascript:void(null)" onclick="showHint('-1','<?=$id?>')" onmouseover="movepic('pic2','vote_down.png');" onmouseout="movepic('pic2','vote_down2.png');"><? } ?>

                        <img name="pic2" src="<?=$vote_no?>.png" border="0"><?php if (!mysql_num_rows($query)) { ?></a><? } ?>

 <div style = "

color: #a30d00;
position: absolute;
bottom: 0px;

">

<?=$noo?> (<?=$procent_no?>%)

</div> 

        </div>

        



</div>