Sie sind nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: PimpYourKiT. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

air81

Anfänger

  • »air81« ist der Autor dieses Themas

Beiträge: 12

Danksagungen: 0 / 7

  • Nachricht senden

1

Montag, 28. Oktober 2013, 13:52

Drop Down Menü

Hallo Zusammen!

Ich versuche gerade ein Drop Down Menü zu integrieren.
Anleitung: CSS-Tutorial: Aufklappmenü (Drop-Down Menü) | [url=http://www.silent-fran.de]Überblick | [url=http://www.silent-fran.de]Überblick | www.silent-fran.de[/url][/url]

Nachdem ich es in die .css eingegeben und den Code in als Verweis in meine Test Menü Kategorie eingegeben haben, kommt folgendes dabei heraus:


Das Menü versteckt sich leider. Aber wie bekomme ich es in den Vordergrund?

Oder habt ihr was anderes für ein Drop Down Menü für mich?

Gruß

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »air81« (28. Oktober 2013, 14:21)


knuddi

Verifiziertes Mitglied

  • »knuddi« ist männlich
  • »knuddi« ist ein verifizierter Benutzer

Beiträge: 942

Wohnort: Finsterwalde

Beruf: Bürokraft

PHPKIT Version: PHPKIT 1.6.8 by PYK

Danksagungen: 279 / 416

  • Nachricht senden

2

Montag, 28. Oktober 2013, 18:53

setz das div von dem menü mal in ein zusätzliches div und gib dem äußeren div etwas mehr höhe. einfach mal rumspielen, so dass die buttons nicht mit dem vom forum dann mit stören ;)
Mach auch du mit bei AC-Town Virtual Town ~~AC-Town Virtual Town~~

reddevil82

PHPKIT Oldie

  • »reddevil82« ist männlich
  • »reddevil82« ist ein verifizierter Benutzer

Beiträge: 3 204

Wohnort: Spiesen-Elversberg

Beruf: Einzelhandelskaufmann

PHPKIT Version: Kein PHPKIT

Danksagungen: 1028 / 371

  • Nachricht senden

3

Montag, 28. Oktober 2013, 19:33

Kann man das auch Live begutachten?
Auch mal den Bedanken Button nutzen tut nicht weh und der Ersteller freut sich umso mehr.

Zitat von »Friedrich Nietzsche«

Der, welcher etwas Großes schenkt, findet keine Dankbarkeit, denn der Beschenkte hat schon durch das Annehmen zu viel Last.

air81

Anfänger

  • »air81« ist der Autor dieses Themas

Beiträge: 12

Danksagungen: 0 / 7

  • Nachricht senden

4

Montag, 28. Oktober 2013, 19:42

spesl Hall of Fame

geht ja schon los das die 3 menüpunkte nicht nebeneinander, sondern anscheinend untereinander dargestellt werden und sich hinter des unteren körpers versteckt.
kann ich das überhaupt in eine kategorieleiste erstellen?

reddevil82

PHPKIT Oldie

  • »reddevil82« ist männlich
  • »reddevil82« ist ein verifizierter Benutzer

Beiträge: 3 204

Wohnort: Spiesen-Elversberg

Beruf: Einzelhandelskaufmann

PHPKIT Version: Kein PHPKIT

Danksagungen: 1028 / 371

  • Nachricht senden

5

Montag, 28. Oktober 2013, 19:46

Arbeite mal mit den Befehl z-index

z-index: Überlappung: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

bzw. Zeig mal wie du es eingebunden hast.
Auch mal den Bedanken Button nutzen tut nicht weh und der Ersteller freut sich umso mehr.

Zitat von »Friedrich Nietzsche«

Der, welcher etwas Großes schenkt, findet keine Dankbarkeit, denn der Beschenkte hat schon durch das Annehmen zu viel Last.

Es hat sich bereits 1 registrierter Benutzer bedankt.

Benutzer, die sich für diesen Beitrag bedankt haben:

air81 (28. Oktober 2013, 20:29)

air81

Anfänger

  • »air81« ist der Autor dieses Themas

Beiträge: 12

Danksagungen: 0 / 7

  • Nachricht senden

air81

Anfänger

  • »air81« ist der Autor dieses Themas

Beiträge: 12

Danksagungen: 0 / 7

  • Nachricht senden

7

Montag, 28. Oktober 2013, 20:29

Das war schonmal ein guter Tip, nun versteckt das Menü sich nicht mehr hinterm Körper.

Allerdings wird es weiterhin untereinander dargestellt. Komme nicht dahinter warum? Im Dreamweaver wird es nebeneinander dargestellt.

knuddi

Verifiziertes Mitglied

  • »knuddi« ist männlich
  • »knuddi« ist ein verifizierter Benutzer

Beiträge: 942

Wohnort: Finsterwalde

Beruf: Bürokraft

PHPKIT Version: PHPKIT 1.6.8 by PYK

Danksagungen: 279 / 416

  • Nachricht senden

8

Montag, 28. Oktober 2013, 20:58

dem div eine breite also width geben ;)
Mach auch du mit bei AC-Town Virtual Town ~~AC-Town Virtual Town~~

Es hat sich bereits 1 registrierter Benutzer bedankt.

Benutzer, die sich für diesen Beitrag bedankt haben:

air81 (28. Oktober 2013, 21:19)

air81

Anfänger

  • »air81« ist der Autor dieses Themas

Beiträge: 12

Danksagungen: 0 / 7

  • Nachricht senden

9

Montag, 28. Oktober 2013, 21:22

Meine Herren. Das ist ja echt Arbeit etwas schickes hinzubekommen. Fühle mich wie ein Analphabet .lesen:
Meine Bewunderung für euch, die man um 4 Uhr Nachts wecken kann und sowas nebenher coden können... :hail:

Myrddin

Anfänger

  • »Myrddin« ist männlich

Beiträge: 36

Wohnort: Ludwigshafen

Beruf: Angehender IT-ler

PHPKIT Version: PHPKIT 1.6.5

Danksagungen: 6 / 6

  • Nachricht senden

10

Montag, 28. Oktober 2013, 22:24

Vielleicht hilft dir das ....ursprung stammt von dynamicdrive (da gibts ja viel zu entdecken was man für die homepage gebrauchen kann) und wurde angepasst im phpkit und funktioniert auch einwandfrei.
ist ein horizontales dropdownmenu zentriert.

html code:
Hier klicken für weitere Informationen

HTML

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
<!-- Drop Down Anfang -->
<table cellpadding="0" cellspacing="0" width="100%" align="center" height="30">
<tr>
<td  id="dropdown" width="100%" height="30"><table align="center">
<tr><td><div >
<ul class="ddmenue ddmenuem">
	<li class="ddmenuei"><a class="ddmenuei" href="?path=start"><span>Home</span></a></li>
    	<li class="ddmenuei"><a class="ddmenuei" href="?path=onlinelist"><span>Online Liste</span></a></li>
	<li class="ddmenuei"><a class="ddmenuei" href="#"><span>Allgemeines</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="ddmenuem">
		<li class="ddmenuei"><a class="ddmenuei" href="?path=news">News</a></li>
		<li class="ddmenuei"><a class="ddmenuei" href="?path=contentarchive&type=1">Artikel</a></li>
		<li class="ddmenuei"><a class="ddmenuei" href="?path=contentarchive&type=3">Verweise</a></li>
		<li class="ddmenuei"><a class="ddmenuei" href="?path=contentarchive&type=4">Downloads</a></li>
		<li class="ddmenuei"><a class="ddmenuei" href="?path=faq">F.A.Q</a></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
	<li class="ddmenuei"><a class="ddmenuei" href="#"><span>Kontakt</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="ddmenuem">
		<li class="ddmenuei"><a class="ddmenuei" href="?path=content&contentid=1">Impressum</a></li>
		<li class="ddmenuei"><a class="ddmenuei" href="?path=contact">Kontaktformular</a></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
	<li class="ddmenuei"><a class="ddmenuei" href="#"><span>Interaktiv</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
	<ul class="ddmenuem">
		<li class="ddmenuei"><a class="ddmenuei" href="?path=forumsdisplay">Forum</a></li>
		<li class="ddmenuei"><a class="ddmenuei" href="#">Link Us</a></li>
		<li class="ddmenuei"><a class="ddmenuei" href="?path=guestbook">Gästebuch</a></li>
		<li class="ddmenuei"><a class="ddmenuei" href="?path=pollarchive">Umfragen</a></li>
		<li class="ddmenuei"><a class="ddmenuei" href="#">Partner</a></li>
	</ul>
	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
</ul>
</div></td></tr></table></td></tr>
</table>
<!-- Drop Down Ende -->



css-code (adminbereich/sonstiges/design/dein design/optionale css angaben:

Hier klicken für weitere Informationen
/*Drop Down Menue*/
#pcm{
display:none;
}
ul.ddmenue ul{
display:block;
}
ul.ddmenue li:hover>ul{
display:block
}
ul.ddmenue ul{
position: absolute;
left:-1px;
top:100%;
}
ul.ddmenue ul ul{
position: absolute;
left:100%;
top:-2px;
}
ul.ddmenue,ul.ddmenue ul {
margin:0px;
list-style:none;
padding:0px 2px 2px 0px;
background-color:#252525;
background-repeat:repeat;
}
ul.ddmenue table {
border-collapse:collapse
}
ul.ddmenue {
display:block;
zoom:1;
float: center;
}
ul.ddmenue ul{
width:117.60000000000001px;
}
ul.ddmenue li{
display:block;
margin:2px 0px 0px 2px;
font-size:0px;
}
ul.ddmenue a:active, ul.ddmenue a:focus {
outline-style:none;
}
ul.ddmenue a, ul.ddmenue li.dis a:hover, ul.ddmenue li.sep a:hover {
display:block;
height: 14px;
vertical-align:middle;
background-color:#252525;
border-width:1px;
border-color:#252525;
border-style:solid;
text-align:left;
text-decoration:none;
padding:2px 5px 2px 10px;
_padding-left:0;
font:bold 12px Arial;
color: #BFBFBF;
text-decoration:none;
cursor:pointer;
}
ul.ddmenue span{
overflow:hidden;
}
ul.ddmenue li {
float:left;
}
ul.ddmenue ul li {
float:none;
}
ul.ddmenue ul a {
text-align:left;
white-space:nowrap;
}
ul.ddmenue li.sep{
text-align:left;
padding:0px;
line-height:12;
height:14px;
}
ul.ddmenue li.sep span{
float:none; padding-right:0;
width:10px;
height:14px;
display:inline-block;
background-color:#000000 #111111 #111111 #000000;
background-image:none;
}
ul.ddmenue ul li.sep span{
width:100%;
height:3px;
}
ul.ddmenue li:hover{
position:relative;
}
ul.ddmenue li:hover>a{
background-color:#be0000;
border-color:#be0000;
border-style:solid;
font:bold 12px Arial;
color: #FFFFFF;
text-decoration:none;
transition: background-color 0.5s;
}
ul.ddmenue li a:hover{
position:relative;
background-color:#5E0000;
border-color: #181818 #181818 #444444 #181818;
border-style:solid;
border-width:1px;
font:bold 12px Arial;
color: #FFFFFF;
text-decoration:none;
background-position: left;
padding-left:10px;
}
.ddmenuei{
background-color:#BFBFBF;
border-color: #181818 #181818 #444444 #181818;
border-style:solid;
border-width:1px;
font:bold 12px Arial;
color: #FFFFFF;
text-decoration:none;
}
ul.ddmenue li.dis a {
color: #666 !important;
}
ul.ddmenue img {border: none;float:left;_float:none;margin-right:2px;width:14px;
height:14px;
}
ul.ddmenue ul img {width:14px;
height:14px;
}
ul.ddmenue img.over{display:none}
ul.ddmenue li.dis a:hover img.over{
display:none !important
}
ul.ddmenue li.dis a:hover img.def {
display:inline !important
}
ul.ddmenue li:hover > a img.def {
display:none
}
ul.ddmenue li:hover > a img.over {
display:inline
}
ul.ddmenue a:hover img.over,ul.ddmenue a:hover ul img.def,ul.ddmenue a:hover a:hover img.over{
display:inline
}
ul.ddmenue a:hover img.def,ul.ddmenue a:hover ul img.over,ul.ddmenue a:hover a:hover img.def{
display:none
}
ul.ddmenue a:hover ul{
display:block
}
ul.ddmenue span{
display:block;
background-image:url(./images/style/phpkitfusion/arr_white.gif);
background-position:right center;
background-repeat: no-repeat;
padding-right:12px;
}
ul.ddmenue li:hover>a>span{
background-image:url(./images/style/phpkitfusion/arrv_white.gif);
}
ul.ddmenue a:hover span{
_background-image:url(./images/style/phpkitfusion/arrv_white.gif)
}
ul.ddmenue ul span,ul.ddmenue a:hover table span{
background-image:url(./images/style/phpkitfusion/arr_white.gif)
}
/*Drop Down Menue*/


mir hat heute einer erzählt das sascha mal im dragonstyle ein dropdownmenu hinbekommen hat ohne z-index^^

gruß Myrddin
"Wissen ist Macht !"
ich weiß nix,
"Macht" nix
. :cafe:

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Myrddin« (28. Oktober 2013, 22:34)


Es hat sich bereits 1 registrierter Benutzer bedankt.

Benutzer, die sich für diesen Beitrag bedankt haben:

air81 (29. Oktober 2013, 12:23)

air81

Anfänger

  • »air81« ist der Autor dieses Themas

Beiträge: 12

Danksagungen: 0 / 7

  • Nachricht senden

11

Dienstag, 29. Oktober 2013, 12:15

Vielen Dank. Damit kann man ja schon was Anfangen. Obwohl dieses auch nicht ohne z-index auskommt.
Habt Dank für den tollen Support!

Myrddin

Anfänger

  • »Myrddin« ist männlich

Beiträge: 36

Wohnort: Ludwigshafen

Beruf: Angehender IT-ler

PHPKIT Version: PHPKIT 1.6.5

Danksagungen: 6 / 6

  • Nachricht senden

12

Dienstag, 29. Oktober 2013, 12:21

die html codes und die css codes musst du natürlich für deine seite anpassen ...ich kann dir nicht die ganze arbeit abnehmen,das z-index wurde bewußt mit reingenommen , da wir ( ein freund und ich) für unsere seite ein zentriertes dropdown menu haben wollten.

MfG
"Wissen ist Macht !"
ich weiß nix,
"Macht" nix
. :cafe:

air81

Anfänger

  • »air81« ist der Autor dieses Themas

Beiträge: 12

Danksagungen: 0 / 7

  • Nachricht senden

13

Dienstag, 29. Oktober 2013, 12:23

Ist mir schon klar und habe ich ja auch nicht nach gefragt. Nur der Versuch macht kluch(g).

reddevil82

PHPKIT Oldie

  • »reddevil82« ist männlich
  • »reddevil82« ist ein verifizierter Benutzer

Beiträge: 3 204

Wohnort: Spiesen-Elversberg

Beruf: Einzelhandelskaufmann

PHPKIT Version: Kein PHPKIT

Danksagungen: 1028 / 371

  • Nachricht senden

14

Dienstag, 29. Oktober 2013, 17:54

Versuch mal das was @knuddi: bereits angesprochen, den auch die Position des div´s kann ausschlaggebend sein.

Ein schönes Dropdown Menü findest du auch hier:

Stu Nicholls | CSSplay | A Professional drop-down menu
Auch mal den Bedanken Button nutzen tut nicht weh und der Ersteller freut sich umso mehr.

Zitat von »Friedrich Nietzsche«

Der, welcher etwas Großes schenkt, findet keine Dankbarkeit, denn der Beschenkte hat schon durch das Annehmen zu viel Last.

air81

Anfänger

  • »air81« ist der Autor dieses Themas

Beiträge: 12

Danksagungen: 0 / 7

  • Nachricht senden

15

Donnerstag, 31. Oktober 2013, 19:34

Nochmals Danke für die großen Hilfen! Thema darf als erledigt betrachtet werden.

Ähnliche Themen

Social Bookmarks