zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden PHP-Menü mit CSS formatieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 07.07.2009, 21:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2009
Beiträge: 5
Knut2009 befindet sich auf einem aufstrebenden Ast
Standard PHP-Menü mit CSS formatieren

Hi Leute,

ich komme mit der css-Formatierung meines PHP-Menüs leider nicht weiter und hoffe Ihr könnt mir helfen.

Die folgende PHP-Datei include ich.

PHP-Code:
<?$menue = array(
        
"Start" => "index.php",
         
"Niklas Jannik" => "niklas.php",
         
"Lilian Josephine" =>"lilian.php",
        
"Bilder" => "bilder.php",
         
"Videos" => "videos.php",
         
"Webcam" => "webcam.php",
         
"G&auml;stebuch" => "gaestebuch.php",
         
"Links" => "links.php",
         
"Kontakt" => "kontakt.php"
);
?>
<div id=menue align="center">
<?
foreach($menue as $eintrag => $datei){
        if (
$datei == basename($_SERVER['PHP_SELF']))
         echo 
$eintrag;
         else echo 
"<a href='$datei'>$eintrag</a>";
}
?>
</div>
Mit der folgenden css-Eintragungen versuche ich das Menü zu formatieren nur leider werden die Formatierungen für menü a und menü a:hover nicht so richtig übernommen.

Code:
#menue
{
width: 80%;
margin: 0 10% 0 10%;
padding: 5px;
border-left: 2px solid #C0C0C0;
border-right: 2px solid #000000;
background-color: #FDE18C;
}
#menue a {
display: inline;
text-decoration:none;
padding:5px;
margin:5px;
}
#menue a:hover {
text-color: #FFFFFF;
display: inline;
text-decoration:none;
padding:5px;
margin:5px;
}
Vielen Dank!

Gruß

Knut
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 07.07.2009, 22:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Das hat mit PHP erstmal nichts zu tun. Wichtig ist, was im Endeffekt für HTML-Code ausgegeben wird. Erst dann kann man irgendetwas sagen. Also gib uns am Besten mal den HTML-Code, der im Browser ausgegeben wird.

Als erstes ist mir jetzt nur aufgefallen, dass die ID nicht in Anführungszeichen steht
Code:
<div id="menue" align="center">
P.S.: Was soll das align="center" eigentlich?

Kleiner Tipp noch: <a>-Elemente sind bereits inline-Elemente. Somit benötigst du kein display: inline; für die Links. Desweiteren reicht es, wenn du CSS-Eigenschaften, die bei alle Linkarten (visited, hover, normal) gleich sind, nur in a {} deklarierst und nur die Eigenschaften, die sich ändern, schreibst du in die entsprechende Pseudo-Klasse.

Geändert von regloh (07.07.2009 um 22:40 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 07.07.2009, 22:37
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2009
Beiträge: 5
Knut2009 befindet sich auf einem aufstrebenden Ast
Standard

Hi,

Anführungszeichen habe ich sofort eingefügt.

Hier der Code aus dem Browser:

HTML-Code:
<div id="menue" align="center">
Start<a href='niklas.php'>Niklas Jannik</a><a href='lilian.php'>Lilian Josephine</a><a href='bilder.php'>Bilder</a><a href='videos.php'>Videos</a><a href='webcam.php'>Webcam</a><a href='gaestebuch.php'>G&auml;stebuch</a><a href='links.php'>Links</a><a href='kontakt.php'>Kontakt</a></div><div id=content>
Danke!

Gruß

Knut
Mit Zitat antworten
  #4 (permalink)  
Alt 07.07.2009, 22:42
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Und klappt es nun? Wenn nicht, dann stell bitte lauffähigen HTML- und CSS-Code rein oder gib mal den Link zur Problemseite.

P.S.: Hatte oben auch noch ein "Edit" eingefügt. Hast du evtl. übersehen Hat aber ansich nichts mit dem Problem zu tun.
Mit Zitat antworten
  #5 (permalink)  
Alt 07.07.2009, 23:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2009
Beiträge: 5
Knut2009 befindet sich auf einem aufstrebenden Ast
Standard

Hi regloh,

habe die css-Datei geändert.

Hier die ganze Datei
Code:
body
{
background:#ffffff url(/bilder/back.png) repeat-x;
}
h1
{
font-family: LetterOMatic!;
font-weight: bold;
color: #000080;
border-left:2px solid #C0C0C0;
border-top:2px solid #C0C0C0;
border-right:2px solid #000000;
background-color:#E5C080;
width: 80%;
text-align: center;
margin: 5% 10% 0 10%;
padding: 5px
}
h2
{
font-family: LetterOMatic!;
font-weight: bold;
color: #000080;
background-color:#FDF88C;
text-align: center;
margin: 5px;
padding: 5px
}
#menue
{
width: 80%;
margin: 0 10% 0 10%;
padding: 5px;
border-left: 2px solid #C0C0C0;
border-right: 2px solid #000000;
background-color: #FDE18C;
}
#menue a {
text-color: #000000;
text-decoration: none;
padding: 5px;
margin: 5px;
}
#menue a:hover {
text-color: #FFFFFF;
}
#content
{
width: 80%;
height: 100%;
float: none;
margin: 0 10% 0 10%;
padding: 5px;
border-left:2px solid #C0C0C0;
border-right:2px solid #000000;
background-color:#FDF88C;
font-family: Times New Roman;
color: #0000FF;
text-align: center;
}
#counter
{
clear:left;
float: none;
width: 80%;
margin: 0 10% 5% 10%;
padding: 5px;
text-align: center;
border-left:2px solid #C0C0C0;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
background-color:#E5C080;
}
#links
{
display:block;
text-decoration:none;
margin: 5px;
padding: 5px;
}
Die Index.php sieht so aus:

PHP-Code:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Unser eHomepage</title>
<meta name="description" content="Unsere private Homepage">
<meta name="author" content="">
<meta name="keywords" content="Homepage, Hamster">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1>
Unsere Homepage
</h1>
<?php
include("menue.inc");
?>
<div id="content">
<h2>Herzlich Willkommen auf unserer Homepage</h2><br />
<img src="/bilder/logo.jpg" alt="" border="0"><br /><br />
<h2>Falls Sie Lust haben, können Sie uns etwas in unser Gästebuch schreiben.</h2>
</div>
<div id="counter">
Du bist Besucher Nr:</br>
<?php
include("counter/counter.php");
?>
</div>
</body>
</html>
und die Menue.inc so:

PHP-Code:
<?$menue = array(
        
"Start" => "index.php",
         
"Niklas Jannik" => "niklas.php",
         
"Lilian Josephine" =>"lilian.php",
        
"Bilder" => "bilder.php",
         
"Videos" => "videos.php",
         
"Webcam" => "webcam.php",
         
"G&auml;stebuch" => "gaestebuch.php",
         
"Links" => "links.php",
         
"Kontakt" => "kontakt.php"
);
?>
<div id="menue" align="center">
<?
foreach($menue as $eintrag => $datei){
        if (
$datei == basename($_SERVER['PHP_SELF']))
         echo 
$eintrag;
         else echo 
"<a href='$datei'>$eintrag</a>";
}
?>
</div>
Das Problem ist, dass mir nie der Hover-Effekt angezeigt wird, geschweige denn die Farbe der Links sich ändern würde.

Vielen Danke!

Gruß

Knut
Mit Zitat antworten
  #6 (permalink)  
Alt 07.07.2009, 23:08
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Die CSS-Eigenschaft text-color gibt es nicht. Wenn, dann muss es color: #000; heißen.
Mit Zitat antworten
  #7 (permalink)  
Alt 07.07.2009, 23:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2009
Beiträge: 5
Knut2009 befindet sich auf einem aufstrebenden Ast
Standard

Hi Regloh,

Danke, jetzt funktioniert es!!!

Vielleicht sollte man sich nicht immer auf den css-Parser verlassen und lieber bei css4you nachlesen oder hier fragen .

Gruß

Knut
Mit Zitat antworten
  #8 (permalink)  
Alt 07.07.2009, 23:17
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 14.03.2007
Ort: Bad Schmiedeberg
Beiträge: 1.395
regloh wird schon bald berühmt werden
Standard

Oder hier gucken: The W3C CSS Validation Service
Mit Zitat antworten
  #9 (permalink)  
Alt 07.07.2009, 23:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2009
Beiträge: 5
Knut2009 befindet sich auf einem aufstrebenden Ast
Standard

Hi,

Danke!

Habe ich gleichmal ausprobiert und Fehler gefunden, welche ich jetzt versuche zu beheben.

Gruß

Knut
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
menue, php-menue

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Kleines Menü in CSS CrAzYs CSS 2 15.10.2008 21:44
CSS Menü mit Pulldown in Pulldown Dragon CSS 2 26.09.2008 18:39
Problem mit Menü per CSS jippel CSS 1 31.07.2008 21:53
IE6 Problem mit CSS Menü träumer CSS 2 15.01.2007 17:55
CSS Tips & Tricks Webnauts Ressourcen 0 26.08.2006 00:04


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:05 Uhr.