Avatar billede leif Seniormester
30. december 2006 - 19:22 Der er 6 kommentarer og
1 løsning

Flytte menuen ned i sin <td>

Hej,

Har et "problem" har fundet en menu som er lavet med <div> og CSS, men jeg vil bare have den til at sætte sig i den Table, som jeg har lavet til den. Er det muligt ?

Den bruger følgende CSS:
#menuwrapper {
      background-color: #e6e6e6;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
        border-left: 1px solid black;
        width: 820px;
        font-size: 11px;
        color: red;
        }

#primary-nav li li {
        width: 200px;

      }


#primary-nav, #primary-nav ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }
#primary-nav ul {
    position: absolute;
    top: auto;
    display: none;
    }
#primary-nav ul ul {
    margin-top: 1px;
    margin-left: -1px;
    left: 100%;
    }

#primary-nav li {
    margin-left: -1px;
    float: left;
    }
#primary-nav li li {
    margin-left: 0px;
    margin-top: -1px;
    float: none;
    position: relative;
    }

#primary-nav a {
    display: block;
    margin: 0px;
    padding: 5px 10px;
    text-decoration: none;
        color : black;
    }
#primary-nav li a {
    border-right: 1px solid black;
    border-left: 1px solid black;
        color : #033265;
    }
#primary-nav li li a {
    border: 1px solid black;
    }
#primary-nav li, #primary-nav li.menuparent {
    background-color: #e6e6e6;
        color : black;
    }

#primary-nav li.menuactive {
    background-color: #e6e6e6;
        color: black;
    }


#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth {
    background-image: url(modules/MenuManager/images/arrow.gif);
    background-position: center right;
    background-repeat: no-repeat;
          color: black;
    }

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh {
    background-color: #e6e6e6;
        color : black;
    }

#primary-nav ul, #primary-nav li:hover ul, #primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul, #primary-nav li.menuparenth ul ul {
    display: none;
          color: black;
    }
#primary-nav li:hover ul, #primary-nav ul li:hover ul, #primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul, #primary-nav ul li.menuparenth ul, #primary-nav ul ul li.menuparenth ul {
    display: block;
    }

#primary-nav li li {
    float: left;
    clear: both;
    }
#primary-nav li li a {
    height: 1%;
    }



Er det uforståeligt så bare sig (Er ikke så god til CSS endnu)

/Leif
Avatar billede windcape Praktikant
30. december 2006 - 19:25 #1
øhh... du snakker om at lave en total omkodning, da din CSS er specifik designet til en <ul><li> menu.

id="menuwrapper" kan du godt sætte på en table, men du skal stadigvæk bruge <ul><li> til menuens opbygning. Så hvis det er det du vil ændre, skal det altså kodes 99% om :-)
Avatar billede leif Seniormester
30. december 2006 - 19:34 #2
Gad vide om jeg ikke skal huske at placere menuen korrekt i min HTML ! Jeg kunne ikke forstå den blev ved med at ligge i toppen af siden, men det tror jeg da på når jeg selv har placeret den der. Menuen virker efter hensigten da placerede den rigtigt
Avatar billede windcape Praktikant
30. december 2006 - 19:52 #3
tjah, i så fald skal vi jo se noget html :-)
Avatar billede leif Seniormester
30. december 2006 - 20:18 #4
:), fejlen var enkel !!

Jeg havde:
<table>
<tr>
<td>
{Menu}
</td>
</tr>
</table>

Men denne var placeret forkert i forhold til hvor den skulle være ! Derfor stod menuen det forkerte sted !
Avatar billede windcape Praktikant
30. december 2006 - 20:20 #5
lol ok :-) Troede du snakkede om at ændre <ul><li> elementer til en tabelopbygning.

Men så er problemet vel løst, husk at lukke =)
Avatar billede leif Seniormester
30. december 2006 - 20:30 #6
Nå, ja, det må jeg hellere huske !
Avatar billede leif Seniormester
30. december 2006 - 20:30 #7
Tak
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