Autor Zpráva
Teux
Profil
Hola
Poraďte mi prosím jak docílím žádaného efektu u lišty. Jedna se mi hlavně o umístění. Se kterým bojují a
netuším kde mám chybu. Tady je to co jsem stvořil jsfiddle a takhle by to mělo vypadat
obrázek lišty

Byl bych moc vděčný za opravu chyb a hlavně odůvodnění proč se to má napsat tak a ne takhle.
MyShare
Profil
Teux:
Nazdar
Niečo som sa pokúsil s tým spraviť hádam to nie je zlé možno niekto múdrejší ma opraví :)
Css:
header#con_lista {
    width: 940px;
    height: 60px;
    margin: 0 auto;
}
div#l_lista {
    margin-top: 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #53B3BF;
}
nav.menu {
    float: right;
    margin-right: 50px;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
}
nav.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
nav.menu .last {
    border-right: 2px solid #000;
}
nav.menu li {
    display: inline-block;
    border-left: 2px solid #000;
}

nav.menu li a {
    color: black;
    text-decoration: none;
    padding: 0 20px;
}

a HTML:
<header id="con_lista">
    <div id="l_lista">
        <nav class="menu">
            <ul>
                <li class="aktiv"><a href="#">uvod</a></li>
                <li><a href="#">reference</a></li>
                <li><a href="#">kontakt</a></li>
                <li><a href="#">blog</a></li>
                <li><a href="#">Dog</a></li>
                <li class="last"><a href="#">portfolio</a></li>
            </ul>
        </nav>
    </div>
</header>
jenikkozak
Profil
Teux:
Starší IE nedokážou nové prvky z návrhu HTML 5 nastylovat.
Pro vytvoření horní a dolní čáry použij horní a dolní rámeček.
peta
Profil
<style>
#l_lista {width: 540px; height: 60px; background-color:#53B3BF;  border:1px solid #53B3BF;}
#l_lista ul, #l_lista li, #l_lista a {display:inline; margin:0; padding:0; list-style-type:none; color:#000; text-decoration:none;}
#l_lista li {padding:10px; border-right:1px solid #000;}
#l_lista li:first-child {border-left:1px solid #000;}
</style>
Teux
Profil
Díky za pomoc.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: