Hey.
Jeg har et problem med noget css kode.
Jeg har lavet en sql-forespørgsel og et fetch_array der udskriver 10 værdier.
Disse værdier står på linje med hinanden såsom:
[værdi 1] [værdi 2] [værdi 3] [værdi 4] [værdi 5] [værdi 6] [værdi 7]...
Problemet er blot at der kun er plads til 6 af boksene der hvor de skal være på siden.
Derfor tænkte jeg at jeg nemt fixer den med noget overflow-x: scroll; overflow-y: hidden;
Der hvor problemet ligger, er bare at overflow-x ikke virker. Scrollbaren kommer frem - men den kan ikke køre fra side til siden.
Detter resulterer i at værdierne udskrives som følger:
[værdi 1][værdi 2][værdi 3][værdi 4][værdi 5][værdi 6]
[værdi 7][værdi 8][værdi 9][værdi 10]
Fetch_array'et ligger i et div kaldet printArea
Hvordan løser jeg dette?
CSS-kode:
- #printArea {
- width: 956px;
- height: 60px;
- overflow-x: scroll;
- overflow-y: hidden;
-
- }
SQL og PHP
- $data = mysql_query("SELECT * FROM post ORDER BY RAND() LIMIT 10")
- or die(mysql_error());
- echo '<div id="printArea">';
- while($info = mysql_fetch_array( $data )):
- echo'<div id="boxArea">';
- echo'<div class="cover">';
- echo'<img src="http://www.billed/billed.jpg" width="37" height="37" />';
- echo'</div>';
- echo'<div class="title">'; echo substr($info['title'], 0, 15); echo'...</div>';
- echo'<div class="description">'.$info['description'].'</div>';
- echo'</div>';
- endwhile;
- echo '</div>';