Forum PHP.pl

Witam mam problem dotyczący menu na swojej stronie. Jestem młodym webmasterem i dopiero się uczę, pomyślałem, że wezmę pomoc od osoby umiącej dobrze CSS'a. Chciałbym żeby link STRONA GŁÓWNA był w jednej linii co inne. Jak to zrobić ? Jeżeli będę miał jakieś błędy w tym kodzie to zwracam się z ogromną prośbą o pomoc. Bardzo chętnie przyjmę pomoc na gadu gadu bądź innym komunikatorze . Pozdrawiam ! Z góry dzięki

[HTML] pobierz, plaintext 
@font-face {
    font-family: 'MyriadProCondensed';
    src: url('../font/myriadpro-cond-webfont.eot');
    src: url('../font/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadpro-cond-webfont.woff') format('woff'),
         url('../font/myriadpro-cond-webfont.ttf') format('truetype'),
         url('../font/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@font-face {
    font-family: 'MyriadProCondensed';
    src: url('../font/myriadpro-cond-webfont.eot');
    src: url('../font/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadpro-cond-webfont.woff') format('woff'),
         url('../font/myriadpro-cond-webfont.ttf') format('truetype'),
         url('../font/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@font-face {
    font-family: 'MyriadProCondensed';
    src: url('../font/myriadpro-cond-webfont.eot');
    src: url('../font/myriadpro-cond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/myriadpro-cond-webfont.woff') format('woff'),
         url('../font/myriadpro-cond-webfont.ttf') format('truetype'),
         url('../font/myriadpro-cond-webfont.svg#MyriadProCondensed') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
/*  Main  */
body {
 background: url(../images/background.png);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}
/* MENU */
#container {
width:960px;
margin:0 auto;
}
 
#bg-menu {
background: url(../images/bg-menu.png) center;
background-repeat: no-repeat;
height: 200px;
}
#bg-menu ul{
color:#58321f;
font-family:MyriadProCondensed;
list-style:none;
font-size: 14pt;
}
#bg-menu ul li{
float:left;
width: 20px;
height:200px;
margin: 90px 45px 0px 100px;
}
#logo {
background: url(../images/logo.png) no-repeat;
height: 55px;
width: 135px;
display:block;
margin: -165px 0px 0px 95px;
outline:none;
}
 
.logok {
height:55px;
width: 135px;
display:block;
}
#logo:hover {
opacity:0.7;
filter:alpha(opacity=80);
}
 
}
 {
}
[HTML] pobierz, plaintext 

http://scr.hu/screenshooter/6549443/pscrluv

Kod HTML menu by sie przydał. W ogóle najlepiej jakbys to wrzucił na jakiś darmowy hosting.

Witam.

Zakładam, że jakoś tak:
Dodaj na dole albo podmień.

[CSS] pobierz, plaintext 
#bg-menu ul li{
    width: auto;
}
[CSS] pobierz, plaintext 

prosze wrzucone na hosting : http://kpartyga.cba.pl/

tak, działa tyle że teraz nie mogę zmieścić danej listy w obrębie tego menu .

może ktoś chciałby pomóc laikowi na bieżąco ... mój numer GG : 7413501 . Pozdrawiam !

[CSS] pobierz, plaintext 
#bg-menu ul li:first-child{
    margin-left: 0;
}
[CSS] pobierz, plaintext 

I jeszcze kilkanaście innych sposobów.

a jak zrobić przerwe pomiędzy <li> ?