Vandrette dynamiske lister

Vandrette dynamiske lister anvendes ofte til f.eks. menuer og data i footer. De kan grundlæggende opbygges således:

Dobblet-parameteret "inline-block" i css medfører hhv
- at listen vendes vandret og
- at der kan centreres / højrestilles med "text-align:center;" / "text-align:right;".

Menu

<style>
.css01{
list-style-type: none;
padding-top:15px;
text-align: center;
}
.css01 li {
display: inline-block;
padding-left: 10px;
padding-right:10px;
}

.css01 li a
{
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: limegreen;
}

.css01 li a:hover
{
color: red;
background-color: yellow;
}
</style>

<?php
$query_menu = "SELECT * FROM menu
order by me_rkf";
$result_menu = mysqli_query($db_link, $query_menu) or die (mysqli_error ($db_link));
$antal_menu = mysqli_num_rows ($result_menu);
if ($antal_menu > 0)
{
echo '<ul class="css01">';
while ($row_menu = mysqli_fetch_assoc ($result_menu))
{
$pgm = $row_menu['me_pgm'];
echo "<li><a href='$pgm'>$row_menu[me_navn]</a></li>";
}
echo '</ul>';
}
else
{
echo "Der er ingen data til menuen";
} // antal slut
?>

Footer

<style>
.css01{
list-style-type: none;
padding-top:15px;
text-align: center;
}
.css01 li {
display: inline-block;
padding-left: 10px;
padding-right:10px;
}
</style>

<?php
$query_adr = "SELECT * FROM adresse";
$result_adr = mysqli_query($db_link, $query_adr) or die (mysqli_error ($db_link));
$antal_adr = mysqli_num_rows ($result_adr);
$row_adr = mysqli_fetch_assoc ($result_adr);

echo "<ul class='css01'>";
echo "<li>". $row_adr['adr_navn']. "</li>";
.
.
.
echo "<li>mail: ". $row_adr['adr_mail']. "</li>";
echo "<ul>";
?>