Hoppa till innehåll

Rekommendera inlägg

Skrivet

Hejsna, jag är itne alls bra på koder, kan ingenting!

nu håller jag på med en meny här är den:

 

<body>

<div id="menycontainer">

<ul id="meny">

<li><a href="sida1.htm">Meny 1 </a></li>

<li><a href="sida2.htm" id="current">Meny 2</a>

<ul>

<li id="subactive"><a href="sida2a.htm" id="subcurrent">Meny 2a</a></li>

<li><a href="sida2b.htm">Meny 2b</a></li>

<li><a href="sida2c.htm">Meny 2c</a></li>

</ul>

</li>

<li><a href="sida3.htm">Meny 3 </a></li>

<li><a href="sida4.htm">Meny4</a></li>

<li><a href="sida5.htm">Meny 5 </a></li>

</ul>

</div>

</body>

 

men där blir det en "ful" meny

ja gvill att den ska se ut såhär

 

#menycontainer{margin-left: 2em; width: 18em; font-size: 70%; border-top: 1px solid #cccccc; border-left: 1px solid #CCCCCC; border-right: 1px solid #cccccc;}

 

#meny{margin: 0; padding: 0; list-style-type: none;}

#meny a{display: block; margin: 0; padding: 0.3em; background: #006699; padding: 0.3em; text-decoration: none; height: 100%; border-bottom: 1px solid #cccccc;}

#meny ul{list-style-type: none;}

#meny ul a{margin: 0; padding: 0.3em; background: #3399cc;}

 

#meny a:link{color: #ffffff;}

#meny a:visited{color: #ffffff;}

#meny a:hover{background: #999999;}

#meny a#current{font-weight: bold;}

#meny a#subcurrent{font-weight: bold;}

 

 

Hur gör man då??

 

(vill ha den blåa längst ner här http://www.webdesignskolan.se/ ->Css meny och sedan länsgt ner)

Skrivet

Läs igenom ordentligt på webdesignskolan där står ju hur man gör och de förklarar hur du ändrar det så att det blir som du själv vill. Saker kommer inte på silverfat utan du måste lära dig själv. Eftersom det var så bra guider så hade jag tänkt att själv lära mig detta grundligt. Hade det gött med lärandet...

Skrivet

Läs igenom ordentligt på webdesignskolan där står ju hur man gör och de förklarar hur du ändrar det så att det blir som du själv vill. Saker kommer inte på silverfat utan du måste lära dig själv. Eftersom det var så bra guider så hade jag tänkt att själv lära mig detta grundligt. Hade det gött med lärandet...

Ok tack, ska se om jag hittar...ananrs får ja gväll hojta till igen (?) :)

Skrivet

klistra in

 

<style>
#menycontainer{margin-left: 2em; width: 18em; font-size: 70%; border-top: 1px solid #cccccc; border-left: 1px solid #CCCCCC; border-right: 1px solid #cccccc;}

#meny{margin: 0; padding: 0; list-style-type: none;}
#meny a{display: block; margin: 0; padding: 0.3em; background: #006699; padding: 0.3em; text-decoration: none; height: 100%; border-bottom: 1px solid #cccccc;}
#meny ul{list-style-type: none;}
#meny ul a{margin: 0; padding: 0.3em; background: #3399cc;}

#meny a:link{color: #ffffff;}
#meny a:visited{color: #ffffff;}
#meny a:hover{background: #999999;}
#meny a#current{font-weight: bold;}
#meny a#subcurrent{font-weight: bold;}
</style>

 

mellan <head> och </head>

lär göra en del skillnad iaf..

Skrivet

klistra in

 

<style>
#menycontainer{margin-left: 2em; width: 18em; font-size: 70%; border-top: 1px solid #cccccc; border-left: 1px solid #CCCCCC; border-right: 1px solid #cccccc;}

#meny{margin: 0; padding: 0; list-style-type: none;}
#meny a{display: block; margin: 0; padding: 0.3em; background: #006699; padding: 0.3em; text-decoration: none; height: 100%; border-bottom: 1px solid #cccccc;}
#meny ul{list-style-type: none;}
#meny ul a{margin: 0; padding: 0.3em; background: #3399cc;}

#meny a:link{color: #ffffff;}
#meny a:visited{color: #ffffff;}
#meny a:hover{background: #999999;}
#meny a#current{font-weight: bold;}
#meny a#subcurrent{font-weight: bold;}
</style>

 

mellan <head> och </head>

lär göra en del skillnad iaf..

tack så hemst mycket ska testa detta!

 

klistra in

 

<style>
#menycontainer{margin-left: 2em; width: 18em; font-size: 70%; border-top: 1px solid #cccccc; border-left: 1px solid #CCCCCC; border-right: 1px solid #cccccc;}

#meny{margin: 0; padding: 0; list-style-type: none;}
#meny a{display: block; margin: 0; padding: 0.3em; background: #006699; padding: 0.3em; text-decoration: none; height: 100%; border-bottom: 1px solid #cccccc;}
#meny ul{list-style-type: none;}
#meny ul a{margin: 0; padding: 0.3em; background: #3399cc;}

#meny a:link{color: #ffffff;}
#meny a:visited{color: #ffffff;}
#meny a:hover{background: #999999;}
#meny a#current{font-weight: bold;}
#meny a#subcurrent{font-weight: bold;}
</style>

 

mellan <head> och </head>

lär göra en del skillnad iaf..

tack så hemst mycket ska testa detta!

 

Någåt häner iaf, men det blev itne rätt :S

Gå med i konversationen

Du kan skriva nu och registrera dig senare. Om du har ett konto, logga in nu för att posta med ditt konto.

Gäst
Svara på det här ämnet...

×   Klistrade in som rich text.   Klistra in som vanlig text istället

  Endast 75 emojis är tillåtet.

×   Din länk har automatiskt inbäddats.   Visa som en länk istället

×   Ditt tidigare innehåll har återställts.   Rensa redigeraren

×   Du kan inte klistra in bilder direkt. Ladda upp eller infoga bilder från URL.

×
  • Skapa ny...