Sie sind nicht angemeldet.

dropdown über header

reback

unregistriert

1

Dienstag, 2. Februar 2010, 22:41

dropdown über header

Heyho Leute
hab da ma ne frage.
Unzwar habe ich gerade mein erstes eigenes Design fast fertig. Es ist auch schon alles auf cms2day angepasst. Ich habe aber folgendes Problem.

Ich möchte das das dropdownmenu über dem logo steht (ich benutze das logo eher als header). Mein Header(Logo) ist 900x250 groß und so ist auch der headbereich im css angepasst. Wenn ich dort ein so großes bild hochlade schiebt es sich unter das menü. Dadürch entsteht eine Lücke. Diese Lücke ist transparent. Das menü, also die grafiken davon, ist ein stückchen größer. Sie sind mit im unteren teil transparent weil das beim onmouseover und aktive "ausgeklappt" wird. Es ist schwer zu erklären :) wenn ihr das nicht versteht schaut es auch an: Meine Test-homepage

Momentan habe ich das per z-index. Aber z-index funktioniert ja leider auch nur mit position: fixed oder position: absolute.
Hier mal der bereich im stylesheet:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

#menu {
	background:url(../images/menu.png) no-repeat center;
	width: 950px;
	height: 46px;
	padding-left: 3px;
	padding-right: 3px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index: 2;
	position: fixed;
	}

#header {
	background: url(../images/content.png) repeat-y center;
	width: 950px;
	height: 250px;
	vertical-align: top;
	z-index: 1;
	position: relative;
	}


Nur das Problem momentan ist, das das menü mit runterscrollt. Sehen könnt ihr das wenn ihr z.b. auf Impressum klickt und nach unten scrollt.
Ich hoffe mir kann jmd. von euch helfen. :huh:


Danke schon mal im Vorraus
Werbung

JOE

Fortgeschrittener Benutzer

  • »JOE« ist männlich

Beiträge: 359

Paypal:

  • Nachricht senden

2

Dienstag, 2. Februar 2010, 23:11

Die Angaben position: fixed; <=== FALSCH



Signatur
Mancher lehnt eine gute Idee bloß deshalb ab, weil sie nicht von ihm ist!

Favorite Links
...............................................
SELFHTML
CSS4YOU
CSSMANIA
SELFPHP
Werbung

reback

unregistriert

3

Mittwoch, 3. Februar 2010, 15:13

ja aber geholfen ist mir damit auch nicht...

und mit absolute kann ich nix anfangen weil das menü nicht oben links in der ecke sein soll..
position: fixed; funktionoert aber.. nur halt das problem mit dem scrollen
Werbung

reback

unregistriert

4

Mittwoch, 3. Februar 2010, 15:23

ich habs schon...

danke


Hab da tortzdem noch ne andere Frage: Ich würde gerne die Suche einbauen also per

Quellcode

 
1

<?php page_load_addon("suche"); ?>
, aber ich will die nicht in meinem menü oben stehen haben, geht das irgentwie? Und wie kann ich die suche designen? also hätte da gerne ein anderes fenster wo man reintippen muss und einen anderen button.

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »reback« (3. Februar 2010, 15:49)

Werbung

blu

cms2day Projekt Spender

Beiträge: 256

Paypal:

  • Nachricht senden

5

Donnerstag, 4. Februar 2010, 11:22

Klar geht das.. Wie ich sehe haste die Suche in den Header gepackt.. meiner Meinung nach das beste. Du kannst sie jetzt per CSS ansprechen.

Entweder allgemein mit #header form input.formular und #header form input.button

oder mit einer anderen Variante.. irgendwie mit #addon #suche form input

Keine Ahnung. Ich denke die erste Variante reicht aus.

MfG blu
Werbung

reback

unregistriert

6

Donnerstag, 4. Februar 2010, 13:56

mh... ja aber ich wüsste nciht wie ich z.b. dort den button ändern könnte. Und wie ich das machen kann das das nicht im menü steht
Werbung

blu

cms2day Projekt Spender

Beiträge: 256

Paypal:

  • Nachricht senden

7

Donnerstag, 4. Februar 2010, 14:26

Deine erste Aussage verstehe ich, hierzu ein Beispiel von der cms2day Seite..

Quellcode

 
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

#header form input.formular {
	
	width: 140px;
	height: 18px;
	padding: 4px 0px 0px 5px;
	margin: 2px 0px 2px 0px;
	background: #fff;
	border: 1px solid #dfdfdf;
	font-size: 11px;
	color: #dfdfdf;
	font-family: "Verdana";
	position: absolute;
	right: 35px;
	top: 30px;	
	
}

#header form input.button {
	
	width: 10px;
	height: 20px;
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 0px;
	background: url('../images/suche_button.gif') no-repeat;
	cursor: pointer;
	font-family: "Verdana";
	position: absolute;
	right: 20px;
	top: 34px;	
	
}


Deine zweite Frage verstehe ich nicht ganz.. die Suche befindet sich doch gar nicht im Menü, sondern unten Links im Header.. das wolltest du doch!?

MfG blu
Werbung

reback

unregistriert

8

Donnerstag, 4. Februar 2010, 17:49

Danke schonma für den code..


ja das wollte ich... aber ich meine oben über dem header... das ist noch ein button mit header... den will ich weg haben.. ob das iwi geht... also das nur das ding im header da ist
Werbung

Ähnliche Themen