Noob question about aligning divs in PHp

[Xaos]

So, I have this code

Code: Select all

             for($i=0;$i <= $stock; $i++){     //creates a loop that checks versus stock
            if($i % 25 == 0){    //break every 25 Fs
              echo "</br>";
            }
            echo "F";          //echo F to symbolize number of fish, will be reproduced by graphic so
          } 

and I want to put all of the Fs (which will be graphics eventually)on one side of the page, so logically they need to be put into a div and be manipulated with CSS. But the question is....how do I make this happen? Thanks guys

[Gunner]

Just make it like this

Code: Select all

echo "<div align='center'>" . "F" . "</div>"

Or did I get your question wrong?

[Xaos]

Just make it like this

Code: Select all

echo "<div align='center'>" . "F" . "</div>"

Or did I get your question wrong?

Duh, now I feel dumb But now that I did that, all of the fish are lining up in a line, like so http://gyazo.com/d9630c4b67ec38f48b9f2e415cff7f81 when they should really be in blocks, like so http://gyazo.com/6b646e0d5aea2227bf9332ec39d2222e

Also, how would I get them in-line wth the text? IE the block of fish starting at the top of the page on the right? Do I just use CSS? How do I call the CSS in PHP, just include orrr?

[Script47]

Just make it like this

Code: Select all

echo "<div align='center'>" . "F" . "</div>"

Or did I get your question wrong?

Duh, now I feel dumb But now that I did that, all of the fish are lining up in a line, like so http://gyazo.com/d9630c4b67ec38f48b9f2e415cff7f81 when they should really be in blocks, like so http://gyazo.com/6b646e0d5aea2227bf9332ec39d2222e

Also, how would I get them in-line wth the text? IE the block of fish starting at the top of the page on the right? Do I just use CSS? How do I call the CSS in PHP, just include orrr?

Put a line break after the "F" like so:

Code: Select all

echo "<div align='center'>" . "F<br/>" . "</div>"

It may work I'm not sure.

[Xaos]

I put the stuff in divs and tried to use a CSS, but it made it so it pushed it all the way to the right of the page and only showed 1 fish per row, all lined up in a column, like this:

Text X
X


when it should be like


Text XXXXXXX


and etc.

[mahks]

Code: Select all

for($i=0;$i <= $stock; $i++){     //creates a loop that checks versus stock
     echo '<div class="fish_pic '
          .(($i % 25 == 0)? 'fish_brk':'')
          .'"></div>';
}
CSS:
.fish_pic{float:left;background:url(url_to_fish)}
.fish_brk{clear:left}

[Xaos]

http://gyazo.com/df86f8d527058ad9197fa2f9c33ffcd5

I get that.

[MikuzA]

Code: Select all

<style>
div {display:inline}
</style>
<div>Fish</div>
<div>Fish</div>
<div>Fish</div>

This you looking for?

[mahks]

HTML should look like this:
http://jsfiddle.net/mahks/FrY4J/

[Xaos]

I have this:

Code: Select all

                    for($i=0;$i <= ($stock/5); $i++){

            if($i % 45 == 0){
              echo '<div class="fish_brk">';
              echo "</br></div>";
            }
            echo '<div class ="fish_pic">';
            echo '<img src = "smallfish.png"></div>';
          }
 

in the PHP file and

Code: Select all

.fish_pic{
  float:right;
  background:url(url_to_fish)
  }
.fish_brk{
  clear:right
  }

for the CSS.