Position for List menu

Det element menuen ligger i giver du position:relative; i CSS. Og så giver du en position:absolute; right:0; bottom:0; på ul#menulist. :)

Det er ummidelbart det letteste jeg kan tænke på, tror ikke det kan lade sig gøre med float.

net.

Hmm


Hey...Kan ikke få det til at funge.
Jeg er ikke vildt skarp i css (det er det første jeg prøver;o) så elementet det ligger i er så #menulist? Dvs

#menulist {
position:relative;
}

Hvad jeg kan læse ud af din CSS er at det er din ul som har id'et menulist. Så hvis du vil have fat i elementet som ul'en ligger inde i, skal du give det et seperat id, og bruge det i din CSS. :)

net.

Ok er lidt lost. Jeg er med på at min ul har menulist som id, men hvilket element ligger det i? Skal jeg oprette det?

Har du evt. en HTML kode jeg kan se? Det kan nok hjælpe lidt. :)

net.

Yeps

<td id="top">
        <ul id="menulist">
        <li><a href="#">Menu1</a></li>
        <li><a href="#">Menu2</a></li>
        <li><a href="#">Menu3</a></li>
        <li><a href="#">Menu4</a></li>
        <li><a href="#">Menu5</a></li>
        <li><a href="#">Menu6</a></li>
        </ul>
       
        </td>

Det element det ligger i er så <td id="top">, som i CSS skrives td#top eller bare #top. Så kort sagt laver du bare

#menulist {
position:relative;
}

om til

#top {
position:relative;
}

Og så skulle den være der!

net.

Hmm vil ikke... #top havde allerede fra start position:relativ; Her er hele css´en...

#maintabel {
    position:absolute;
    align:center;
    height:550px;
    width:750px;
    border:none;
    margin:0px 0px 0px 0px;
    background-color:#ffffff;
    cell-spacing:0px;
    cell-padding:opx;
    cell-border:opx;
   
    }
   
#top {
    position:relative;
    widht:750px;
    height:75px;
    border:none;
    margin:0px 0px 0px 0px;
    background-color:#ffffff;
    cell-spacing:0px;
    cell-padding:0px;
    cell-border:0px;
    }
   
#image {
    position:relative;
    widht:750px;
    height:150px;
    border:none;
    margin:0px 0px 0px 0px;
    background-color:#CC00FF;
    cell-spacing:0px;
    cell-padding:opx;
    cell-border:opx;
    }
   
#container {
    position:relative;
    widht:750px;
    height:275px;
    border:none;
    margin:0px 0px 0px 0px;
    background-color:#ffffff;
    cell-spacing:0px;
    cell-padding:opx;
    cell-border:opx;

    }
   
#facts {
    position:relative;
    widht:200px;
    height:275px;
    border:none;
    margin:0px 0px 0px 0px;
    background-color:#ffffff;
    cell-spacing:0px;
    cell-padding:opx;
    cell-border:opx;

    }
   
#main {
    position:relative;
    widht:550px;
    height:275px;
    border:none;
    margin:0px 0px 0px 0px;
    background-color:#FF3333;
    cell-spacing:0px;
    cell-padding:opx;
    cell-border:opx;

    }
   
#bottom {
    position:relative;
    widht:750px;
    height:50px;
    border:none;
    margin:0px 0px 0px 0px;
    background-color:#339900;
    cell-spacing:0px;
    cell-padding:opx;
    cell-border:opx;

    }
   


/*MENU MENU MENU MENU MENU MENU MENU*/

id#top {
position:relative;
}

ul#menulist {
    position:absolut;
    right:0px;
    bottom:0px;
    margin:0px;
    padding:0px;
    list-style-type:none;
   
}

ul#menulist li {
    float:right;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    font-weight:bold;
    margin:0px;
    padding:3px 0px 3px 0px;
    background-color: #ffffff;
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
   
}

#menulist a, #menulist a:link {
    margin:0px;
    padding: 9px 9px 5px 9px;
    color:#000000;
    border-right:1px dashed #d1e3db;
    text-decoration:none;
   
}

#menulist a:hover {
    color:#cc9900;
    background-color:#ffffff;
   
}

Jeg tror det skyldes du er kommet til at skrive position:absolut; i stedet for position:absolute;. :) Og siden der allerede er position:relative; i #top, kan du fjerne den der id#top ting.

net.

He pinligt! Sorry

Men, nu hopper den jo ud af min tabel, og helt ned i venstre hjørne, kan den ikke holdes  i mit tabel?

Hmm .. det er lidt mærkeligt siden det var det position:relative; skulle sørge for at den netop _ikke_ gjorde.

Du kan gøre det at du tilføjer et ekstra <div> og putter position:relative; i der i stedet, sådan her:

<td id="top">
<div id="top-inner">
        <ul id="menulist">
        <li><a href="#">Menu1</a></li>
        <li><a href="#">Menu2</a></li>
        <li><a href="#">Menu3</a></li>
        <li><a href="#">Menu4</a></li>
        <li><a href="#">Menu5</a></li>
        <li><a href="#">Menu6</a></li>
        </ul>
      </div>
        </td>

Hvor jeg som sagt har indsat <div id="top-inner"> og </div>.

Så prøv at fjerne position:relative; fra #top i CSS'en, og sæt dette ind i stedet:
#top-inner {
    position:relative;
}

net.

Så hoppede den på plads!
Men satdig i midten, men kan sagtens rykke rundt på den, men det er somom den bruger tabellens midtpunkt som bottom og top og rykker sig derefter... Hvis du forstår hvad jeg mener? Altså hvis fx jeg sætter bottom:1px; rykker den sig lidt op over midten...

Ligger det et sted på nettet så jeg kan se det?

net.

Nej ikke pt, men til gengæld fungere det i explorer... Så det er altså firefox den er gal med...

Hmm .. kan du forklare yderligere fordi jeg er ikke sikker på at jeg forstår. Går den ud af dens celle?

net.

Nej alt er som det skal være i IE, men i Firefox bruger den tabel  midten som "0" punkt. Altså i IE ligger menuen sig pænt i bunden af tabelen men i Firefox er den stadig i midten...

Hmm .. har du noget andet liggende i #top?

Ellers prøv padding: 0; i #top.

net.

Nej det er det eneste i #top
padding:0px; hjælper ikke

Smidder du ik et svar? Tror jeg opretter et nyt, med mindre du har en idé?
Ellers skal du have 1000tak for hjælpen:o)

Hmm .. min sidste idé kunne være overflow: hidden; .

Nogle gange virker det, andre gange ikke. Hvis det ikke gør, så fjern det bare.

net.

Ellers smider jeg lige et svar her.

Virker ikke, går ud fra det var i #top jeg skulle skrive det?

Men tak for hælpen!

Ja, det var der.

Selv tak, håber du finder ud af hvad det sidste problem er, for jeg kan sgu ikke hitte ud af det.

:)

net.