✔ Links auf die gleiche Größe bringen

[Neolity]

Hallo,

ich hab ein kleines Problem mit meinen Links! Ich bekomme die nicht auf die gleiche Größe.

Unten findet ihr den entsprechenden Code. Ist im Augenblick eher ein kleines Testprogramm. Bisher hatte ich mit solchen Dingen keine Probleme, aber im Augenblick hab ich einfach ein Brett vor dem Kopf...

<style type="text/css">
#menu
{
	border: 3px solid #C20000;
	width: 150px;
}
#aufzaehlung
{
	list-style: none;
	margin: 1em;
	padding: 0;
}
ul#aufzaehlung li
{
	margin-top: 0.5em;
	font-weight: bold;
}
ul#aufzaehlung li a
{
	background-color: #C20000;
	color: white;
	border: 1px solid black;
	text-decoration: none;
}
#aufzaehlung a:hover
{
	background-color: red;
}
</style>

<?php
function datum()
{
	$datum = Date("d.m.Y");
	return $datum;
}
function uhrzeit()
{
	$uhrzeit = Date("H:i")." Uhr";
	return $uhrzeit;
}
?>

<div id="menu">
<ul id="aufzaehlung">
	<li> <b> <?php echo datum(); ?> </b> </li>
	<li> <b> <?php echo uhrzeit(); ?> </b> </li>
	<li> Counter: <br> <i> (seit XX.XX.XXXX) </i> </li>
	<li> <a href=""> Spiele </a> </li>
	<li> <a href=""> Hobbies </a> </li>
	<li> <a href=""> Programmieren </a> </li>
</ul>
</div>

 

[Maik]

Hi,

verleih den Links mal "Block-Level-Charakteristika":

ul#aufzaehlung li a
{
        background-color: #C20000;
        color: white;
        border: 1px solid black;
        text-decoration: none;
        display: block;
}

Möglicherweise muss dann noch die Breite für das DIV #menu erhöht werden, damit der Navigationspunkt "Programmieren" in der Box Platz findet.

 

[derpfaff]

Füge mal folgenden Code ein:

display:block;

Und zwar bei folgendem Stylesheet: ul#aufzaehlung li a


\\EDIT
Okay, Maik war schneller

 

[Neolity]

Vielen Dank!
Genau das war es!