Nokon modifiseringer til menyen

Sponis · 24. desember 2004

Eg har no laget ein ganske bra meny, men lurer på nokon ting. Korleis kan eg lage og style header og footer til menyen? korleis kan eg få ein border rundt heile menyen?

Takker for svar.

Endret 24. desember 2004 av aleksanderrr

halvardm · 24. desember 2004

Kan vi få CSS og HTML ?

Får border blir det slik i CSS:

border: 1px solid #FFF;

Sponis · 24. desember 2004

 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="web.css" />
</head>
<body>
<div id="overskrift-div">
<h1 id=overskrift>Overskrift</h1>
</div>
<div id="navcontainer">
<ul id="navlist">
<li><a href="#">meny en</a></li>
<li><a href="#">Meny en</a></li>

<li><a href="#">meny to</a></li>
<li><a href="#">meny tre</a></li>
<li><a href="#">meny fire</a></li>
</ul>

<ul id="undernav">
<li><a href="#">undermeny en</a></li>
<li><a href="#">underMeny en</a></li>
<li><a href="#">undermeny to</a></li>
<li><a href="#">undermeny tre</a></li>

<li><a href="#">undermeny fire</a></li>
</ul>
</div>
</body>
</html>

 #navlist
{
color: white;
background: grey;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
text-decoration: none;
}

#navlist li
{
display: inline;
list-style: none;
margin: 0;
font-size: 1em;

}

#navlist a
{
display: block;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: black;
border-width: 1px;
border-style: solid;
border-color: grey grey grey grey;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;


}

#navlist a#current { border-color: #5bd #035 #068 #f30; }

#navlist a
{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a
{
voice-family: "\"}\"";
voice-family: inherit;
width: 9.6em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a
{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a#current:hover
{
background: white;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
font-weight: bolder;
color: black;
}

#navlist a:active, #navlist a#current:active
{
background: #17a;
border-color: #069 #6cf #5bd white;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist
{
position: absolute; left: 5px; top: 100px; 
}

#undernav
{
color: white;
background: #17a;
border-bottom: 0.2em solid #17a;
border-right: 0.2em solid #17a;
padding: 0 1px;
margin-left: 0;
width: 12em;
font: normal 0.8em Verdana, sans-serif;
}

#undernav li
{
list-style: none;
margin: 0;
font-size: 1em;
}

#undernav a
{
display: block;
margin-bottom: 0.5em;
margin-top: 0.5em;
color: white;
background: #39c;
border-width: 1px;
border-style: solid;
border-color: #5bd #035 #068 #6cf;
border-left: 1em solid #fc0;
padding: 0.25em 0.5em 0.4em 0.75em;

text-color: red;
}

#undernav a:hover, #navlist a#current:hover
{
background: #28b;
border-color: #069 #6cf #5bd #fc0;
padding: 0.4em 0.35em 0.25em 0.9em;
font-weight: bold;
font-color: #66ff66;
color: red;
}

#undernav
{
position: absolute; left: 5px; top: 300px; 
}

#overskrift
{
color: blue;
align: center;
position: absolute; left: 400px;
background-color: red;
}

#overskrift-div
{
with: 300px;
}

Tips til kule ting eg kan gjere med dei menyane?

pgdx · 27. desember 2004

Gi heller en link. Lettere å se.

Logg inn

Nokon modifiseringer til menyen

Anbefalte innlegg

Sponis

Lenke til kommentar

Videoannonse

halvardm

Lenke til kommentar

Sponis

Lenke til kommentar

pgdx

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer