|
|||
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:
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; } Gruß Knut |
Sponsored Links |
|
|||
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"> 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) |
Sponsored Links |
|
|||
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ästebuch</a><a href='links.php'>Links</a><a href='kontakt.php'>Kontakt</a></div><div id=content> Gruß Knut |
|
|||
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. |
|
|||
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; } PHP-Code:
PHP-Code:
Vielen Danke! Gruß Knut |
|
|||
Oder hier gucken: The W3C CSS Validation Service
|
Stichwörter |
menue, php-menue |
Themen-Optionen | |
Ansicht | |
|
|
Ä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 |