Diskuze: Mezera mezi tlačítky

V předchozím kvízu, Online test znalostí HTML a CSS, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity

Martin Konečný (pavelco1998)

Tvůrce

Martin Konečný (pavelco1998):27.9.2013 17:44

Ahoj,

mám lištu, kde mám odkazy ve formě tlačítek. Problém je, že když mezi každým odkazem zalomím řádek, vytvoří se mezera a tlačítka nejsou vedle sebe.

Na ukázku, když mám odkazy naházené těsně u sebe:
http://www.imagehosting.cz/?…

A tady, když mám mezi odkazy mezeru:
http://www.imagehosting.cz/?…

CSS:

#panel {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 46px;
        border-bottom: 2px solid #004400;
        background-color: #338833;
        text-align: center;
}

#panel ul {
        margin: 0;
        padding: 15px 0 0 0;
        list-style-type: none;
}

#panel ul li {
        display: inline;
}

#panel ul li a {
        margin: 0;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #ffffff;
        padding: 15px 26px;
        background: -moz-linear-gradient(
                top,
                #1d8004 0%,
                #0e3d10
        );
        background: -webkit-gradient(
                linear, left top, left bottom,
                from(#1d8004),
                to(#0e3d10)
        );
        border-left: 1px solid #aaa;
        -moz-box-shadow:
                0px 1px 3px rgba(000,000,000,0.5),
                inset 0px 0px 2px rgba(255,255,255,0.7);
        -webkit-box-shadow:
                0px 1px 3px rgba(000,000,000,0.5),
                inset 0px 0px 2px rgba(255,255,255,0.7);
        box-shadow:
                0px 1px 3px rgba(000,000,000,0.5),
                inset 0px 0px 2px rgba(255,255,255,0.7);
        text-shadow:
                0px -1px 0px rgba(000,000,000,0.4),
                0px 1px 0px rgba(255,255,255,0.3);
}

HTML:

<div id="panel">
        <ul>
                <li><a href="#" class="left">Home</a></li>
                <li><a href="#">Test</a></li>
                <li><a href="#">Page</a></li>
                <li><a href="#" class="right">AAAABBBBBCCC</a></li>
        </ul>
</div>

Prosím, nevíte někde, jak to spravit? Kvůli přehlednosti nechci ty <li> cpát hned vedle sebe.

Díky moc.

Editováno 27.9.2013 17:45

Odpovědět

27.9.2013 17:44

Aktuálně připravuji browser RPG, FB stránka - https://www.facebook.com/AlteiraCZ

Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 1 zpráv z 1.

Nejčastěji vyhledáváné

Diskuze: Mezera mezi tlačítky