✔ Text im Grafikmenu verschoben

Status
Nicht offen für weitere Antworten.
J

Joerg66

Erfahrenes Mitglied
Hallo,

ich habe auf meiner Page ein senkrechtes- und ein Waagerechtes Menu. Der folgende Code ist das waagerechte, abgeleitet vom Senkrechten, weil beide gleich aussehen sollen. Leider habe ich das Problem, das der Text (Impressum und Kontakt) nach rechts verschoben ist und über den Button hinausrakt. Im Senkrechten Menu steht text-align:center, im waagerechten hat diese Angabe aber keinen effekt. Kann mir da jemand helfen?

PHP: 
<?PHP
echo" <html>\n";
echo"          <head>\n";
echo"          <style type=\"text/css\">\n";
echo"          #menu_u {\n";
echo"			position:absolute;\n";
echo"			left:150px;\n";
echo"			bottom:30px;\n";
echo"			display: inline;\n";
echo"			z-index:1;}\n";

echo"          #menu_u a, #menu_u a:visited {\n";
echo"			display: inline;\n";
echo"			background:url(Button.gif) no-repeat;\n";
echo"			background-position: 0px -0px;\n";
echo"			background-color:transparent;\n";
echo"			text-align:center;\n";
echo"			color:#400040;\n";
echo"			line-height:35px;\n";
echo"			text-decoration:none;\n";
echo"			font-family:arial, sans-serif;\n";
echo"			font-weight:bold;\n";
echo"			padding: 12px 45px 12px 45px;\n";
echo"			font-size:10pt;}\n";

echo"          #menu_u a:hover {\n";
echo"			background-position: 0px -35px;\n";
echo"			line-height: 35px;\n";
echo"			overflow:hidden;\n";
echo"			color:#950095;}\n";

echo"          #menu_u a#selected, #menu_u a#selected:hover {\n";
echo"			background-position: 0px -70px;\n";
echo"			line-height: 35px;\n";
echo"			cursor:default;\n";
echo"			color:#000;}\n";

echo"          </style>\n";
echo"      </head>\n";

// blablabla


echo"      <div id=\"menu_u\">\n";
if (!strcmp($_GET['section'],"impressum"))
   	echo"      <a href=\"index.php?section=impressum\" id=\"selected\">Impressum</a>\n";
else
   	echo"      <a href=\"index.php?section=impressum\">Impressum</a>\n";

if (!strcmp($_GET['section'],"kontakt"))
    	echo"      <a href=\"index.php?section=kontakt\" id=\"selected\">Kontakt</a>\n";
else
	echo"      <a href=\"index.php?section=kontakt\">Kontakt</a>\n";

echo"      </div>\n";
 
Hi,

kann man sich die Seite mal irgendwo online betrachten, denn mit dem Codeschnipsel kann ich keine Verschiebung des Linktextes nach rechts feststellen?
 
Hi,

noch nicht, hab ich nur auf meinen Server, kann ich morgen früh aber mal hochladen (Bin im Büro und es wird spät heut :-( ) Ich werd die andresse morgen hier posten, hab ich nicht im Kopf jetzt.
 
Ansonsten pack mal die komplette Seite incl. der Hintergrundgrafik in eine ZIP-Datei und lad diese hier hoch.
 
Hi,

danke für den Tip, oh man, ist ja fast peinlich, was hab ich gewühlt.
Aber jetzt entsteht die nächste "Unschönheit", wenn das "Impressum" mittig steht, ist das "Kontakt" nach links aus der Mitte. Wie kann ich ein center erzwingen, unabhängig von der Wortlänge ?
 
Versuch es mal auf diese Weise:

Code: 
#menu_u a, #menu_u a:visited {
           background:url(Button.gif) no-repeat;
           background-position: 0px 0px;
           background-color:transparent;
           text-align:center;
           color:#400040;
           line-height:35px;
           text-decoration:none;
           font-family:arial, sans-serif;
           font-weight:bold;
           font-size:10pt;
           float:left;
           width:123px;}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück