Kære gæst, velkommen til Tweak.dk. Hvis dette er dit første besøg her, bør du læse Hjælp. Her forklares i detaljer hvordan denne side fungerer. For at benytte alle funktionerne på denne side, bør du overveje at lade dig registrere. Benyt venligst registreringsformularen for at registrere her eller læs yderligere information om registreringsprocessen. Hvis du allerede er registreret, så log på her.

1

mandag, 30. april 2007, 15:10


Hej.

Jeg er ved at lave en Dj hjemmeside til en af mine venner.

Han vil gerne have en dropdown menu, og det har jeg så fået lavet.

Men problemet er IE ikke tolker z-index korrekt.

Den smider undermenuen til højre i stedet for under.

Hjemmesiden ser god ud i Firefox, men virker ikke korrekt i IE.

Det andet problem jeg har er at hvis jeg skal lave for eksempel 5 undermenuer i en menu og 2 undermenuer i en anden, så skal jeg lave en helvedes masse css da disse undermenuernes placering defineres individuelt.

Så jeg vil høre hvordan dette kan undgås eller helt laves om.

Hjemmesiden hedder:
http://9designs.dk/djtemplates/partytime/


Min css ting som i skal bruge ser således ud:

Kildekode

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
a.knap {
	z-index: 2;
	background-color: #232323;
	color:#fff;
	display: block;
	font: normal bold 12px arial, helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	margin-top: 35px;
	margin-left: 1px;
	border:1px outset #a30606;
	width:77px;
	height:16px;
	padding: 2px 10px;
	position: absolute;
}

#menu1 {
	display: none;
}

#nav {
	position: absolute;
	top: 271px;
	left: 5px;
	width: 900px;
}
#nav img {
	float: left;
}

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

2

mandag, 30. april 2007, 16:43


En dropdownmenu med CSS virker ikke uden Javascript i IE6 og nedefter.

Det er ikke fordi, at IE ikke understøtter Z-Index, men fordi den ikke understøtter Hover ret godt.

Hvis du kigger lidt inde på A Liste Part (link forefindes under sticky'en), så kan du finder løsninger. Disse er nogenlunde nemme at implementere i sit design.

Edit:

Nå, kan se jeg måske har misforstået dig lidt.

Menuen skal popper frem, når man holder musen over et punkt?

Uanset hvad, så finder du løsninger inde på A Liste Part ;)

Eller i sticky'en generelt ...

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Macimuz" (30.04.2007, 16:44)


3

mandag, 30. april 2007, 16:57


Ja, min halte løsning er vidst ikke for god.

Jeg ser lige efter en drop down i stickyen

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

4

mandag, 30. april 2007, 17:12


Citeret

Originally posted by Dumpen
Ja, min halte løsning er vidst ikke for god.

Jeg ser lige efter en drop down i stickyen


Har vidst ikke linket til en dropdown i sticky'en dog, men linker til A Liste Part samt den store håndbog for Webudvikleren.

Men mener vi har brugt en løsning fra A Liste Part nede på min arbejdsplads.

Selvfølgelig ærgeligt, at man skal have javascript blandet ind i det. Det er meget nemt at lave en dropdown, som virker i Firefox, Opera mv.


5

mandag, 30. april 2007, 17:25


Ja, meget.

Jeg fandt dog en god drop down på den hjemmeside :)

Jeg kan bare ikke få den til at makke ret mht. til billederne

Hvis jeg nu laver en <img> som jeg vil have skal have en drop effekt så smider den det et underligt sted hen

Noget du kan hjælpe mig med?

Ps. jeg brugte denne dropdown menu artikel:
http://www.alistapart.com/articles/dropdowns/

EDIT: også viser IE kun en undermenu istedet for de 4-5 andre der er :ph34r:

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Dumpen" (30.04.2007, 17:26)


6

mandag, 30. april 2007, 17:31


Ved ikke lige hvad du har gjort galt, for menuen virker da både i IE6 og FF ?

Gør den i hvertfald i det eksempel, som man kan besøge.


7

mandag, 30. april 2007, 17:44


Ja, den virker fint.

Men billedet står helt forkert.

Du kan se templatet her: http://www.freewebsitetemplates.com/preview/partytime/

Der står menuen i midten :9

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

8

mandag, 30. april 2007, 18:07


Er det ikke muligt at få denne til at virke i IE også? :S

http://surguy.net/menu/index.html

Den virker nemlig 100% i FF og 0% i IE

http://9designs.dk/test.php

Der virker den jo perfekt

Så det ville være synd at smide den ud

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

9

mandag, 30. april 2007, 18:33


Ville tage at rode med den fra A Liste Part, da den virker ordentlig i de forskellige browsere.


10

mandag, 30. april 2007, 18:54


Nu har jeg fulgt denne guide:
http://www.alistapart.com/articles/dropdowns/

Hvor resultatet kan ses her:
http://9designs.dk/test.php

Det ser jo fint ud

http://9designs.dk/test2.php

Der har jeg så sat et billede i stedet for tekst, men så bliver billedet placeret forkert og det er meningen teksten skal stå under billedet, men det gør det ikke.

Jeg har virkelig forsøgt stort set alt, men jeg kan ikke få skidtet til at virke :|

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

11

mandag, 30. april 2007, 19:54


Da jeg tog en kigger på siden, så kom der kun 1 underpunkt op, bestående af tekst.

Men jeg har ikke lige overskud til at kigge nærmere på tingene i aften.

Men nu husker du vel at sætte billedet på som en baggrund?

Det skal jo gerne være sådan, at slår du CSS'en fra, så står der en flot liste med kun tekst, 0 billeder.


12

mandag, 30. april 2007, 21:14


Jeg prøver lige at sætte den som baggrund.

Jeg havde ikke troet det skulle være nødvendigt, men det kan sikkert godt være mit img tag der ikke virker ordenligt.

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

13

mandag, 30. april 2007, 21:24


Citeret

Originally posted by Dumpen
Jeg prøver lige at sætte den som baggrund.

Jeg havde ikke troet det skulle være nødvendigt, men det kan sikkert godt være mit img tag der ikke virker ordenligt.


Nu ved jeg ikke lige, hvordan dine billeder ser ud, men så vidt muligt, så hold dig til baggrunde, hvor du kan placere helt alm. tekst oven på.


14

mandag, 30. april 2007, 21:25


Hvorfor egentligt have teksten i billedet? Læg en baggrund på og lav teksten som tekst (det skulle sagtens kunne styles som det du har i billedet).

/ask

IBM t42 and IBM t23 still alive and kicking

15

mandag, 30. april 2007, 21:52


Citeret

Originally posted by jacobask
Hvorfor egentligt have teksten i billedet? Læg en baggrund på og lav teksten som tekst (det skulle sagtens kunne styles som det du har i billedet).

/ask


Fordi skrifttypen kroeger 05_64 ikke findes på alle computere :)

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

16

mandag, 30. april 2007, 21:55


Nu kan jeg ikke se den mere - men den var da ikke så speciel, kan der ikke findes et gængs alternativ?

/ask

IBM t42 and IBM t23 still alive and kicking

17

mandag, 30. april 2007, 22:11


Så fik jeg lavet så det virker med billeder

Dog kan jeg ikke få min menu til at gå over min content boks i IE

Det virker fint i Firefox, men den gider ikke i IE

Jeg gav min undermenu boks en z-index 100, så virkede det i Firefox.

Dette virkede dog ikke i IE.

Er det noget i vil se på? :clap:

Ps linket er:

http://9designs.dk/test2.php

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

Dette indlæg er blevet redigeret 2 gange, senest redigeret af "Dumpen" (30.04.2007, 22:15)


18

tirsdag, 1. maj 2007, 07:23


Prøv at sæt et z-index på content.

/ask

IBM t42 and IBM t23 still alive and kicking

19

tirsdag, 1. maj 2007, 10:39


Det gav intet

Gav #content z-index 1 og li:hover ul, li.over ul z-index 2

Det var da irriterende

So close, but yet so far.

Ps. rykkede lige siden til http://9designs.dk/djtemplates/partytime/index.html

Så slipper jeg for at sidde og linke til djtemplates/partytime/enfil :)

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

20

tirsdag, 1. maj 2007, 11:10


Yes !

Jeg skulle bare give #content z-index 1 og #navi z-index 100 :D

Mange tak for hjælpen drenge !

Send en pm hvis i har noget at tilføje

Lukker den nemlig nu :)

Bundkort: MSI P35-NEO-F, Intel P35, LGA775
CPU: Intel Core 2 Duo E6550, BOX, LGA775
Grafikkort: ASUS Radeon HD 5830 1GB GDDR5
Harddisk: Seagate 7200.10 160GB, 8MB

Nyeste Videoer og Trailers

Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.