|
|
 | Hjælp til CSS menu
Fra :  Nickoe  | Vist : 950 gange
100 point
Dato : 06-05-07 17:26 |
|
Hej
Jeg er ved at prøve at integrere en CSS menu i et html-dokumnet. Dette er i midlertid også lykkedes. Men menuen bliver anderledes, end den er, når jeg sætter den ind i min side. Her er det mislykede frsøg: http://web.gvdnet.dk/GVD001822/test/
Jeg vil mene at det er noget af de to forskellige CSS kode, som gør disse ting.
Jeg vil gerne have, at menuen ser sådan her ud: http://web.gvdnet.dk/GVD001822/CSS-menu/menu.htm
Jeg kunne dog også tænke mig den "pil", som står foran teksten i menuen, også kan komme med på den færdige, om muligt.
Problemet er, at menuen ikke ser rigtig ud.
/Nick
| |
 | Accepteret svar
Fra : molokyle | 
Modtaget 100 point
Dato : 06-05-07 19:59 |
| | |
| Kommentar
Fra : molokyle |
Dato : 06-05-07 20:05 |
|
Ps. Havde selv et 'helvede' med at rette min egen simple hjemmestrikkede CSS menu til, så den fungerede bare nogenlunde fra IE5.01 over IE.5.5, IE6, IE7, Firefox, Netscape og Opera ..uden brug af hacks, event-modellen og Javascript manipulation af DOM:
http://www.cssboxing.com/
..som du kan læse mere om hér: http://www.kandu.dk/Spg103080.aspx
...hvis du ku' tænkes at være 'nysgerrig' nok 
 </MOLOKYLE>
| |
| Kommentar
Fra : Nickoe |
Dato : 06-05-07 22:24 |
|
Hej igen
JEg har nu kigget på cssplay og fundet noget der kunne være interessant for mig, men de er ikke som jeg vil have dem, så jeg er nød til at ændre lidt på dem. Det er disse to:
1# http://www.cssplay.co.uk/menus/flyoutt.html
2# http://www.cssplay.co.uk/menus/flyout_horizontal.html
Det er det transparente jeg kan lide 2# og måden den fremkommer på ved 1#, så tænkte på om man ikke bare kan lave 2#, sådan at den i andet nuveau, går ned i stedetfor henad.
eller
Lave 1# transparent
Jeg har prøvet at fisle med det, men kan ikke fådet til at virke, ingne af delene.
/Nick
| |
| Kommentar
Fra : Nickoe |
Dato : 07-05-07 07:17 |
|
Molekyle, der er noget jeg ikke forstår, du skriver at nogle af de hacks der er brugt ikke virker i IE7, men kun IE6. Dette kan jeg ikke få til at passe, da jeg ser menuen fejlfrit på den side, hvor det kun er menuen der er der.
/Nick
| |
| Kommentar
Fra : molokyle |
Dato : 07-05-07 08:09 |
|
Det jeg mener er, at f.eks. Tan hacket (star HTML selector bug ) * html netop virkede fordi IE6 og lavere ikke så dette gælde som: "alle elementer i html afsnittet <html> .. </html>", fordi disse browsere opfatter et 'usynligt' element rundt om html elementet i DOM og derfor IKKE tolkede hvad som var angivet som CSS regel for denne konstruktion. Det gør IE7 ..og alle andre standard kompliante browsere til gengæld, hvorfor der nu går 'kludder' i koden, når man ser den med IE7.
Når du i CSS play eksemplerne ser det 'fint' i IE7 er det netop fordi disse 'specielle' hacks er masket ud med microsoft selvbestaltede betingede kommentarer, således at IE7 ikke snubler.
http://msdn2.microsoft.com/en-us/library/ms537512.aspx
På min side udmasker jeg de relevante stylesheets således:
Kode
<link rel="stylesheet" type="text/css" href="css/black_layout.css" />
<!--[if IE]>
<meta http-equiv="page-exit" content="blendtrans(duration=3)" />
<![if lte IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie6.css" />
<![endif]>
<![if gt IE 6]>
<link rel="stylesheet" type="text/css" href="css/ie7.css" />
<![endif]>
<![endif]--> |
..og undgår dermed udmasning af selve XHTML koden i <body> .. </body> sektionen.
Hvis du nu brugte den generator, som jeg henviste til via mit tip:
http://www.cssplay.co.uk/menus/menu_builder_flyout.html
..så kan du selv bygge præcis en sådan menu.
Du løber først for alvor ind i problemer med diverse browsere, når du vil bruge delvis tranparens (..som retteligt kaldes opacity), da IE igen hér adskiller sig fra standarden. Microblød har nemlig valgt at indføre sin helt egen CSS (non-standard) løsning på dette: filter egenskaben, hvor alle andre bruger egenskaber specielle for *.png formatet og transparent egenskaben.
</MOLOKYLE>
| |
| Kommentar
Fra : molokyle |
Dato : 07-05-07 08:18 |
| | |
| Kommentar
Fra : Nickoe |
Dato : 07-05-07 09:15 |
|
Ja, ok, jeg vil lige prøve at eksperimentere med det.
/Nick
| |
| Kommentar
Fra : Nickoe |
Dato : 07-05-07 19:59 |
|
Nu har jeg så valget at lave en menu, som ikke er transparent, og valgt #1 som udgangspunkt.
/Nick
| |
| Kommentar
Fra : Nickoe |
Dato : 08-05-07 07:12 |
|
Jammen, tak for hjlæpen molokyle, du får dine point.
/Nick
| |
| Godkendelse af svar
Fra : Nickoe |
Dato : 08-05-07 07:12 |
| | |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|