Avatar billede Slettet bruger
21. juni 2009 - 22:06 Der er 5 kommentarer og
1 løsning

Tab menu

hej.

jeg har downloadet en tab menu fra free-css.com
men nu vil jeg gerne have den til at være lidt til højre fra midten.

her er css koden:

---------------------------------------------------------------
#menu{
    padding:25px 15px 0 15px;
    background:none;
    border-bottom: 1px solid #545454;
    margin-top: 86px;
    }

ul#simple-menu{
    list-style-type:none;
    width:100%;
    position:relative;
    height:27px;
    font-family:"Trebuchet MS",Arial,sans-serif;
    font-size:13px;
    font-weight:bold;
    margin:0;
    padding:11px 0 0 0;
    }

ul#simple-menu li{
    display:block;
    float:right;
    margin:0 0 0 4px;
    height:27px;
    }

ul#simple-menu li.left{
    margin:0;
    }

ul#simple-menu li a{
    display:block;
    float:left;
    color:#fff;
    background:#FF0000;
    border: none;
    line-height:27px;
    text-decoration:none;
    padding:0 17px 0 18px;
    height:27px;
    }
ul#simple-menu li a.right{
    padding-right:19px;
    }

ul#simple-menu li a:hover{
    background:#244053;
    }

ul#simple-menu li a.current{
    color:#244053;
    background-color:#3a3a3a;
    }

ul#simple-menu li a.current:hover{
    color:#244053;
    background:#fff;
    border: none;
    }
--------------------------------------------
Avatar billede stinejh1980 Nybegynder
22. juni 2009 - 12:29 #1
Hvad mener du med:
være lidt til højre fra midten????
Avatar billede Slettet bruger
22. juni 2009 - 13:32 #2
menuen er i venstre side som du kan se på www.wipez.dk
men jeg vil gerne have menuen længere ind mod midten?
Avatar billede stinejh1980 Nybegynder
22. juni 2009 - 13:49 #3
Det kommer automatsk jo flere knapper du tilføjer :-)

Det jeg plejer at gøre i dit tilfælde er at at jeg forsøger at bruge den indbyggede hjælp i min HTML editor til at ændre på forskellige parametre for at finde ud af hvilke klasser da høre hvor til.

Et eksempel kunne være at ændre til følgende:
#menu{
    padding:25px 200px 0 15px;
    background:none;
    border-bottom: 1px solid #545454;
    margin-top: 86px;
    }

Derved kan du se om det er den første klasse som bestemmer placeringen af dine tabs. Det kunne også bare være at afstande fra teksten til højreside af din tabs blev større. Men jeg vil anbefale at du kigger på padding eller margin.

Hvis du ikke har arbejdes så meget med CSS tror jeg det ville være for stort et projekt at finde ud af at ændre det til absolute position.
Avatar billede Slettet bruger
22. juni 2009 - 14:24 #4
jeg prøver lige og vender tilbage :D
Avatar billede Slettet bruger
22. juni 2009 - 14:46 #5
sådan, tusind tak elvstine :D
Avatar billede Druesukker Nybegynder
27. juni 2009 - 23:56 #6
#menu{
    padding:25px 15px 0 15px;
    background:none;
    border-bottom: 1px solid #545454;
    margin-top: 86px;
    text-align: center;
    }

Eller hvad??
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