Avatar billede lesp Nybegynder
22. november 2007 - 09:14 Der er 6 kommentarer og
1 løsning

CSS hjælp!

Hvad er der galt i denne kode? Og hvordan skal html'en se ud for at lave menuen?

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: "608";
border: 1px solid #FFFFFF;
border-width: 1px 0;
background: grey center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: white center center repeat-x;
color: black;
}

</style>

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->
Avatar billede dstjulle Nybegynder
22. november 2007 - 10:29 #1
min menu ser sådan ud det kan måske hjælpe dig lidt :-)

kode: menu

<div id="sideBar">
<ul id="navBar">
<li><a target="main" href="start">&raquo; Forside</a></li>
<li><a target="main"href="vis">&raquo; Nyheder</a></li>   
<li><a target="main"href="log/brugerliste" >&raquo; Brugerliste</a></li>   
<li><a target="main"href="log/bruger/opret">&raquo; Opret Bruger</a></li>   
<li><a target="main"href="log/bruger/glemt">&raquo; Glemt Kode</a></li>    <br>

</ul></div>

csskode:

#sideBar{
    margin-top: 110px;
    width:250px;
}
#navBar {
    position: absolute;
    top: 110px
    list-style:none;
    margin:5px 0;
    padding:0;
}

#navBar a {
    text-decoration:none;
    padding:5px;
    width:160px;
    display:block;
    color:#666;
    border-bottom:1px dashed gray;
}

#navBar a:hover {
    background: #999;
    color:#666;
}
Avatar billede lesp Nybegynder
22. november 2007 - 10:33 #2
Undskyld. jeg postede en forkert kode. Hvad med denne?

<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(media/blockactive.gif) center center repeat-x;
}

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(media/blockdefault.gif) center center repeat-x;
list-style: none;
}

</style>

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->
Avatar billede dstjulle Nybegynder
22. november 2007 - 11:17 #3
ok der er noget galt med den men jeg ar inde og kikke på den hjemme side den kommer fra men hvilken en af dem er det ??
Avatar billede dstjulle Nybegynder
22. november 2007 - 11:32 #4
kan du give mig navnet på den eller et link så skal jeg kikke på det !!
Avatar billede lesp Nybegynder
22. november 2007 - 12:12 #5
Uha. Jeg kan ikke rigtig huske linket...
Avatar billede dstjulle Nybegynder
23. november 2007 - 10:17 #6
det er lidt et problem så !! for der stå hvor dan koden skal se ud
Avatar billede lesp Nybegynder
27. november 2007 - 12:59 #7
Så lukker jeg.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester