Autor Zpráva
vecerapl
Profil
Potřebuji do menu vložit na řádek k prvnímu <a href.... ještě jeden <a href..., který chci na víc zelenou barvou

Celkově to pak bude vypadat jako: Odkazovací název (druhý odkaz)
Bohužel když to teď tam dávám, tak druhý odkaz se mě vkládá na druhý řádek a vytváří tak jakoby další položku v menu.
Nevíte jak by měl takový CSS vypadat?

Takhle vypadá LI výpis doposud. Potřebuji tam vložit ještě druhý <a href... jak na to?
Testuji to na webu http://www.modelo.cz/rc-auta/

<li><a href="/prvni-odkaz/"><span>První odkaz</span></li>


#submenu {margin-bottom: 0.7em;}
#submenu h2 {background: #298BFF url(../images/submenu.gif) repeat-x; border: 1px solid #298BFF;}
#submenu ul {list-style-type: none; font-size: 110%;}
#submenu li {background: #E4F3FF url(../images/submenu-item-top.gif) no-repeat 0% 0%; margin-bottom: 1px; font-weight: bold;}
#submenu a {display: block; background: url(../images/submenu-item-bottom.gif) no-repeat bottom left; padding-left: 9px; color: #000; text-decoration: none;}
#submenu a:hover {text-decoration: underline;}
#submenu a span {display: block; background: url(../images/arrow.gif) no-repeat 0% 50%; padding: 0.3em 12px 0.2em; font-size: 90%;}
#submenu li.active {background-image: url(../images/submenu-active-top.gif); background-color: #transparent;}
#submenu li.active a {background-image: none; color: #000;}
#submenu li.active a span {background-image: url(../images/arrow-active.gif);}

#submenu .submenu li span {padding-top: 0.3em; padding-bottom: 0.2em; padding-left: 13px !important; margin-left: 12px;}
#submenu .submenu .active span {font-weight: bold;}
#submenu .submenu .active a {text-decoration: underline;}
#submenu .submenu li span {padding-left: 20px; font-size: 80%; font-weight: normal;}
#submenu .submenu li {margin-bottom: 0 !important; background-color: #fcf8ea;}
#submenu .submenu li, #submenu .submenu a, #submenu a .submenu span {background-image: none !important; background-color: #e8f8ff; color: #000 !important; border-top: 1px solid #fff;}
#submenu .green {color: #00CA00;}
xmark
Profil
Takhle vypadá jeden odkaz:
<a href="prvni-odkaz">sdsd</a>

Takhle vypadají dva odkazy:
<a href="prvni-odkaz">sdsd</a><a href="druhy-odkaz">sdsd</a>
vecerapl
Profil
To jsem zkoušel. Mám teď dva odkazy vedle sebe a v menu je to co odkaz, to řádek.
http://www.modelo.cz/rc-auta/
xmark
Profil
kde přesně?
vecerapl
Profil
Vlevo modrý box. Je tam výpis kategorii s tím, že ke každé kategorii potřebuji přidat (číslo) - počet inzerátů a tento druhý odkaz (potřebuji to mít jako odkaz) se zobrazuje na druhém řádku.
Homer
Profil
Zkoušel jsi toto úplně primitivní řešení?

<a href="prvni-odkaz">sdsd</a>&nbsp;<a href="druhy-odkaz">sdsd</a>
jenikkozak
Profil
Homer:
Primitivní řešení to je, ale nemůže fungovat. Naopak ve výsledku to místo nezalomitelné mezery vynechá řádek.

vecerapl:
Problém je v tom, že jak odkaz, tak i vnořený span mají nastaveno display:block, kvůli čemuž se roztahují přes celou šířku a skládají se pod sebe. Já bych vnořený span vyhodil, odkazu by se muselo nechat display:inline nebo mu nastavit šířku. Pak by bylo nutno obrázkový trojúhelníček nastavit jako pozadí elementu li, aby byl u každého řádku jen jednou.
xmark
Profil
vecerapl:
A co ti brání přidat tu mezeru a číslo k tomu názvu položky?
Jestli jde jen o číslo, udělej to takhle:
<a href="prvni-odkaz">Název položky<span class="pocetpolozek">54</span></a>
Bubák
Profil
Pokud chceš položky vedle sebe, tak můžeš použít float.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0