| Autor | Zpráva | ||
|---|---|---|---|
| Sxmanek Profil |
#1 · Zasláno: 9. 1. 2014, 22:01:58
Ahoj potřeboval bych poradit s menu. Mám menu kde mám dva prvky a místo toho aby se mi řadily vedle, tak se mi řadí pod sebe.
menu { width:686px; height: 49px;}
#menu ul { margin: 0px; }
#menu li { list-style-type: none; float:right; }
#menu li a { display: block; width: 686px; height: 49px; background: url(images/button.png) no-repeat center top; }
#menu li a:hover,
#menu li a:focus { color: #D0FF00; }
#menu li.current a { color: #fff; background: url(images/buttonA.png) no-repeat center top; text-shadow: 0px -1px 1px #000; }Přitom tam mám nastavené obtékání. Neví někdo co mám blbě? Děkuji |
||
| johnl Profil |
Z
#menu li a oddělej hodnotu: display: block; a zároveň poté ale doporučuji nastavit rozestup mezi odkazy např. pomocí padding-left: 10px;
Menší ukázka. |
||
| slowk Profil * |
#3 · Zasláno: 9. 1. 2014, 22:06:19
mno vidím ale že máš nastavené jen float: right; a co float: left;? Nebo jestli to nevidím :-)
|
||
| Sxmanek Profil |
#4 · Zasláno: 9. 1. 2014, 22:14:58
johnl:
„Z #menu li a oddělej hodnotu: display: block; a zároveň poté ale doporučuji nastavit rozestup mezi odkazy např. pomocí padding-left: 10px;“ Dík, ale zas nastal problém, že to tlačítko, který jakoby vykresluji za ten text, se mi zobrazuje pouze za tím textem a zbytek chybí. Ale to už se zeptat strýčka googla, šlo mi hlavně o tohle. |
||
| johnl Profil |
Sxmanek:
Možná jsem teď ještě o trochu lépe pochopil co jsi chtěl, něco takového? Tady kód: Živá ukázka. Musíš si to jen přestylovat tak jak jsi to měl pokud je to tak, jak potřebuješ. :) |
||
| Sxmanek Profil |
#6 · Zasláno: 9. 1. 2014, 22:26:30
http://grafik.cekuj.net/ Když se tam koukneš, tak uvidíš dvě položky v menu, ale ten obrázek je jenom za tím textem, jinak potřebuju aby byly vedle sebe ty položky.
|
||
| margin Profil * |
#7 · Zasláno: 10. 1. 2014, 03:01:31
Já bych začal s počty ze základní čkoly, tipuji tu tak na učivo 7. třídy:
(163 + 686) * 2 = 1698 (padding li + šířka a) * 2 (počet položek)
686 < 1698 (šířka menu je menší, než šířka pro požadovaný počet položek, striktně vzato ti do menu nevejde ani jedna položka, bude přetékat.
http://kod.djpw.cz/jdbb |
||
| Sxmanek Profil |
#8 · Zasláno: 10. 1. 2014, 09:57:49
Jaj, já sem vocas :) Díky
|
||
| johnl Profil |
#9 · Zasláno: 10. 1. 2014, 13:51:53
margin:
„ (163 + 686) * 2 = 1698 (padding li + šířka a) * 2 (počet položek)“
ano, při menším rozlišení se položky tak jako tak hodí pod sebe, já na to koukal na full HD takže jsem je viděl vedle sebe, nenapadlo mě, že autor to takto mít nebude. :D |
||
| margin Profil * |
#10 · Zasláno: 10. 1. 2014, 15:53:30
johnl:
„já na to koukal na full HD takže jsem je viděl vedle sebe, nenapadlo mě, že autor to takto mít nebude. :D“ Nevím, na co jsi koukal, ale 1698px šířky položek nevejde do 686px px širokého obalu na žádném monitoru. Možná tě zmátlo, že Sxmankovi chybí v kódu[#1] Sxmanek na prvém řádku #, má tam menu, namísto #menu, pak se obalový DIV roztáhna podle dostupné šířky.
|
||
| johnl Profil |
#11 · Zasláno: 10. 1. 2014, 17:42:12
margin:
ano to je fakt, spíš by se to dalo říct až o mojí druhé ukázce kde se položky shodí pod sebe pokud se nevejdou na monitor. :o) Nějak jsem to neregistroval předtím no. :) |
||
|
Časová prodleva: 10 let
|
|||
0