Autor | Zpráva | ||
---|---|---|---|
vecerapl Profil |
#1 · Zasláno: 28. 1. 2011, 10:58:38 · Upravil/a: vecerapl
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 |
#2 · Zasláno: 28. 1. 2011, 11:02:28 · Upravil/a: xmark
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 |
#3 · Zasláno: 28. 1. 2011, 11:06:00
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 |
#4 · Zasláno: 28. 1. 2011, 11:07:46
kde přesně?
|
||
vecerapl Profil |
#5 · Zasláno: 28. 1. 2011, 11:15:54
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 |
#6 · Zasláno: 28. 1. 2011, 11:33:10
Zkoušel jsi toto úplně primitivní řešení?
<a href="prvni-odkaz">sdsd</a> <a href="druhy-odkaz">sdsd</a> |
||
jenikkozak Profil |
#7 · Zasláno: 28. 1. 2011, 12:03:31
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 |
#8 · Zasláno: 28. 1. 2011, 12:32:29
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 |
#9 · Zasláno: 28. 1. 2011, 18:56:15
Pokud chceš položky vedle sebe, tak můžeš použít float.
|
||
Časová prodleva: 13 let
|
0