| Autor | Zpráva | ||
|---|---|---|---|
| Shadowek Profil |
#1 · Zasláno: 15. 6. 2010, 14:38:23
Dobrý den pánové i dámy, delší dobu jsem už nic v CSS nedělal a trošku jsem jej zapomněl, a proto se mi zde nejspíše vyskytl tento problém a píši jej sem.
Připravuji nový design pro můj web a v vertikálním menu mám seznam <menu> <li>Polozka</li> <li>Polozka</li> <li>Polozka</li> </menu> Potřeboval bych aby mezi nimi nebyly žádné "rozestupy". Jak můžete vidět zde v té liště nahoře je mezi borderem jednoho <li> a borderem druhého <li> malinký rozestup, který bych potřeboval odstanit. No a možná bych ještě potřeboval nějak udělat ať se patička zobrazuje automaticky na konci webu uplně dole na spodu toho DIVu. |
||
| __construct Profil |
#2 · Zasláno: 15. 6. 2010, 15:25:09
#toolbar menu li a{
border-left: thin solid #333;
padding: 18px 10px 18px 12px;
border:none
} |
||
| Shadowek Profil |
#3 · Zasláno: 15. 6. 2010, 15:46:22 · Upravil/a: Shadowek
No jo ale já tam potřebuju ten border-left: thin solid #333;, který ta hodnota border: none; zruší ...
Potřebuju totiž ty jednotlivé položky od sebe nějak oddělit. Jestli máš ale nějaký nápad jak to můžu udělat jinak :) |
||
| panther Profil |
#4 · Zasláno: 15. 6. 2010, 17:23:30
Shadowek:
nech položky plavat, tedy místo display: inline tam dej float: left; |
||
| Bubák Profil |
#5 · Zasláno: 15. 6. 2010, 17:51:18
Shadowek:
Orámování se nedědí, netuším, jaký význam má mít border:none. Když, tak koukni na http://teststranek.kvalitne.cz/menu7.1/ a uprav si to podle svých představ. |
||
| Shadowek Profil |
#6 · Zasláno: 15. 6. 2010, 21:05:49
Bubák:
Díky :) Ty mi tu skoro pokaždé pomůžeš :D |
||
|
Časová prodleva: 3 roky
|
|||
| pancha Profil * |
#7 · Zasláno: 7. 2. 2013, 13:24:15
Sorry že vytahuju staré téma, ale hodí se mi zde uvedený příklad od Bubáka k mému dotazu. Chci se zeptat jestli lze nějak odsadit v menu poslední položku (další ponožka) od ostatních, případně ji zarovnat k pravému okraji.
Díky |
||
| lorin Profil |
Označit poslední položku třídou last:
HTML: <div id="menu">
<ul>
<li><a href="#" onclick="target='_blank';">od Kazi</a></li>
<li><a href="#">delší text</a></li>
<li><a href="#">další delší text</a></li>
<li><a href="#">ponožka</a></li>
<li class="last"><a href="#">další ponožka</a></li>
</ul>
</divCSS: #menu li.last {
float: right;
}Popřípadě bez zbytečné třídy: #menu li:last-child {
float: right;
} |
||
| pancha Profil * |
#9 · Zasláno: 7. 2. 2013, 20:53:17
lorin:
Díky, to jsem potřeboval. |
||
|
Časová prodleva: 11 let
|
|||
0