Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

Undermeny, css, fungerar inte.

1
Skriv svar
Permalänk
Medlem
●

Undermeny, css, fungerar inte.

Hejsan!

Har försökt att göra en s.k. undermeny i css, men det vägrar att fungera alls.
index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="meny.css" rel="stylesheet" type="text/css">
</head>
<body>
<ul>
    <li><a href="#">Huvudmeny 1</a></li>
		<ul>
			<li><a href="#"> hej</a>
		</ul>
    <li>
        <a href="#">Huvudmeny 2</a>
        <ul>
            <li><a href="#">Undermeny 1</a></li>
            <li><a href="#">Undermeny 2</a></li>
            <li><a href="#">Undermeny 3</a></li>
            <li><a href="#">Undermeny 4</a></li>
        </ul>
  </li>
    
</ul>
</body>
</html>

meny.css

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

ul li {
    display: inline;
    margin: 0px;
    padding: 0px;
}

ul li a {
    display: inline-block;
    padding: 5px;
    background: #ccc;
}

Vad är felet?

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Vad är det som inte fungerar?..
Jag kanske är blind, men jag hittar inga fel, och du beskriver inte vad som inte fungerar.

Ser du inte menyn?

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Redigera
Citera flera Citera
Permalänk
Medlem
●

Jag ser menyn, men den skriver ut undermenyn direkt. Jag vill att undermenyn ska visas så fort jag klickar på t.ex. huvudmeny 1

EDIT:

Såg nu att jag hade råkat skriva ifrån en polares account, ber om ursäkt!

Men detta är mitt

Redigera
Citera flera Citera
Permalänk
Medlem
●

För det första så det är fel på din html.

För det andra så kan du bara köra hover med css, för klick måste du köra javascript. Visserligen blir hover ett klick på en touch device, men det är en annan sak.

Exempel på hover:

http://jsfiddle.net/DDVvB/1/

Senast redigerat
Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Cloudburst:

För det första så det är fel på din html.

För det andra så kan du bara köra hover med css, för klick måste du köra javascript. Visserligen blir hover ett klick på en touch device, men det är en annan sak.

Exempel på hover:

http://jsfiddle.net/DDVvB/1/

Gå till inlägget

Har inte suttit med html/css på flera veckor så du inspirerade mig lite

Gjorde en kopia på din meny: http://jsfiddle.net/tcNFp/
Lekte med border-radius och klämde ner mängden css som krävdes för att menyn skulle fungera (utan stilar)
Skrev även förklarande kommentarer om varje grej

Visa signatur

Mina poster är en illusion. Det som står skrivet här över står i själva verket inte där så inget av det som du läser är sant. Inte ens den här texten. Jag har själv ingen kunskap om det jag skriver och ingen bör således läsa eller ta in den information som står skrivet.

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av rumpnisse:

Har inte suttit med html/css på flera veckor så du inspirerade mig lite

Gjorde en kopia på din meny: http://jsfiddle.net/tcNFp/
Lekte med border-radius och klämde ner mängden css som krävdes för att menyn skulle fungera (utan stilar)
Skrev även förklarande kommentarer om varje grej

Gå till inlägget

sådana svar gillar vi

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Constant:

sådana svar gillar vi

Gå till inlägget

Trevligt

Lyckades göra en meny där man måste klicka för att undermenyn ska ploppa fram:
http://jsfiddle.net/bdaXR/

Visa signatur

Mina poster är en illusion. Det som står skrivet här över står i själva verket inte där så inget av det som du läser är sant. Inte ens den här texten. Jag har själv ingen kunskap om det jag skriver och ingen bör således läsa eller ta in den information som står skrivet.

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara