Горизонтальный не вертикальный дисплей?

У меня есть информация, вытащенная из базы данных sql (я знаю, что mysql устарел, я скоро перейду). В любом случае, информация автоматически отображается вертикально. Вместо этого я бы хотел, чтобы он отображался горизонтально.Горизонтальный не вертикальный дисплей?

Template.php (часть) Я должен исправить nbsp, и я понимаю, что у меня есть несколько ошибок.

<?php 
    $channel_check = mysql_query("SELECT content, Date FROM wgo WHERE Posted_By='$user' ORDER by `id` DESC;"); 
    $numrows_cc = mysql_num_rows($channel_check); 
    if ($numrows_cc == 0) { 
    echo ''; // They don't have any channels so they need to create one?><h4> &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbspYou haven't posted anything yet. You can post what's going on in your life, how you're feeling, or anything else that matters to you.</h4> 


<?php 
} 
else 
{ 
?> 
<div id="recentc"> 
</div> 
<?php 
echo"<h2 id='lp'> Latest Posts</h2>"; 
    while($row = mysql_fetch_assoc($channel_check)) { 
    $channel_name = $row['content']; 
?> 
<div style="margin-top:60px;"> 
<hr style="margin-right:340px;width:600px; opacity:0;"> 

      <?php echo "<div id='rpc'><h6> $channel_name</h6></div>";?> 
    </div>

Styling:

#rpc { 
color:#6E6E6E; 
font-size:25px; 
margin-left:420px; 
font-family:Tahoma, Courier New, monospace; 

margin-right:100px; 
}

Хорошо, так что я сделал все, что было предложено. Это лучше, но теперь выглядит действительно фанк. Вот как выглядит код сейчас.

 <?php 
} 
else 
{ 
?> 
<div id="recentc" style="display:inline-block;"> 
</div> 
<?php 
echo"<h2 id='lp'> Latest Posts</h2>"; 
    while($row = mysql_fetch_array($channel_check)) { 
    $channel_name = $row['content']; 
?> 


      <?php echo "<div id='rpc'><h6> $channel_name</h6></div>";?> 
    </div>

#rpc { 
color:#6E6E6E; 
font-size:25px; 
margin-left:420px; 
font-family:Tahoma, Courier New, monospace; 
display:inline-block; 
margin-right:100px; 

}

http://i.stack.imgur.com/hautR.png

источник

2013-12-22 user3127829

Если вы хотите, чтобы '

' был справа, добавьте 'float: right;' в css add: 'h4 {float: right;}' –

Вы пытались добавить «display: inline-block;» на ваш #rpc? – BuddhistBeast

BuddhistBeast является правильным, но rpc должен быть классом, потому что его несколько, и вам нужно добавить 'display: inline-block' в hr и все родительские погружения для каждого элемента (также ширина должна быть> 1200px, чтобы увидеть их side- by side, потому что это ширина hr – Ertyguy

Я хотел бы добавить класс элементов, и при использовании CSS display:inline-block. Вы также можете добавить float:left в свой первый элемент. Затем вы можете использовать ширину% для каждого элемента, чтобы они были гибкими.

Также не используйте &nbsp для такого расстояния. Просто используйте дополнение или поля в CSS.

источник

2013-12-23 06:22:24 jaminroe

Горизонтальный не вертикальный дисплей?

' был справа, добавьте 'float: right;' в css add: 'h4 {float: right;}' –

ответ

Смежные вопросы