| Autor | Zpráva | ||
|---|---|---|---|
| tanned88 Profil |
#1 · Zasláno: 14. 2. 2009, 17:22:19 · Upravil/a: tanned88
Prosim vas, neví někdo o nějákých stránkách kde by bylo napsáno vše o upravách seznamu CSS ul, li. Děkuju.
|
||
| Falcon Profil |
#2 · Zasláno: 14. 2. 2009, 17:28:57
|
||
| Bubák Profil |
#3 · Zasláno: 14. 2. 2009, 17:53:19
Všechno tam není, třebas:
- některé prohlížeče odsazují seznam levým marginem, jiné levým paddingem - není vhodné používat list-style-image, bo každý prohlížeč ho kreslí trochu jinde, ale background |
||
| tanned88 Profil |
#4 · Zasláno: 14. 2. 2009, 18:14:52
potřeboval bych konkrétně vědět, jak odsadit text v <li> z prava pokd bych byl přesný.
|
||
| Bubák Profil |
#5 · Zasláno: 14. 2. 2009, 18:35:16
Co takhle margin.
Pokud řešíš konkrétní prodlém, dej odkaz, nedostaneš obecnou odpověď, ale rovnou týkající se tvého problému. |
||
| tanned88 Profil |
#6 · Zasláno: 14. 2. 2009, 18:39:26
když já to nemám na netu (local)
no. mam <ul>
<li><a href="#">Úvod</a></li>
...a styl li
{
display:list-item;
list-style: none;
float: left;
height: 39px;
width: 148px;
margin: 0 21px;
padding: 2px;
}
li a
{
color: #FFFFFF;
text-decoration: none;
height: 39px;
display: inline;
float: left;
line-height: 39px;
overflow: hidden;
white-space: nowrap;
width: 148px;
}a potřebuji aby text "Úvod" byl odsazen od strany trchu(a nechtěj se my tam dávat mezery :) |
||
| tanned88 Profil |
#7 · Zasláno: 14. 2. 2009, 19:09:38 · Upravil/a: tanned88
tak sem to dal na net: http://nosvsd.aspone.cz/
doufám že teď to již někdo pochopí a poradí my, potřebuju ten text v menu odsadit trochu do prostředka. EDIT: napadlo mě tak akorát |
||
| Bubák Profil |
#8 · Zasláno: 14. 2. 2009, 19:43:16
Nějak nechápu, co máš v CSS na řádcích 2 až 6 (vím, o co ses pokoušel, rozhodí to formuláře).
Ty si dovedeš zaplevelit CSS: /*menu ul, li*/
ul {margin: 0; padding: 0;}
li
{
list-style: none;
height: 39px;
width: 148px;
margin: 0 21px;
padding: 2px;
}
li a
{
color: #FFFFFF;
text-decoration: none;
height: 39px;
display: block;
line-height: 39px;
overflow: hidden;
white-space: nowrap;
width: 148px;
padding-left: 8px;
}
li a, li strong
{
background: #000000 url( "menulink.png" ) repeat-x left bottom;
color: #FFFFFF;
}Dělal jsem to ve Firebugu, snad to bude v IE taky v pořádku. |
||
| tanned88 Profil |
#9 · Zasláno: 14. 2. 2009, 20:04:16 · Upravil/a: tanned88
dik
EDIT: myslis ** { margin: 0; padding: 0; } uz sem to dal do body { margin: 0; padding: 0; } |
||
| Bubák Profil |
#10 · Zasláno: 14. 2. 2009, 20:35:27
Měl jsem na mysli, že ti tam přebývala jedna hvězdička, a že není dobré takto resetovat CSS:
http://latrine.dgx.cz/jeste-dokonalejsi-stylovani-formularu#toc-resetovani-css |
||
|
Časová prodleva: 15 let
|
|||
0