| Vorheriges Thema anzeigen :: Nächstes Thema anzeigen |
| Autor |
Nachricht |
N@tur3
Mitglied
|
 Drop Down Menü für PHP mit Bildern ? |
 |
|
Hey
Ich hoffe ihr könnt mir helfen...
Und zwar ich versuch seid 2 tagen ein Drop Down Menü zu machen...
Aber ich habe echt keien ahnung wie ich es machen soll
Also ich hab eine PHP seite, und mein Drop Down Menü soll mit einem bild angezeigt werden also ich versuchs hier mal aufzuführen...
BILD ==>MENÜ1
Also wenn ich über das bild fahre soll das menü angezeigt werden...
Ich hoffe ihr könnt mir helfen..
LG MAIK
könnt mich auch anschreiben bei ICQ 237-278-724 |
|
|
|
| 02 März 2009 21:40 |
|
  |
Forrest Gumb
Mitglied
|
|
| 03 März 2009 15:50 |
|
|
N@tur3
Mitglied
|
|
|
|
geht das auch bei php seiten ?
also so wie ich das seh is das ja mit htm gemacht kann ich das auch einfach für php verwenden ?
Ich versteh nicht wie das gehn soll mit dem bild ich hab das den code für ein bild jetzt eingefügt aber wie verbinde ich das mit dem anderen ?
Kann mir jemand bissel genauer erklären 
maik |
|
|
|
| 03 März 2009 16:59 |
|
|
Forrest Gumb
Mitglied
|
|
|
|
Das hat nichts mit PHP zu tun. PHP ist eine Programmiersprache die auf dem Server ausgeführt wird. Damit das funktioniert, muss Deine Seite z.B. index.php benannt werden. Zur Darstellung in Deinem Browser wird innerhalb Deiner PHP-Seite wieder HTML genutzt.
Zum Menü.
Lade Dir den Quelltext und das dazugehörige Javascript und CSS herunter. Ändere die Links im Quelltext entsprechend der Vorgaben bei SELFHTML. Und vergess nicht das Javascript und CSS in Deine Seite wieder einzubinden.
In Zeile 6 ist die Adresse der CSS Datei.
http://homepage-total.de/javascript...rop_down_menu/cssmenu.css
In Zeile 7 ist die Adresse des Javascriptes.
http://homepage-total.de/javascript...p_down_menu/newcssmenu.js
Gleichzeitig siehst Du wie die Dateien auf Deiner Seite eingebunden werden müssen.
| PHP-Code: | 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
| <html>
<head>
<title>Drop down menu</title>
<!-- Bitte beachten: Benötigt werden die zwei folgenden Dateien! -->
<LINK type="text/css" rel="stylesheet" href="cssmenu.css">
<SCRIPT type="text/javascript" src="newcssmenu.js"></SCRIPT>
</head>
<body>
<!-- Author: Sam Hampton-Smith
Site: http://www.hampton-smith.com -->
<h3>Drop down menu</h3>
<div id="mainMenu">
<ul id="menuList">
<li class="menubar">
<a href="#" class="starter" accesskey="1">Menu 1</a>
<ul id="menu1" class="menu">
<li><a href="#" title="Option 1">Option 1</a></li>
<li><a href="#" title="Option 2">Option 2</a></li>
</ul>
</li>
<li class="menubar">
<a href="#" class="starter" accesskey="2">Menu 2</a>
<ul id="menu2" class="menu">
<li><a href="#" title="Option 1">Option 1</a></li>
<li><a href="#" title="Option 2">Option 2</a></li>
<li><a href="#" title="Option 3">Option 3</a></li>
</ul>
</li>
<li class="menubar">
<a href="#" class="starter" accesskey="3">Menu 3</a>
<ul id="menu3" class="menu">
<li><a href="#" title="Option 2">Option 2</a></li>
<li><a href="#" title="Option 1">Option 3</a></li>
<li><a href="#" title="Option 2">Option 4</a></li>
<li>
<a href="#" title="Sub Menu 1">Sub Menu 1 >></a>
<ul id="menu3_1" class="menu">
<li><a href="#" title="Option 2">Option 1</a></li>
<li>
<a href="#" title="Option 1">Sub Menu 1 >></a>
<ul id="menu3_1_1" class="menu">
<li><a href="#" title="Type 1">Type 1</a></li>
<li><a href="#" title="Type 2">Type 2</a></li>
<li><a href="#" title="Type 3">Type 3</a></li>
<li><a href="#" title="Type 4">Type 4</a></li>
</ul>
</li>
<li>
<a href="#" title="Option 1">Sub Menu 2 >></a>
<ul id="menu3_1_2" class="menu">
<li><a href="#" title="Type 1">Type 1</a></li>
<li><a href="#" title="Type 2">Type 2</a></li>
<li><a href="#" title="Type 3">Type 3</a></li>
<li><a href="#" title="Type 4">Type 4</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
<li class="menubar">
<a href="#" class="starter" accesskey="4">Menu 4</a>
<ul id="menu4" class="menu">
<li>
<a href="#" title="Option 1">Sub Menu 1 >></a>
<ul id="menu4_1" class="menu">
<li><a href="#" title="Type 1">Type 1</a></li>
<li><a href="#" title="Type 2">Type 2</a></li>
<li><a href="#" title="Type 3">Type 3</a></li>
<li><a href="#" title="Type 4">Type 4</a></li>
</ul>
</li>
<li><a href="#" title="Option 2">Option 2</a></li>
</ul>
</li>
<li class="menubar">
<a href="#" class="starter" accesskey="5">Menu 5</a>
<ul id="menu5" class="menu">
<li><a href="#" title="Option 1">Option 1</a></li>
<li><a href="#" title="Option 2">Option 2</a></li>
<li><a href="#" title="Option 3">Option 3</a></li>
<li><a href="#" title="Option 4">Option 4</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html> |
|
_________________
4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ] |
|
|
| 04 März 2009 01:03 |
|
|
N@tur3
Mitglied
|
|
|
|
| Zitat: | <td height="23" valign="top"><div class="starter" id="maps_menu">
<div align="center"><span href="#" class="starter">Call of Duty </span></div>
</div>
<a href="#"><img src="../img/maps.jpg" width="195" height="21" border="0" alt="maps" /></a></a></td> |
so sieht jetzt mein code aus... aber es klappt immernoch nicht 
ich hab das javascript und css datei eingefügt... ich weiß nicht mehr weiter [/quote] |
|
|
|
| 04 März 2009 18:51 |
|
|
Forrest Gumb
Mitglied
|
|
|
|
| Poste mal den kompletten Code oder besser stell den Link zur Testseite rein. |
_________________
4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ] |
|
|
| 05 März 2009 17:15 |
|
|
N@tur3
Mitglied
|
|
|
|
| Zitat: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>mb-mapping.de.ki [Maps]</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body,td,th {
color: #999999;
font-size: 0.7px;
}
body {
background-color: #000000;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(../img/background.jpg);
background-repeat: repeat-x;
}
.Stil3 {
color: #B3BBBE;
font-weight: bold;
font-size: 36px;
}
.Stil10 {color: #FFFF00; font-weight: bold; font-size: 24px; font-style: italic; }
.Stil11 {color: #33FFFF; font-weight: bold; font-size: 18px; }
#maps_menu {
position:absolute;
width:147px;
height:27px;
z-index:1;
left: 123px;
top: 213px;
background-color: #000000;
}
#Layer1 {
position:absolute;
width:196px;
height:22px;
z-index:1;
left: 97px;
top: 201px;
background-color: #000000;
}
-->
</style>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<LINK type="text/css" rel="stylesheet" href="cssmenu.css">
<script language="JavaScript" type="text/javascript" src="../newcssmenu.js"></script>
<style type="text/css">
<!--
#Layer2 {
position:absolute;
left:120px;
top:204px;
width:156px;
height:35px;
z-index:1;
}
#Layer3 {
position:absolute;
left:127px;
top:204px;
width:141px;
height:27px;
z-index:1;
}
#Layer4 {
position:absolute;
left:126px;
top:192px;
width:120px;
height:30px;
z-index:1;
}
#Layer5 {
position:absolute;
left:127px;
top:203px;
width:147px;
height:30px;
z-index:1;
background-color: #000000;
}
#Layer6 {
position:absolute;
left:96px;
top:210px;
width:144px;
height:27px;
background-color: #FF0000;
}
#Layer7 {
position:absolute;
left:128px;
top:192px;
width:161px;
height:39px;
background-color: #000000;
}
.Stil18 {color: #FFFFFF}
#Layer8 {
position:absolute;
left:82px;
top:216px;
width:191px;
height:36px;
background-color: #000000;
}
#Layer9 {
position:absolute;
left:82px;
top:212px;
width:98px;
height:17px;
z-index:1;
background-color: #000000;
}
.Stil25 {
font-size: 14px;
font-weight: bold;
}
-->
</style>
</head>
<body>
<table width="1180" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="206" rowspan="4" valign="top"><table width="100%" height="582" border="4" cellpadding="0" cellspacing="0" bordercolor="#999999">
<!--DWLayoutTable-->
<tr>
<td width="195" height="102" valign="top"><img src="../img/navi2.jpg" alt="navi2" width="195" height="100" /></td>
</tr>
<tr>
<td height="24" align="center" valign="middle"><img src="../img/navi.jpg" alt="NAvi" width="195" height="21" /></td>
</tr>
<tr>
<td height="23" valign="top"><a href="index.php"><img src="../img/home.jpg" alt="home" width="195" height="21" border="0" /></a></td>
</tr>
<tr>
<td height="23" valign="top"><a href="aboutme.php"><img src="../img/aboutme.jpg" alt="aboutme" width="195" height="21" border="0" /></a></td>
</tr>
<tr>
<td height="23" valign="top"><div class="starter" id="maps_menu">
<div align="center"><span href="#" class="starter">Call of Duty </span></div>
</div>
<a href="#"><img src="../img/maps.jpg" width="195" height="21" border="0" alt="maps" /></a></a></td>
</tr>
<tr>
<td height="23" valign="top"><a href="download.php"><img src="../img/download.jpg" alt="download" width="195" height="21" border="0" /></a></td>
</tr>
<tr>
<td height="23" valign="top"><a href="../kontakt/kontakt.php"><img src="../img/kontakt.jpg" alt="kontakt" width="195" height="21" border="0" /></a></td>
</tr>
<tr>
<td height="23" valign="top"><a href="gaestebuch/index.php"><img src="../img/gaestebuch.jpg" alt="gaestebuch" width="195" height="21" border="0" /></a></td>
</tr>
<tr>
<td height="310"> </td>
</tr>
</table></td>
<td width="119" height="75"> </td>
<td width="586" valign="top"><table width="100%" border="3" cellpadding="0" cellspacing="0" bordercolor="#999999">
<!--DWLayoutTable-->
<tr>
<td width="21" height="67" valign="top"><img src="../img/werbung.gif" alt="werbung" width="21" height="67" /></td>
<td width="570" bordercolor="#999999"></td>
</tr>
</table></td>
<td width="94"> </td>
<td width="175" rowspan="4" valign="top"><table width="100%" border="4" cellpadding="0" cellspacing="0" bordercolor="#999999">
<!--DWLayoutTable-->
<tr>
<td width="163" height="454" valign="top"><?php require_once('../shoutbox.php'); ?></td>
</tr>
<tr>
<td height="127"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="15"></td>
<td></td>
<td></td>
</tr>
<tr>
<td height="334"></td>
<td valign="top"><table width="100%" border="4" cellpadding="0" cellspacing="0" bordercolor="#666666">
<!--DWLayoutTable-->
<tr>
<td width="584" height="326" valign="top"><div align="center">
<p align="center" class="Stil3"><u>Map Übersicht </u></p>
<p align="center" class="Stil3"> </p>
<p align="center" class="Stil10"> </p>
<p align="left" class="Stil11"> </p>
</div></td>
</tr>
<!--DWLayoutTable-->
</table></td>
<td></td>
</tr>
<tr>
<td height="165"></td>
<td> </td>
<td></td>
</tr>
<tr>
<td height="240"> </td>
<td> </td>
<td> </td>
<td></td>
<td> </td>
</tr>
<tr>
<td height="38" colspan="5" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="1180" height="19" valign="top"><div align="center">Impressum <span class="Stil18">|</span> Support <span class="Stil18">|</span> Faq <span class="Stil18">|</span> Agb
<?php
$timestamp = time();
$datum = date("d.m.Y",$timestamp);
$uhrzeit = date("H:i",$timestamp);
echo $datum," - ",$uhrzeit," Uhr";
?>
</div></td>
</tr>
<tr>
<td height="19" valign="top"><div align="center">© Copyright 2008-2009 Die Seite mb-mapping.de.ki darf weder ganz noch in einzelen Teilen Kopiert weden. Alle Rechte vorbehalten. Design by Maik B. </div></td>
</tr>
</table></td>
</tr>
<tr>
<td height="18"></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
|
das ist mein gesamter Code !!
vieleicht seht ihr ja den fehler
Ich weiß nicht mehr weiter |
|
|
|
| 05 März 2009 19:58 |
|
|
Werner
Homepage-Total.de
Moderator
|
|
|
|
| Da fehlt aber noch der Code für das Menü. |
_________________
Bei Fragen oder Fehlermeldungen - Bitte ausführlichen Code posten!
Wie man Fragen richtig stellt |
|
|
| 05 März 2009 22:21 |
|
|
N@tur3
Mitglied
|
|
|
|
| Zitat: | <td height="23" valign="top"><div class="starter" id="maps_menu">
<div align="center"><span href="#" class="starter">Call of Duty </span></div> |
is das nicht der ?
Sag mal wie der code ausschauen muss  [/quote] |
|
|
|
| 06 März 2009 14:05 |
|
|
Forrest Gumb
Mitglied
|
|
|
|
In meiner 2. Antwort steht der gesamte Code für das Menü. Die Links die Option1 oder so benannt sind, sind die Dropdown Links. Wenn Du keine Dropdown-Links erstellst, kannst Du sie ja auch nicht sehen  . |
_________________
4rest
Wende Dein Gesicht ins Licht, dann werden die Schatten hinter Dir sein.
[ forrest ] - [ more ] |
|
|
| 06 März 2009 14:56 |
|
|
|
